/* figma-to-wordpress v6 (page 33040) - scoped under .uc-f2w.
   Every rule is wrapped in :where(.uc-f2w) so page-internal specificity is
   unchanged while nothing can match outside the page. Do not add unscoped
   rules here - see memory new-uichemy-design-system-isolation. */
@layer properties;
@layer theme, base, components, utilities;

/* Page base. Without this the scope root inherits font-size from the OLD
   #uichemy-globals block (body{font-size:var(--uc-fs-body)} = 18px), which
   inflates the whole page by 12.5%. The design is 16px, same as .uc-f2e.
   Declared on the scope root so removing globals is a no-op. */
.uc-f2w{font-size:16px}

/* Independence from the OLD #uichemy-globals block. Each rule below re-asserts
   this page's own design value over a globals rule that would otherwise win, so
   deleting globals is a no-op. Do not remove without re-running the diff test
   (disable the globals sheet, compare computed styles, expect zero changes). */

/* globals: h1,h2,h3,h4{margin:0 0 var(--uc-s4)} = 16px bottom. Design is 0.
   Kept at (0,0,1) so page utilities like .mt-3 still win. */
:where(.uc-f2w) :is(h1,h2,h3,h4,h5,h6){margin:0}

/* globals: `body h1..h6{font-weight:600!important;letter-spacing:-.02em!important}`.
   Only !important beats !important, so every heading declaration THIS FILE already
   owns is restated below at heading specificity. No value here is invented: each is
   copied from the rule named in its comment, so if that rule changes this must too.
   The whole block becomes dead the day #uichemy-globals is deleted.

   Base first, for the 11 headings the design gives no tracking at all (.hp-meta h3
   and the text-[18px] h3s). Owners below outrank it on specificity, not order. */
.uc-f2w :is(h1,h2,h3,h4,h5,h6){letter-spacing:normal!important}

/* Button base rules. These two were dropped in the original conversion: only the
   :hover, :active and .Button_neutral variants came across, so the primary CTA
   rendered transparent with dark text instead of #FD6A35 with white. Copied
   VERBATIM from uichemy-f2e.css, where the same buttons render correctly, so
   both v6 pages share one definition. Every token below already resolves in
   this scope. */
.uc-f2w .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)); }
.uc-f2w .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); }
.uc-f2w .Button_outline__Zwmoe.Button_neutral__jwE0u{ color: var(--uc-text-strong); }

/* component owners */
.uc-f2w :is(h1,h2,h3,h4,h5,h6).uicf2w-pill-title{letter-spacing:-0.02em!important;font-weight:500!important}   /* .uicf2w-root .uicf2w-pill-title */
.uc-f2w .uicf2w-sec h2{letter-spacing:-0.02em!important;font-weight:500!important}                              /* .uicf2w-root .uicf2w-sec h2 */
.uc-f2w .ax-h h3{letter-spacing:-0.01em!important;font-weight:500!important}                                    /* .uicf2w-root .ax-h h3 */
.uc-f2w .conv-card .conv-title{letter-spacing:-0.02em!important;font-weight:var(--uc-weight-medium)!important}  /* .uicf2w-root .conv-card .conv-title */
.uc-f2w .uicf2w-hp-meta h3{font-weight:500!important}                                                           /* .uicf2w-root .uicf2w-hp-meta h3 */

/* utility owners, restricted to headings so non-heading elements keep a normal cascade */
.uc-f2w :is(h1,h2,h3,h4,h5,h6).ds-t24{letter-spacing:-0.3px!important}                                         /* .ds-t24 */
.uc-f2w :is(h1,h2,h3,h4,h5,h6).\!font-light{font-weight:var(--font-weight-light)!important}                     /* .!font-light */
.uc-f2w :is(h1,h2,h3,h4,h5,h6).font-medium{font-weight:var(--font-weight-medium)!important}                     /* .font-medium */
.uc-f2w.uicf2w-root .tracking-\[-\.03em\],
.uc-f2w.uicf2w-root .\!tracking-\[-\.03em\]{letter-spacing:-.03em!important}                                    /* .tracking-[-.03em] */
.uc-f2w.uicf2w-root .tracking-\[-0\.01em\]{letter-spacing:-.01em!important}                                     /* .tracking-[-0.01em] */
/* NOTE the .uc-f2w.uicf2w-root prefix on the two rules above: both classes sit
   on the same element, giving (0,3,0). The component rule `.uicf2w-sec h2` is
   (0,2,1) and also !important, so a (0,2,1) tracking rule would tie and lose on
   source order. In React the utility wins because Tailwind's `!` beats the
   component rule; this restores that order. */
.uc-f2w{ --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); }:where(.uc-f2w), :where(.uc-f2w) *, :where(.uc-f2w) *::after, :where(.uc-f2w) *::before, :where(.uc-f2w) *::backdrop, :where(.uc-f2w) *::file-selector-button{ box-sizing: border-box; margin: 0px; padding: 0px; border: 0px solid; }:where(.uc-f2w){ line-height: 1.5; 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-f2w) h1, :where(.uc-f2w) h2, :where(.uc-f2w) h3, :where(.uc-f2w) h4, :where(.uc-f2w) h5, :where(.uc-f2w) h6{ font-size: inherit; font-weight: inherit; }:where(.uc-f2w) a{ color: inherit; text-decoration: inherit; }:where(.uc-f2w) b, :where(.uc-f2w) strong{ font-weight: bolder; }:where(.uc-f2w) summary{ display: list-item; }:where(.uc-f2w) ol, :where(.uc-f2w) ul, :where(.uc-f2w) menu{ list-style: none; }:where(.uc-f2w) img, :where(.uc-f2w) svg, :where(.uc-f2w) video, :where(.uc-f2w) canvas, :where(.uc-f2w) audio, :where(.uc-f2w) iframe, :where(.uc-f2w) embed, :where(.uc-f2w) object{ display: block; vertical-align: middle; }:where(.uc-f2w) img, :where(.uc-f2w) video{ max-width: 100%; height: auto; }:where(.uc-f2w) button, :where(.uc-f2w) input, :where(.uc-f2w) select, :where(.uc-f2w) optgroup, :where(.uc-f2w) textarea, :where(.uc-f2w) ::file-selector-button{ font: inherit; letter-spacing: inherit; color: inherit; border-radius: 0px; background-color: transparent; opacity: 1; }:where(.uc-f2w) :where(select:is([multiple], [size])) optgroup{ font-weight: bolder; }:where(.uc-f2w) :where(select:is([multiple], [size])) optgroup option{ padding-inline-start: 20px; }:where(.uc-f2w) ::file-selector-button{ margin-inline-end: 4px; }:where(.uc-f2w) ::placeholder{ opacity: 1; }@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){:where(.uc-f2w) ::placeholder{
  color: currentcolor;
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(currentcolor, transparent);
}
}}:where(.uc-f2w) ::-webkit-search-decoration{ appearance: none; }:where(.uc-f2w) ::-webkit-date-and-time-value{ min-height: 1lh; text-align: inherit; }:where(.uc-f2w) ::-webkit-datetime-edit{ display: inline-flex; }:where(.uc-f2w) ::-webkit-datetime-edit-fields-wrapper{ padding: 0px; }:where(.uc-f2w) ::-webkit-datetime-edit, :where(.uc-f2w) ::-webkit-datetime-edit-year-field, :where(.uc-f2w) ::-webkit-datetime-edit-month-field, :where(.uc-f2w) ::-webkit-datetime-edit-day-field, :where(.uc-f2w) ::-webkit-datetime-edit-hour-field, :where(.uc-f2w) ::-webkit-datetime-edit-minute-field, :where(.uc-f2w) ::-webkit-datetime-edit-second-field, :where(.uc-f2w) ::-webkit-datetime-edit-millisecond-field, :where(.uc-f2w) ::-webkit-datetime-edit-meridiem-field{ padding-block: 0px; }:where(.uc-f2w) ::-webkit-calendar-picker-indicator{ line-height: 1; }:where(.uc-f2w) button, :where(.uc-f2w) input:where([type="button"], [type="reset"], [type="submit"]), :where(.uc-f2w) ::file-selector-button{ appearance: button; }:where(.uc-f2w) ::-webkit-inner-spin-button, :where(.uc-f2w) ::-webkit-outer-spin-button{ height: auto; }:where(.uc-f2w) [hidden]:where(:not([hidden="until-found"])){ display: none !important; }:where(.uc-f2w) .pointer-events-none{ pointer-events: none; }:where(.uc-f2w) .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0px; }:where(.uc-f2w) .absolute{ position: absolute; }:where(.uc-f2w) .fixed{ position: fixed; }:where(.uc-f2w) .relative{ position: relative; }:where(.uc-f2w) .sticky{ position: sticky; }:where(.uc-f2w) .\[inset\:var\(--dc-toolpaint-inset\,0px\)\]{ inset: var(--dc-toolpaint-inset,0px); }:where(.uc-f2w) .inset-0{ inset: calc(var(--spacing) * 0); }:where(.uc-f2w) .top-0{ top: calc(var(--spacing) * 0); }:where(.uc-f2w) .top-1\/2{ top: calc(50%); }:where(.uc-f2w) .top-3{ top: calc(var(--spacing) * 3); }:where(.uc-f2w) .top-\[clamp\(52px\,7vw\,104px\)\]{ top: clamp(52px, 7vw, 104px); }:where(.uc-f2w) .top-full{ top: 100%; }:where(.uc-f2w) .right-0{ right: calc(var(--spacing) * 0); }:where(.uc-f2w) .right-3{ right: calc(var(--spacing) * 3); }:where(.uc-f2w) .left-0{ left: calc(var(--spacing) * 0); }:where(.uc-f2w) .left-1\/2{ left: calc(50%); }:where(.uc-f2w) .isolate{ isolation: isolate; }:where(.uc-f2w) .z-0{ z-index: 0; }:where(.uc-f2w) .z-10{ z-index: 10; }:where(.uc-f2w) .z-\[1\]{ z-index: 1; }:where(.uc-f2w) .z-\[2\]{ z-index: 2; }:where(.uc-f2w) .z-\[90\]{ z-index: 90; }:where(.uc-f2w) .z-\[95\]{ z-index: 95; }:where(.uc-f2w) .z-\[100\]{ z-index: 100; }:where(.uc-f2w) .-mx-2{ margin-inline: calc(var(--spacing) * -2); }:where(.uc-f2w) .-mx-6{ margin-inline: calc(var(--spacing) * -6); }:where(.uc-f2w) .mx-\[clamp\(8px\,2vw\,16px\)\]{ margin-inline: clamp(8px, 2vw, 16px); }:where(.uc-f2w) .mx-\[clamp\(31px\,4vw\,46px\)\]{ margin-inline: clamp(31px, 4vw, 46px); }:where(.uc-f2w) .mx-auto{ margin-inline: auto; }:where(.uc-f2w) .-my-1\.5{ margin-block: calc(var(--spacing) * -1.5); }:where(.uc-f2w) .-my-2{ margin-block: calc(var(--spacing) * -2); }:where(.uc-f2w) .\!mt-3{ margin-top: calc(var(--spacing) * 3) !important; }:where(.uc-f2w) .-mt-3{ margin-top: calc(var(--spacing) * -3); }:where(.uc-f2w) .mt-0\.5{ margin-top: calc(var(--spacing) * 0.5); }:where(.uc-f2w) .mt-1{ margin-top: calc(var(--spacing) * 1); }:where(.uc-f2w) .mt-2\.5{ margin-top: calc(var(--spacing) * 2.5); }:where(.uc-f2w) .mt-3{ margin-top: calc(var(--spacing) * 3); }:where(.uc-f2w) .mt-5{ margin-top: calc(var(--spacing) * 5); }:where(.uc-f2w) .mt-6{ margin-top: calc(var(--spacing) * 6); }:where(.uc-f2w) .mt-10{ margin-top: calc(var(--spacing) * 10); }:where(.uc-f2w) .mt-\[52px\]{ margin-top: 52px; }:where(.uc-f2w) .mt-\[calc\(\(var\(--cds-leading-body\,20px\)-var\(--cds-checkbox\,16px\)\)\/2\)\]{ margin-top: calc((var(--cds-leading-body,20px) - var(--cds-checkbox,16px)) / 2); }:where(.uc-f2w) .mt-\[clamp\(40px\,5vw\,64px\)\]{ margin-top: clamp(40px, 5vw, 64px); }:where(.uc-f2w) .mt-\[clamp\(40px\,8vw\,128px\)\]{ margin-top: clamp(40px, 8vw, 128px); }:where(.uc-f2w) .mt-\[clamp\(80px\,10vw\,132px\)\]{ margin-top: clamp(80px, 10vw, 132px); }:where(.uc-f2w) .mt-sprout-8{ margin-top: var(--spacing-sprout-8); }:where(.uc-f2w) .mt-sprout-12{ margin-top: var(--spacing-sprout-12); }:where(.uc-f2w) .mt-sprout-16{ margin-top: var(--spacing-sprout-16); }:where(.uc-f2w) .mt-sprout-40{ margin-top: var(--spacing-sprout-40); }:where(.uc-f2w) .mt-sprout-48{ margin-top: var(--spacing-sprout-48); }:where(.uc-f2w) .\!mb-0{ margin-bottom: calc(var(--spacing) * 0) !important; }:where(.uc-f2w) .-mb-6{ margin-bottom: calc(var(--spacing) * -6); }:where(.uc-f2w) .mb-sprout-16{ margin-bottom: var(--spacing-sprout-16); }:where(.uc-f2w) .ml-auto{ margin-left: auto; }:where(.uc-f2w) .block{ display: block; }:where(.uc-f2w) .flex{ display: flex; }:where(.uc-f2w) .grid{ display: grid; }:where(.uc-f2w) .hidden{ display: none; }:where(.uc-f2w) .inline{ display: inline; }:where(.uc-f2w) .inline-block{ display: inline-block; }:where(.uc-f2w) .inline-flex{ display: inline-flex; }:where(.uc-f2w) .aspect-video{ aspect-ratio: var(--aspect-video); }:where(.uc-f2w) .size-11{ width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11); }:where(.uc-f2w) .size-\[15px\]{ width: 15px; height: 15px; }:where(.uc-f2w) .size-\[18px\]{ width: 18px; height: 18px; }:where(.uc-f2w) .size-\[58px\]{ width: 58px; height: 58px; }:where(.uc-f2w) .size-\[calc\(var\(--cds-checkbox\,16px\)-8px\)\]{ width: calc(var(--cds-checkbox,16px) - 8px); height: calc(var(--cds-checkbox,16px) - 8px); }:where(.uc-f2w) .size-\[var\(--dc-toolglyph\,14px\)\]{ width: var(--dc-toolglyph,14px); height: var(--dc-toolglyph,14px); }:where(.uc-f2w) .h-0\.5{ height: calc(var(--spacing) * 0.5); }:where(.uc-f2w) .h-5{ height: calc(var(--spacing) * 5); }:where(.uc-f2w) .h-9{ height: calc(var(--spacing) * 9); }:where(.uc-f2w) .h-10{ height: calc(var(--spacing) * 10); }:where(.uc-f2w) .h-11{ height: calc(var(--spacing) * 11); }:where(.uc-f2w) .h-\[18px\]{ height: 18px; }:where(.uc-f2w) .h-\[22px\]{ height: 22px; }:where(.uc-f2w) .h-\[24px\]{ height: 24px; }:where(.uc-f2w) .h-\[28px\]{ height: 28px; }:where(.uc-f2w) .h-\[30px\]{ height: 30px; }:where(.uc-f2w) .h-\[60px\]{ height: 60px; }:where(.uc-f2w) .h-\[660px\]{ height: 660px; }:where(.uc-f2w) .h-\[var\(--cds-h-control\,32px\)\]{ height: var(--cds-h-control,32px); }:where(.uc-f2w) .h-\[var\(--dc-toolbtn\,25px\)\]{ height: var(--dc-toolbtn,25px); }:where(.uc-f2w) .h-full{ height: 100%; }:where(.uc-f2w) .max-h-\[min\(var\(--available-height\)\,var\(--cds-popup-max-h\,320px\)\)\]{ max-height: min(var(--available-height), var(--cds-popup-max-h,320px)); }:where(.uc-f2w) .w-5{ width: calc(var(--spacing) * 5); }:where(.uc-f2w) .w-9{ width: calc(var(--spacing) * 9); }:where(.uc-f2w) .w-10{ width: calc(var(--spacing) * 10); }:where(.uc-f2w) .w-11{ width: calc(var(--spacing) * 11); }:where(.uc-f2w) .w-\[18px\]{ width: 18px; }:where(.uc-f2w) .w-\[22px\]{ width: 22px; }:where(.uc-f2w) .w-\[24px\]{ width: 24px; }:where(.uc-f2w) .w-\[min\(86\%\,1060px\)\]{ width: min(86%, 1060px); }:where(.uc-f2w) .w-\[min\(520px\,92vw\)\]{ width: min(520px, 92vw); }:where(.uc-f2w) .w-\[min\(560px\,84vw\)\]{ width: min(560px, 84vw); }:where(.uc-f2w) .w-\[min\(560px\,92vw\)\]{ width: min(560px, 92vw); }:where(.uc-f2w) .w-\[min\(720px\,90vw\)\]{ width: min(720px, 90vw); }:where(.uc-f2w) .w-\[min\(760px\,86vw\)\]{ width: min(760px, 86vw); }:where(.uc-f2w) .w-\[min\(836px\,92vw\)\]{ width: min(836px, 92vw); }:where(.uc-f2w) .w-\[min\(1240px\,92vw\)\]{ width: min(1240px, 92vw); }:where(.uc-f2w) .w-\[var\(--dc-toolbtn\,25px\)\]{ width: var(--dc-toolbtn,25px); }:where(.uc-f2w) .w-auto{ width: auto; }:where(.uc-f2w) .w-fit{ width: fit-content; }:where(.uc-f2w) .w-full{ width: 100%; }:where(.uc-f2w) .w-px{ width: 1px; }:where(.uc-f2w) .max-w-\[300px\]{ max-width: 300px; }:where(.uc-f2w) .max-w-\[360px\]{ max-width: 360px; }:where(.uc-f2w) .max-w-\[441px\]{ max-width: 441px; }:where(.uc-f2w) .max-w-\[560px\]{ max-width: 560px; }:where(.uc-f2w) .max-w-\[701px\]{ max-width: 701px; }:where(.uc-f2w) .max-w-\[820px\]{ max-width: 820px; }:where(.uc-f2w) .max-w-\[984px\]{ max-width: 984px; }:where(.uc-f2w) .max-w-\[1020px\]{ max-width: 1020px; }:where(.uc-f2w) .max-w-\[1100px\]{ max-width: 1100px; }:where(.uc-f2w) .min-w-0{ min-width: calc(var(--spacing) * 0); }:where(.uc-f2w) .flex-1{ flex: 1 1 0%; }:where(.uc-f2w) .shrink-0{ flex-shrink: 0; }:where(.uc-f2w) .-translate-x-1\/2{ --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }:where(.uc-f2w) .-translate-y-1\/2{ --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }:where(.uc-f2w) .cursor-pointer{ cursor: pointer; }:where(.uc-f2w) .list-none{ list-style-type: none; }:where(.uc-f2w) .grid-cols-1{ grid-template-columns: repeat(1, minmax(0px, 1fr)); }:where(.uc-f2w) .grid-cols-2{ grid-template-columns: repeat(2, minmax(0px, 1fr)); }:where(.uc-f2w) .grid-cols-3{ grid-template-columns: repeat(3, minmax(0px, 1fr)); }:where(.uc-f2w) .grid-cols-4{ grid-template-columns: repeat(4, minmax(0px, 1fr)); }:where(.uc-f2w) .grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(0\,0\.8fr\)\]{ grid-template-columns: minmax(0px, 1.4fr) minmax(0px, 0.8fr); }:where(.uc-f2w) .grid-cols-\[minmax\(0\,1\.7fr\)_minmax\(0\,1fr\)\]{ grid-template-columns: minmax(0px, 1.7fr) minmax(0px, 1fr); }:where(.uc-f2w) .flex-col{ flex-direction: column; }:where(.uc-f2w) .flex-wrap{ flex-wrap: wrap; }:where(.uc-f2w) .place-items-center{ place-items: center; }:where(.uc-f2w) .items-center{ align-items: center; }:where(.uc-f2w) .items-start{ align-items: flex-start; }:where(.uc-f2w) .justify-between{ justify-content: space-between; }:where(.uc-f2w) .justify-center{ justify-content: center; }:where(.uc-f2w) .gap-0\.5{ gap: calc(var(--spacing) * 0.5); }:where(.uc-f2w) .gap-1{ gap: calc(var(--spacing) * 1); }:where(.uc-f2w) .gap-1\.5{ gap: calc(var(--spacing) * 1.5); }:where(.uc-f2w) .gap-2{ gap: calc(var(--spacing) * 2); }:where(.uc-f2w) .gap-2\.5{ gap: calc(var(--spacing) * 2.5); }:where(.uc-f2w) .gap-3{ gap: calc(var(--spacing) * 3); }:where(.uc-f2w) .gap-3\.5{ gap: calc(var(--spacing) * 3.5); }:where(.uc-f2w) .gap-4{ gap: calc(var(--spacing) * 4); }:where(.uc-f2w) .gap-5{ gap: calc(var(--spacing) * 5); }:where(.uc-f2w) .gap-6{ gap: calc(var(--spacing) * 6); }:where(.uc-f2w) .gap-8{ gap: calc(var(--spacing) * 8); }:where(.uc-f2w) .gap-12{ gap: calc(var(--spacing) * 12); }:where(.uc-f2w) .gap-\[5px\]{ gap: 5px; }:where(.uc-f2w) .gap-\[clamp\(16px\,3vh\,40px\)\]{ gap: clamp(16px, 3vh, 40px); }:where(.uc-f2w) .gap-\[var\(--cds-pad-sm\,6px\)\]{ gap: var(--cds-pad-sm,6px); }:where(.uc-f2w) .gap-px{ gap: 1px; }:where(.uc-f2w) .gap-sprout-16{ gap: var(--spacing-sprout-16); }:where(.uc-f2w) .gap-x-1\.5{ column-gap: calc(var(--spacing) * 1.5); }:where(.uc-f2w) .gap-x-10{ column-gap: calc(var(--spacing) * 10); }:where(.uc-f2w) .gap-x-\[clamp\(24px\,5vw\,98px\)\]{ column-gap: clamp(24px, 5vw, 98px); }:where(.uc-f2w) .gap-y-1\.5{ row-gap: calc(var(--spacing) * 1.5); }:where(.uc-f2w) .gap-y-10{ row-gap: calc(var(--spacing) * 10); }:where(.uc-f2w) .self-start{ align-self: flex-start; }:where(.uc-f2w) .self-stretch{ align-self: stretch; }:where(.uc-f2w) .overflow-hidden{ overflow: hidden; }:where(.uc-f2w) .overflow-y-auto{ overflow-y: auto; }:where(.uc-f2w) .rounded{ border-radius: 0.25rem; }:where(.uc-f2w) .rounded-2xl{ border-radius: calc(var(--radius) + 8px); }:where(.uc-f2w) .rounded-\[9px\]{ border-radius: 9px; }:where(.uc-f2w) .rounded-\[10px\]{ border-radius: 10px; }:where(.uc-f2w) .rounded-\[12px\]{ border-radius: 12px; }:where(.uc-f2w) .rounded-\[16px\]{ border-radius: 16px; }:where(.uc-f2w) .rounded-\[20px\]{ border-radius: 20px; }:where(.uc-f2w) .rounded-\[24px\]{ border-radius: 24px; }:where(.uc-f2w) .rounded-\[28px\]{ border-radius: 28px; }:where(.uc-f2w) .rounded-\[32px\]{ border-radius: 32px; }:where(.uc-f2w) .rounded-full{ border-radius: calc(infinity * 1px); }:where(.uc-f2w) .rounded-sprout-12{ border-radius: var(--radius-sprout-12); }:where(.uc-f2w) .rounded-b-\[20px\]{ border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; }:where(.uc-f2w) .rounded-b-none{ border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }:where(.uc-f2w) .border{ border-style: var(--tw-border-style); border-width: 1px; }:where(.uc-f2w) .border-t{ border-top-style: var(--tw-border-style); border-top-width: 1px; }:where(.uc-f2w) .border-t-0{ border-top-style: var(--tw-border-style); border-top-width: 0px; }:where(.uc-f2w) .border-b{ border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }:where(.uc-f2w) .border-b-0{ border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }:where(.uc-f2w) .border-l{ border-left-style: var(--tw-border-style); border-left-width: 1px; }:where(.uc-f2w) .border-\[rgba\(0\,0\,0\,0\.12\)\]{ border-color: rgba(0, 0, 0, 0.12); }:where(.uc-f2w) .border-\[rgba\(0\,0\,0\,0\.15\)\]{ border-color: rgba(0, 0, 0, 0.15); }:where(.uc-f2w) .border-\[rgba\(46\,163\,67\,0\.3\)\]{ border-color: rgba(46, 163, 67, 0.3); }:where(.uc-f2w) .border-\[rgba\(63\,63\,70\,\.52\)\]{ border-color: rgba(63, 63, 70, 0.52); }:where(.uc-f2w) .border-\[rgba\(184\,216\,168\,0\.3\)\]{ border-color: rgba(184, 216, 168, 0.3); }:where(.uc-f2w) .border-\[rgba\(200\,226\,192\,0\.8\)\]{ border-color: rgba(200, 226, 192, 0.8); }:where(.uc-f2w) .border-\[rgba\(212\,202\,190\,0\.4\)\]{ border-color: rgba(212, 202, 190, 0.4); }:where(.uc-f2w) .border-\[rgba\(212\,202\,190\,0\.5\)\]{ border-color: rgba(212, 202, 190, 0.5); }:where(.uc-f2w) .border-\[rgba\(214\,214\,214\,0\.1\)\]{ border-color: rgba(214, 214, 214, 0.1); }:where(.uc-f2w) .border-\[rgba\(229\,222\,204\,0\.9\)\]{ border-color: rgba(229, 222, 204, 0.9); }:where(.uc-f2w) .border-\[rgba\(235\,227\,210\,0\.9\)\]{ border-color: rgba(235, 227, 210, 0.9); }:where(.uc-f2w) .border-\[rgba\(239\,232\,216\,0\.7\)\]{ border-color: rgba(239, 232, 216, 0.7); }:where(.uc-f2w) .border-\[rgba\(240\,188\,138\,0\.85\)\]{ border-color: rgba(240, 188, 138, 0.85); }:where(.uc-f2w) .border-\[rgba\(255\,184\,154\,0\.2\)\]{ border-color: rgba(255, 184, 154, 0.2); }:where(.uc-f2w) .border-\[rgba\(255\,255\,255\,0\.05\)\]{ border-color: rgba(255, 255, 255, 0.05); }:where(.uc-f2w) .border-\[var\(--uc-border-subtle\)\]{ border-color: var(--uc-border-subtle); }:where(.uc-f2w) .border-sprout-color-border-default{ border-color: var(--color-sprout-color-border-default); }:where(.uc-f2w) .border-sprout-color-border-weak{ border-color: var(--color-sprout-color-border-weak); }:where(.uc-f2w) .bg-\[\#1c1c1c\]{ background-color: rgb(28, 28, 28); }:where(.uc-f2w) .bg-\[rgba\(0\,0\,0\,0\.1\)\]{ background-color: rgba(0, 0, 0, 0.1); }:where(.uc-f2w) .bg-\[rgba\(0\,0\,0\,0\.4\)\]{ background-color: rgba(0, 0, 0, 0.4); }:where(.uc-f2w) .bg-\[rgba\(0\,0\,0\,0\.05\)\]{ background-color: rgba(0, 0, 0, 0.05); }:where(.uc-f2w) .bg-\[rgba\(39\,39\,42\,\.4\)\]{ background-color: rgba(39, 39, 42, 0.4); }:where(.uc-f2w) .bg-\[rgba\(46\,163\,67\,0\.2\)\]{ background-color: rgba(46, 163, 67, 0.2); }:where(.uc-f2w) .bg-\[rgba\(212\,202\,190\,0\.5\)\]{ background-color: rgba(212, 202, 190, 0.5); }:where(.uc-f2w) .bg-\[rgba\(213\,200\,174\,0\.6\)\]{ background-color: rgba(213, 200, 174, 0.6); }:where(.uc-f2w) .bg-\[rgba\(229\,222\,204\,0\.7\)\]{ background-color: rgba(229, 222, 204, 0.7); }:where(.uc-f2w) .bg-\[rgba\(231\,255\,231\,0\.1\)\]{ background-color: rgba(231, 255, 231, 0.1); }:where(.uc-f2w) .bg-\[rgba\(255\,184\,154\,0\.2\)\]{ background-color: rgba(255, 184, 154, 0.2); }:where(.uc-f2w) .bg-\[rgba\(255\,255\,255\,0\.06\)\]{ background-color: rgba(255, 255, 255, 0.06); }:where(.uc-f2w) .bg-\[var\(--uc-surface-base\)\]{ background-color: var(--uc-surface-base); }:where(.uc-f2w) .bg-\[var\(--uc-surface-raised\)\]{ background-color: var(--uc-surface-raised); }:where(.uc-f2w) .bg-\[var\(--uc-surface-sunken\)\]{ background-color: var(--uc-surface-sunken); }:where(.uc-f2w) .bg-black\/40{
  background-color: color-mix(in srgb, rgb(0, 0, 0) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
}
}:where(.uc-f2w) .bg-black\/55{
  background-color: color-mix(in srgb, rgb(0, 0, 0) 55%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-black) 55%, transparent);
}
}:where(.uc-f2w) .bg-sprout-color-background-default{ background-color: var(--color-sprout-color-background-default); }:where(.uc-f2w) .bg-sprout-color-background-stronger{ background-color: var(--color-sprout-color-background-stronger); }:where(.uc-f2w) .bg-sprout-color-background-weaker{ background-color: var(--color-sprout-color-background-weaker); }:where(.uc-f2w) .bg-sprout-color-border-weak{ background-color: var(--color-sprout-color-border-weak); }:where(.uc-f2w) .bg-sprout-color-text-default{ background-color: var(--color-sprout-color-text-default); }:where(.uc-f2w) .bg-white{ background-color: var(--color-white); }:where(.uc-f2w) .bg-\[radial-gradient\(85\%_80\%_at_50\%_115\%\,rgba\(82\,2\,253\,0\.6\)\,rgba\(82\,2\,253\,0\.25\)_45\%\,transparent_72\%\)\]{ background-image: radial-gradient(85% 80% at 50% 115%, rgba(82, 2, 253, 0.6), rgba(82, 2, 253, 0.25) 45%, transparent 72%); }:where(.uc-f2w) .bg-\[radial-gradient\(135\%_95\%_at_46\%_125\%\,rgba\(255\,86\,224\,0\.92\)\,rgba\(255\,118\,232\,0\.6\)_38\%\,transparent_70\%\)\]{ background-image: radial-gradient(135% 95% at 46% 125%, rgba(255, 86, 224, 0.92), rgba(255, 118, 232, 0.6) 38%, transparent 70%); }:where(.uc-f2w) .object-contain{ object-fit: contain; }:where(.uc-f2w) .object-cover{ object-fit: cover; }:where(.uc-f2w) .p-0{ padding: calc(var(--spacing) * 0); }:where(.uc-f2w) .p-1{ padding: calc(var(--spacing) * 1); }:where(.uc-f2w) .p-3{ padding: calc(var(--spacing) * 3); }:where(.uc-f2w) .p-4{ padding: calc(var(--spacing) * 4); }:where(.uc-f2w) .p-6{ padding: calc(var(--spacing) * 6); }:where(.uc-f2w) .p-8{ padding: calc(var(--spacing) * 8); }:where(.uc-f2w) .p-10{ padding: calc(var(--spacing) * 10); }:where(.uc-f2w) .p-\[9px\]{ padding: 9px; }:where(.uc-f2w) .p-sprout-20{ padding: var(--spacing-sprout-20); }:where(.uc-f2w) .px-2{ padding-inline: calc(var(--spacing) * 2); }:where(.uc-f2w) .px-2\.5{ padding-inline: calc(var(--spacing) * 2.5); }:where(.uc-f2w) .px-3{ padding-inline: calc(var(--spacing) * 3); }:where(.uc-f2w) .px-4{ padding-inline: calc(var(--spacing) * 4); }:where(.uc-f2w) .px-6{ padding-inline: calc(var(--spacing) * 6); }:where(.uc-f2w) .px-\[clamp\(24px\,5vw\,72px\)\]{ padding-inline: clamp(24px, 5vw, 72px); }:where(.uc-f2w) .py-1{ padding-block: calc(var(--spacing) * 1); }:where(.uc-f2w) .py-2{ padding-block: calc(var(--spacing) * 2); }:where(.uc-f2w) .py-3{ padding-block: calc(var(--spacing) * 3); }:where(.uc-f2w) .py-4{ padding-block: calc(var(--spacing) * 4); }:where(.uc-f2w) .py-\[11px\]{ padding-block: 11px; }:where(.uc-f2w) .py-\[clamp\(28px\,5vh\,56px\)\]{ padding-block: clamp(28px, 5vh, 56px); }:where(.uc-f2w) .py-sprout-8{ padding-block: var(--spacing-sprout-8); }:where(.uc-f2w) .pt-0{ padding-top: calc(var(--spacing) * 0); }:where(.uc-f2w) .pt-0\.5{ padding-top: calc(var(--spacing) * 0.5); }:where(.uc-f2w) .pt-3{ padding-top: calc(var(--spacing) * 3); }:where(.uc-f2w) .pt-3\.5{ padding-top: calc(var(--spacing) * 3.5); }:where(.uc-f2w) .pt-\[92px\]{ padding-top: 92px; }:where(.uc-f2w) .pt-\[clamp\(140px\,20vw\,260px\)\]{ padding-top: clamp(140px, 20vw, 260px); }:where(.uc-f2w) .pb-1{ padding-bottom: calc(var(--spacing) * 1); }:where(.uc-f2w) .pb-2{ padding-bottom: calc(var(--spacing) * 2); }:where(.uc-f2w) .pb-2\.5{ padding-bottom: calc(var(--spacing) * 2.5); }:where(.uc-f2w) .pb-5{ padding-bottom: calc(var(--spacing) * 5); }:where(.uc-f2w) .pb-6{ padding-bottom: calc(var(--spacing) * 6); }:where(.uc-f2w) .pb-8{ padding-bottom: calc(var(--spacing) * 8); }:where(.uc-f2w) .pb-10{ padding-bottom: calc(var(--spacing) * 10); }:where(.uc-f2w) .pl-1{ padding-left: calc(var(--spacing) * 1); }:where(.uc-f2w) .text-center{ text-align: center; }:where(.uc-f2w) .font-sans{ font-family: var(--font-sans); }:where(.uc-f2w) .font-zalando-sans{ font-family: var(--font-zalando-sans); }:where(.uc-f2w) .text-\[12px\]{ font-size: 12px; }:where(.uc-f2w) .text-\[14px\]{ font-size: 14px; }:where(.uc-f2w) .text-\[15px\]{ font-size: 15px; }:where(.uc-f2w) .text-\[16px\]{ font-size: 16px; }:where(.uc-f2w) .text-\[18px\]{ font-size: 18px; }:where(.uc-f2w) .text-\[48px\]{ font-size: 48px; }:where(.uc-f2w) .text-\[clamp\(1\.5rem\,3vw\,2\.1rem\)\]{ font-size: clamp(1.5rem, 3vw, 2.1rem); }:where(.uc-f2w) .text-\[clamp\(1\.6rem\,3\.2vw\,2\.3rem\)\]{ font-size: clamp(1.6rem, 3.2vw, 2.3rem); }:where(.uc-f2w) .text-\[clamp\(1\.7rem\,3\.2vw\,2\.4rem\)\]{ font-size: clamp(1.7rem, 3.2vw, 2.4rem); }:where(.uc-f2w) .text-\[clamp\(1\.7rem\,3\.4vw\,2\.5rem\)\]{ font-size: clamp(1.7rem, 3.4vw, 2.5rem); }:where(.uc-f2w) .text-\[clamp\(1\.8rem\,3\.4vw\,2\.6rem\)\]{ font-size: clamp(1.8rem, 3.4vw, 2.6rem); }:where(.uc-f2w) .text-\[clamp\(1\.8rem\,3\.6vw\,2\.7rem\)\]{ font-size: clamp(1.8rem, 3.6vw, 2.7rem); }:where(.uc-f2w) .text-\[clamp\(2\.2rem\,4\.6vw\,3\.6rem\)\]{ font-size: clamp(2.2rem, 4.6vw, 3.6rem); }:where(.uc-f2w) .text-\[clamp\(2\.4rem\,5\.2vw\,4\.2rem\)\]{ font-size: clamp(2.4rem, 5.2vw, 4.2rem); }:where(.uc-f2w) .text-\[clamp\(2\.6rem\,5\.4vw\,4\.4rem\)\]{ font-size: clamp(2.6rem, 5.4vw, 4.4rem); }:where(.uc-f2w) .text-\[clamp\(30px\,4\.6vw\,72px\)\]{ font-size: clamp(30px, 4.6vw, 72px); }:where(.uc-f2w) .text-\[clamp\(34px\,5vw\,64px\)\]{ font-size: clamp(34px, 5vw, 64px); }:where(.uc-f2w) .leading-6{ --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); }:where(.uc-f2w) .leading-\[18px\]{ --tw-leading: 18px; line-height: 18px; }:where(.uc-f2w) .leading-\[20px\]{ --tw-leading: 20px; line-height: 20px; }:where(.uc-f2w) .leading-\[22px\]{ --tw-leading: 22px; line-height: 22px; }:where(.uc-f2w) .leading-\[50px\]{ --tw-leading: 50px; line-height: 50px; }:where(.uc-f2w) .leading-tight{ --tw-leading: var(--leading-tight); line-height: var(--leading-tight); }:where(.uc-f2w) .\!font-light{ --tw-font-weight: var(--font-weight-light) !important; font-weight: var(--font-weight-light) !important; }:where(.uc-f2w) .font-medium{ --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }:where(.uc-f2w) .font-semibold{ --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }:where(.uc-f2w) .\!tracking-\[-\.03em\]{ --tw-tracking: -.03em !important; letter-spacing: -0.03em !important; }:where(.uc-f2w) .tracking-\[-\.01em\]{ --tw-tracking: -.01em; letter-spacing: -0.01em; }:where(.uc-f2w) .tracking-\[-\.03em\]{ --tw-tracking: -.03em; letter-spacing: -0.03em; }:where(.uc-f2w) .tracking-\[-0\.01em\]{ --tw-tracking: -0.01em; letter-spacing: -0.01em; }:where(.uc-f2w) .tracking-\[-0\.07px\]{ --tw-tracking: -0.07px; letter-spacing: -0.07px; }:where(.uc-f2w) .tracking-\[0\.04em\]{ --tw-tracking: 0.04em; letter-spacing: 0.04em; }:where(.uc-f2w) .tracking-\[2px\]{ --tw-tracking: 2px; letter-spacing: 2px; }:where(.uc-f2w) .whitespace-nowrap{ white-space: nowrap; }:where(.uc-f2w) .\!text-sprout-color-primary{ color: var(--color-sprout-color-primary) !important; }:where(.uc-f2w) .\!text-sprout-color-text-default{ color: var(--color-sprout-color-text-default) !important; }:where(.uc-f2w) .text-\[rgba\(59\,52\,43\,0\.85\)\]{ color: rgba(59, 52, 43, 0.85); }:where(.uc-f2w) .text-\[rgba\(161\,161\,170\,\.5\)\]{ color: rgba(161, 161, 170, 0.5); }:where(.uc-f2w) .text-\[rgba\(161\,161\,170\,\.6\)\]{ color: rgba(161, 161, 170, 0.6); }:where(.uc-f2w) .text-\[rgba\(161\,161\,170\,\.65\)\]{ color: rgba(161, 161, 170, 0.65); }:where(.uc-f2w) .text-\[var\(--uc-border\)\]{ color: var(--uc-border); }:where(.uc-f2w) .text-\[var\(--uc-text-muted\)\]{ color: var(--uc-text-muted); }:where(.uc-f2w) .text-\[var\(--uc-text-strong\)\]{ color: var(--uc-text-strong); }:where(.uc-f2w) .text-sprout-color-primary{ color: var(--color-sprout-color-primary); }:where(.uc-f2w) .text-sprout-color-text-default{ color: var(--color-sprout-color-text-default); }:where(.uc-f2w) .text-sprout-color-text-weaker{ color: var(--color-sprout-color-text-weaker); }:where(.uc-f2w) .text-white\/55{
  color: color-mix(in srgb, rgb(255, 255, 255) 55%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-white) 55%, transparent);
}
}:where(.uc-f2w) .uppercase{ text-transform: uppercase; }:where(.uc-f2w) .no-underline{ text-decoration-line: none; }:where(.uc-f2w) .antialiased{ -webkit-font-smoothing: antialiased; }:where(.uc-f2w) .shadow-\[-1px_0_0_rgba\(0\,0\,0\,0\.1\)\]{ --tw-shadow: -1px 0 0 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-f2w) .shadow-\[-20px_-4px_20px_rgba\(0\,0\,0\,0\.09\)\,-5px_-1px_11px_rgba\(0\,0\,0\,0\.1\)\]{ --tw-shadow: -20px -4px 20px var(--tw-shadow-color, rgba(0,0,0,0.09)), -5px -1px 11px 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-f2w) .shadow-\[0_0_0_0\.5px_var\(--om-border-default\)\,0_1px_2px_rgba\(0\,0\,0\,0\.06\)\]{ --tw-shadow: 0 0 0 0.5px var(--tw-shadow-color, var(--om-border-default)), 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.06)); 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-f2w) .shadow-\[0_0_0_1\.5px_var\(--om-text-primary\)\,0_2px_6px_rgba\(0\,0\,0\,0\.15\)\]{ --tw-shadow: 0 0 0 1.5px var(--tw-shadow-color, var(--om-text-primary)), 0 2px 6px var(--tw-shadow-color, rgba(0,0,0,0.15)); 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-f2w) .shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.3\)\]{ --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.3)); 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-f2w) .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-f2w) .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-f2w) .shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.04\)\]{ --tw-shadow: 0 1px 1px var(--tw-shadow-color, rgba(0,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-f2w) .shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.07\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.18\)\]{ --tw-shadow: 0 1px 1px var(--tw-shadow-color, rgba(0,0,0,0.07)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.18)); 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-f2w) .shadow-\[0_1px_2px_0_rgba\(0\,0\,0\,0\.05\)\]{ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0,0,0,0.05)); 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-f2w) .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.05\)\]{ --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.05)); 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-f2w) .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-f2w) .shadow-\[0_1px_2px_rgba\(90\,139\,187\,0\.3\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.15\)\]{ --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(90,139,187,0.3)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.15)); 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-f2w) .shadow-\[0_1px_3px_0_rgba\(0\,0\,0\,0\.1\)\,0_1px_2px_-1px_rgba\(0\,0\,0\,0\.1\)\]{ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0,0,0,0.1)), 0 1px 2px -1px 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-f2w) .shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.1\)\,0_1px_2px_-1px_rgba\(0\,0\,0\,0\.1\)\]{ --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0 1px 2px -1px 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-f2w) .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-f2w) .shadow-\[0_1px_3px_rgba\(10\,10\,10\,\.12\)\]{ --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(10,10,10,.12)); 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-f2w) .shadow-\[0_1px_3px_rgba\(166\,50\,68\,0\.3\)\,0_2px_6px_rgba\(166\,50\,68\,0\.18\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.12\)\]{ --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(166,50,68,0.3)), 0 2px 6px var(--tw-shadow-color, rgba(166,50,68,0.18)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.12)); 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-f2w) .shadow-\[0_1px_3px_rgba\(180\,90\,30\,0\.35\)\,0_2px_6px_rgba\(180\,90\,30\,0\.2\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.15\)\]{ --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(180,90,30,0.35)), 0 2px 6px var(--tw-shadow-color, rgba(180,90,30,0.2)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.15)); 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-f2w) .shadow-\[0_2px_6px_-3px_rgba\(16\,24\,40\,\.18\)\]{ --tw-shadow: 0 2px 6px -3px var(--tw-shadow-color, rgba(16,24,40,.18)); 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-f2w) .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-f2w) .shadow-\[0_4px_12px_rgba\(255\,255\,255\,0\.2\)\]{ --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(255,255,255,0.2)); 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-f2w) .shadow-\[0_6px_22px_rgba\(20\,20\,19\,0\.16\)\]{ --tw-shadow: 0 6px 22px var(--tw-shadow-color, rgba(20,20,19,0.16)); 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-f2w) .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-f2w) .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-f2w) .shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.25\)\]{ --tw-shadow: 0 8px 24px var(--tw-shadow-color, rgba(0,0,0,0.25)); 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-f2w) .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-f2w) .shadow-\[0_10px_24px_-10px_rgba\(10\,10\,10\,\.5\)\]{ --tw-shadow: 0 10px 24px -10px var(--tw-shadow-color, rgba(10,10,10,.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-f2w) .shadow-\[0_12px_32px_-12px_rgba\(0\,0\,0\,0\.12\)\,0_2px_6px_-2px_rgba\(0\,0\,0\,0\.06\)\]{ --tw-shadow: 0 12px 32px -12px var(--tw-shadow-color, rgba(0,0,0,0.12)), 0 2px 6px -2px var(--tw-shadow-color, rgba(0,0,0,0.06)); 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-f2w) .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-f2w) .shadow-\[0_16px_34px_-12px_rgba\(108\,23\,3\,\.28\)\]{ --tw-shadow: 0 16px 34px -12px var(--tw-shadow-color, rgba(108,23,3,.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-f2w) .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-f2w) .shadow-\[0_18px_50px_-18px_rgba\(0\,0\,0\,0\.5\)\]{ --tw-shadow: 0 18px 50px -18px var(--tw-shadow-color, rgba(0,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-f2w) .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-f2w) .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-f2w) .shadow-\[0_24px_60px_-20px_rgba\(23\,23\,23\,0\.18\)\]{ --tw-shadow: 0 24px 60px -20px var(--tw-shadow-color, rgba(23,23,23,0.18)); 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-f2w) .shadow-\[0_30px_60px_-30px_rgba\(0\,0\,0\,\.6\)\]{ --tw-shadow: 0 30px 60px -30px 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-f2w) .shadow-\[0_30px_60px_-30px_rgba\(10\,10\,10\,\.4\)\]{ --tw-shadow: 0 30px 60px -30px var(--tw-shadow-color, rgba(10,10,10,.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-f2w) .shadow-\[0_30px_60px_-30px_rgba\(10\,10\,10\,\.5\)\]{ --tw-shadow: 0 30px 60px -30px var(--tw-shadow-color, rgba(10,10,10,.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-f2w) .shadow-\[0_30px_60px_-30px_rgba\(253\,106\,53\,\.35\)\]{ --tw-shadow: 0 30px 60px -30px var(--tw-shadow-color, rgba(253,106,53,.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-f2w) .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-f2w) .shadow-\[0_32px_64px_-12px_rgba\(0\,0\,0\,0\.12\)\]{ --tw-shadow: 0 32px 64px -12px var(--tw-shadow-color, rgba(0,0,0,0.12)); 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-f2w) .shadow-\[0_40px_80px_-20px_rgba\(0\,0\,0\,0\.45\)\]{ --tw-shadow: 0 40px 80px -20px 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-f2w) .shadow-\[0_40px_80px_-30px_rgba\(10\,10\,10\,\.5\)\]{ --tw-shadow: 0 40px 80px -30px var(--tw-shadow-color, rgba(10,10,10,.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-f2w) .shadow-\[0_40px_90px_-40px_rgba\(23\,23\,23\,0\.40\)\]{ --tw-shadow: 0 40px 90px -40px var(--tw-shadow-color, rgba(23,23,23,0.40)); 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-f2w) .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-f2w) .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-f2w) .shadow-\[0px_0\.55px_0\.83px_rgba\(0\,0\,0\,0\.1\)\]{ --tw-shadow: 0px 0.55px 0.83px 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-f2w) .shadow-\[0px_0\.446px_0\.669px_rgba\(0\,0\,0\,0\.1\)\]{ --tw-shadow: 0px 0.446px 0.669px 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-f2w) .shadow-\[0px_0\.668px_0\.668px_rgba\(0\,0\,0\,0\.05\)\]{ --tw-shadow: 0px 0.668px 0.668px var(--tw-shadow-color, rgba(0,0,0,0.05)); 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-f2w) .shadow-\[0px_0\.668px_1\.336px_rgba\(0\,0\,0\,0\.05\)\]{ --tw-shadow: 0px 0.668px 1.336px var(--tw-shadow-color, rgba(0,0,0,0.05)); 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-f2w) .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-f2w) .shadow-\[0px_1px_1px_0px_rgba\(0\,0\,0\,0\.05\)\]{ --tw-shadow: 0px 1px 1px 0px var(--tw-shadow-color, rgba(0,0,0,0.05)); 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-f2w) .shadow-\[0px_1px_1px_rgba\(0\,0\,0\,0\.05\)\]{ --tw-shadow: 0px 1px 1px var(--tw-shadow-color, rgba(0,0,0,0.05)); 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-f2w) .shadow-\[0px_1px_2px_-1px_rgba\(0\,0\,0\,0\.1\)\,0px_1px_3px_0px_rgba\(0\,0\,0\,0\.1\)\]{ --tw-shadow: 0px 1px 2px -1px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0px 1px 3px 0px 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-f2w) .shadow-\[0px_1px_2px_0px_rgba\(0\,0\,0\,0\.05\)\]{ --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0,0,0,0.05)); 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-f2w) .shadow-\[0px_1px_2px_0px_rgba\(82\,2\,253\,0\.25\)\]{ --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(82,2,253,0.25)); 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-f2w) .shadow-\[0px_1px_2px_rgba\(0\,0\,0\,0\.04\)\]{ --tw-shadow: 0px 1px 2px var(--tw-shadow-color, rgba(0,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-f2w) .shadow-\[0px_1px_2px_rgba\(0\,0\,0\,0\.05\)\]{ --tw-shadow: 0px 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.05)); 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-f2w) .shadow-\[0px_1px_2px_rgba\(0\,0\,0\,0\.06\)\]{ --tw-shadow: 0px 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.06)); 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-f2w) .shadow-\[0px_1px_3px_0px_rgba\(0\,0\,0\,0\.1\)\,0px_1px_2px_-1px_rgba\(0\,0\,0\,0\.1\)\]{ --tw-shadow: 0px 1px 3px 0px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0px 1px 2px -1px 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-f2w) .shadow-\[0px_1px_3px_rgba\(0\,0\,0\,0\.1\)\,0px_1px_2px_-1px_rgba\(0\,0\,0\,0\.1\)\]{ --tw-shadow: 0px 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0px 1px 2px -1px 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-f2w) .shadow-\[0px_1px_3px_rgba\(0\,0\,0\,0\.08\)\]{ --tw-shadow: 0px 1px 3px var(--tw-shadow-color, rgba(0,0,0,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-f2w) .shadow-\[0px_4px_12px_rgba\(0\,0\,0\,0\.08\)\]{ --tw-shadow: 0px 4px 12px var(--tw-shadow-color, rgba(0,0,0,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-f2w) .shadow-\[0px_4px_14px_rgba\(0\,0\,0\,0\.06\)\]{ --tw-shadow: 0px 4px 14px var(--tw-shadow-color, rgba(0,0,0,0.06)); 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-f2w) .shadow-\[0px_4px_14px_rgba\(0\,0\,0\,0\.08\)\]{ --tw-shadow: 0px 4px 14px var(--tw-shadow-color, rgba(0,0,0,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-f2w) .shadow-\[0px_4px_24px_rgba\(0\,0\,0\,0\.2\)\]{ --tw-shadow: 0px 4px 24px var(--tw-shadow-color, rgba(0,0,0,0.2)); 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-f2w) .shadow-\[0px_8px_28px_-8px_rgba\(15\,23\,42\,0\.05\)\]{ --tw-shadow: 0px 8px 28px -8px var(--tw-shadow-color, rgba(15,23,42,0.05)); 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-f2w) .shadow-\[0px_10px_15px_-3px_rgba\(0\,0\,0\,0\.1\)\,0px_4px_6px_-4px_rgba\(0\,0\,0\,0\.1\)\]{ --tw-shadow: 0px 10px 15px -3px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0px 4px 6px -4px 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-f2w) .shadow-\[0px_10px_24px_rgba\(0\,0\,0\,0\.14\)\]{ --tw-shadow: 0px 10px 24px var(--tw-shadow-color, rgba(0,0,0,0.14)); 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-f2w) .shadow-\[0px_10px_25px_3\.75px_rgba\(0\,0\,0\,0\.08\)\]{ --tw-shadow: 0px 10px 25px 3.75px var(--tw-shadow-color, rgba(0,0,0,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-f2w) .shadow-\[0px_10px_30px_rgba\(0\,0\,0\,0\.12\)\]{ --tw-shadow: 0px 10px 30px var(--tw-shadow-color, rgba(0,0,0,0.12)); 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-f2w) .shadow-\[0px_12px_30px_-10px_rgba\(23\,23\,23\,0\.14\)\]{ --tw-shadow: 0px 12px 30px -10px var(--tw-shadow-color, rgba(23,23,23,0.14)); 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-f2w) .shadow-\[0px_12px_30px_rgba\(0\,0\,0\,0\.15\)\]{ --tw-shadow: 0px 12px 30px var(--tw-shadow-color, rgba(0,0,0,0.15)); 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-f2w) .shadow-\[0px_16px_38px_-14px_rgba\(23\,23\,23\,0\.2\)\]{ --tw-shadow: 0px 16px 38px -14px var(--tw-shadow-color, rgba(23,23,23,0.2)); 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-f2w) .shadow-\[0px_20px_25px_-5px_rgba\(0\,0\,0\,0\.1\)\,0px_8px_10px_-6px_rgba\(0\,0\,0\,0\.1\)\]{ --tw-shadow: 0px 20px 25px -5px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0px 8px 10px -6px 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-f2w) .shadow-\[0px_20px_40px_rgba\(0\,0\,0\,0\.12\)\]{ --tw-shadow: 0px 20px 40px var(--tw-shadow-color, rgba(0,0,0,0.12)); 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-f2w) .shadow-\[0px_24px_48px_-12px_rgba\(0\,0\,0\,0\.35\)\]{ --tw-shadow: 0px 24px 48px -12px var(--tw-shadow-color, rgba(0,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-f2w) .shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.08\)\]{ --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,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-f2w) .shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.15\)\]{ --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.15)); 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-f2w) .shadow-\[inset_0_3px_40px_rgba\(255\,255\,255\,0\.22\)\]{ --tw-shadow: inset 0 3px 40px var(--tw-shadow-color, rgba(255,255,255,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-f2w) .shadow-\[inset_0px_-32px_64px_1px_rgba\(255\,255\,255\,0\.08\)\,inset_0px_-32px_64px_1px_rgba\(255\,255\,255\,0\.08\)\]{ --tw-shadow: inset 0px -32px 64px 1px var(--tw-shadow-color, rgba(255,255,255,0.08)), inset 0px -32px 64px 1px var(--tw-shadow-color, rgba(255,255,255,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-f2w) .shadow-\[inset_0px_0px_64px_10px_rgba\(46\,163\,67\,0\.4\)\,inset_0px_4px_184px_0px_rgba\(46\,163\,67\,0\.3\)\]{ --tw-shadow: inset 0px 0px 64px 10px var(--tw-shadow-color, rgba(46,163,67,0.4)), inset 0px 4px 184px 0px var(--tw-shadow-color, rgba(46,163,67,0.3)); 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-f2w) .shadow-\[inset_0px_4px_47px_0px_rgba\(255\,255\,255\,0\.25\)\]{ --tw-shadow: inset 0px 4px 47px 0px var(--tw-shadow-color, rgba(255,255,255,0.25)); 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-f2w) .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-f2w) .\[box-shadow\:0_0_0_1px_rgba\(0\,0\,0\,\.03\)\,0_2px_4px_rgba\(0\,0\,0\,\.05\)\,0_12px_24px_rgba\(0\,0\,0\,\.05\)\]{ box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 0px 1px, rgba(0, 0, 0, 0.05) 0px 2px 4px, rgba(0, 0, 0, 0.05) 0px 12px 24px; }:where(.uc-f2w) .ring-\[rgba\(63\,63\,70\,\.52\)\]{ --tw-ring-color: rgba(63,63,70,.52); }:where(.uc-f2w) .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-f2w) .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-f2w) .drop-shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.3\)\]{ --tw-drop-shadow-size: drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgba(0,0,0,0.3))); --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-f2w) .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-f2w) .drop-shadow-\[0_4px_6px_rgba\(0\,0\,0\,0\.35\)\]{ --tw-drop-shadow-size: drop-shadow(0 4px 6px var(--tw-drop-shadow-color, rgba(0,0,0,0.35))); --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-f2w) .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-f2w) .drop-shadow-\[0px_1px_1px_rgba\(0\,0\,0\,0\.05\)\]{ --tw-drop-shadow-size: drop-shadow(0px 1px 1px var(--tw-drop-shadow-color, rgba(0,0,0,0.05))); --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-f2w) .backdrop-blur-\[4px\]{ --tw-backdrop-blur: blur(4px); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }:where(.uc-f2w) .backdrop-blur-sm{ --tw-backdrop-blur: blur(var(--blur-sm)); 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-f2w) .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-f2w) .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-f2w) .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-f2w) .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-f2w) .duration-200{ --tw-duration: 200ms; transition-duration: 200ms; }:where(.uc-f2w) .duration-300{ --tw-duration: 300ms; transition-duration: 300ms; }:where(.uc-f2w) .duration-\[380ms\]{ --tw-duration: 380ms; transition-duration: 380ms; }:where(.uc-f2w) .ease-\[cubic-bezier\(\.3\,\.7\,\.4\,1\)\]{ --tw-ease: cubic-bezier(.3,.7,.4,1); transition-timing-function: cubic-bezier(0.3, 0.7, 0.4, 1); }:where(.uc-f2w) .ease-\[cubic-bezier\(\.4\,0\,\.2\,1\)\]{ --tw-ease: cubic-bezier(.4,0,.2,1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }:where(.uc-f2w) .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-f2w) .\[transition-timing-function\:cubic-bezier\(\.22\,1\,\.36\,1\)\]{ transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }:where(.uc-f2w) .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-f2w) .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-f2w) .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-f2w) .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-f2w) .group-hover\:after\:opacity-100{
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  &::after { content: var(--tw-content); opacity: 1; }
}
}
}:where(.uc-f2w) .group-data-\[collapsible\=offcanvas\]\:after\:left-full{
  &:is(:where(.group)[data-collapsible="offcanvas"] *) {
  &::after { content: var(--tw-content); left: 100%; }
}
}:where(.uc-f2w) .group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0{
  &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
  &::after { content: var(--tw-content); inset-inline: calc(var(--spacing) * 0); }
}
}:where(.uc-f2w) .group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]{
  &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
  &::after { content: var(--tw-content); bottom: -5px; }
}
}:where(.uc-f2w) .group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5{
  &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
  &::after { content: var(--tw-content); height: calc(var(--spacing) * 0.5); }
}
}:where(.uc-f2w) .group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0{
  &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
  &::after { content: var(--tw-content); inset-block: calc(var(--spacing) * 0); }
}
}:where(.uc-f2w) .group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1{
  &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
  &::after { content: var(--tw-content); right: calc(var(--spacing) * -1); }
}
}:where(.uc-f2w) .group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5{
  &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
  &::after { content: var(--tw-content); width: calc(var(--spacing) * 0.5); }
}
}:where(.uc-f2w) .hover\:border-\[var\(--uc-border\)\]{
  &:hover {
  @media (hover: hover) {
  border-color: var(--uc-border);
}
}
}:where(.uc-f2w) .hover\:border-sprout-color-border-default{
  &:hover {
  @media (hover: hover) {
  border-color: var(--color-sprout-color-border-default);
}
}
}:where(.uc-f2w) .hover\:bg-\[rgba\(180\,35\,24\,0\.06\)\]{
  &:hover {
  @media (hover: hover) {
  background-color: rgba(180, 35, 24, 0.06);
}
}
}:where(.uc-f2w) .hover\:bg-\[var\(--uc-surface-sunken\)\]{
  &:hover {
  @media (hover: hover) {
  background-color: var(--uc-surface-sunken);
}
}
}:where(.uc-f2w) .hover\:text-\[var\(--uc-text-strong\)\]{
  &:hover {
  @media (hover: hover) {
  color: var(--uc-text-strong);
}
}
}:where(.uc-f2w) .hover\:text-sprout-color-text-default{
  &:hover {
  @media (hover: hover) {
  color: var(--color-sprout-color-text-default);
}
}
}:where(.uc-f2w) .hover\:shadow-\[0_0_0_0\.5px_var\(--om-border-strong\)\,0_4px_10px_rgba\(0\,0\,0\,0\.12\)\]{
  &:hover {
  @media (hover: hover) {
  --tw-shadow: 0 0 0 0.5px var(--tw-shadow-color, var(--om-border-strong)), 0 4px 10px var(--tw-shadow-color, rgba(0,0,0,0.12)); 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-f2w) .hover\:shadow-\[0px_8px_24px_-8px_rgba\(0\,0\,0\,0\.08\)\]{
  &:hover {
  @media (hover: hover) {
  --tw-shadow: 0px 8px 24px -8px var(--tw-shadow-color, rgba(0,0,0,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-f2w) .hover\:after\:bg-sidebar-border{
  &:hover {
  @media (hover: hover) {
  &::after { content: var(--tw-content); background-color: var(--sidebar-border); }
}
}
}:where(.uc-f2w) .active\:bg-\[rgba\(180\,35\,24\,0\.10\)\]{
  &:active { background-color: rgba(180, 35, 24, 0.1); }
}:where(.uc-f2w) .has-\[select\:disabled\]\:opacity-50{
  &:has(:is(select:disabled)) { opacity: 0.5; }
}:where(.uc-f2w) .has-\[\>a\,\>button\]\:hover\:bg-muted\/50{
  &:has(> a, > button) {
  &:hover {
  @media (hover: hover) {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
}
}
}:where(.uc-f2w) .aria-\[orientation\=horizontal\]\:after\:left-0{
  &[aria-orientation="horizontal"] {
  &::after { content: var(--tw-content); left: calc(var(--spacing) * 0); }
}
}:where(.uc-f2w) .aria-\[orientation\=horizontal\]\:after\:h-1{
  &[aria-orientation="horizontal"] {
  &::after { content: var(--tw-content); height: calc(var(--spacing) * 1); }
}
}:where(.uc-f2w) .aria-\[orientation\=horizontal\]\:after\:w-full{
  &[aria-orientation="horizontal"] {
  &::after { content: var(--tw-content); width: 100%; }
}
}:where(.uc-f2w) .aria-\[orientation\=horizontal\]\:after\:translate-x-0{
  &[aria-orientation="horizontal"] {
  &::after { content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
}
}:where(.uc-f2w) .aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2{
  &[aria-orientation="horizontal"] {
  &::after { content: var(--tw-content); --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
}
}:where(.uc-f2w) .data-\[active\=false\]\:ease-\[cubic-bezier\(0\.7\,0\,0\.84\,0\)\]{
  &[data-active="false"] { --tw-ease: cubic-bezier(0.7,0,0.84,0); transition-timing-function: cubic-bezier(0.7, 0, 0.84, 0); }
}:where(.uc-f2w) .data-\[active\=true\]\:ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\]{
  &[data-active="true"] { --tw-ease: cubic-bezier(0.23,1,0.32,1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
}:where(.uc-f2w) .data-\[active\=true\]\:hover\:bg-accent{
  &[data-active="true"] {
  &:hover {
  @media (hover: hover) {
  background-color: var(--accent);
}
}
}
}:where(.uc-f2w) .data-\[active\=true\]\:focus\:bg-accent{
  &[data-active="true"] {
  &:focus { background-color: var(--accent); }
}
}:where(.uc-f2w) .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0{
  :is(& *) {
  &[data-slot="navigation-menu-link"] {
  &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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-f2w) .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none{
  :is(& *) {
  &[data-slot="navigation-menu-link"] {
  &:focus { --tw-outline-style: none; outline-style: none; }
}
}
}:where(.uc-f2w) .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100{
  &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
  &[data-state="active"] {
  &::after { content: var(--tw-content); opacity: 1; }
}
}
}:where(.uc-f2w) .data-\[state\=open\]\:hover\:bg-accent{
  &[data-state="open"] {
  &:hover {
  @media (hover: hover) {
  background-color: var(--accent);
}
}
}
}:where(.uc-f2w) .data-\[state\=open\]\:hover\:bg-sidebar-accent{
  &[data-state="open"] {
  &:hover {
  @media (hover: hover) {
  background-color: var(--sidebar-accent);
}
}
}
}:where(.uc-f2w) .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground{
  &[data-state="open"] {
  &:hover {
  @media (hover: hover) {
  color: var(--sidebar-accent-foreground);
}
}
}
}:where(.uc-f2w) .data-\[state\=open\]\:focus\:bg-accent{
  &[data-state="open"] {
  &:focus { background-color: var(--accent); }
}
}:where(.uc-f2w) .data-\[variant\=destructive\]\:focus\:bg-destructive\/10{
  &[data-variant="destructive"] {
  &:focus {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
}
}
}
}:where(.uc-f2w) .data-\[variant\=destructive\]\:focus\:text-destructive{
  &[data-variant="destructive"] {
  &:focus { color: var(--destructive); }
}
}:where(.uc-f2w) .motion-reduce\:after\:hidden{
  @media (prefers-reduced-motion: reduce) {
  &::after { content: var(--tw-content); display: none; }
}
}:where(.uc-f2w) .min-\[400px\]\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(0\,0\.8fr\)\]{
  @media (width >= 400px) {
  grid-template-columns: minmax(0px, 1.4fr) minmax(0px, 0.8fr);
}
}:where(.uc-f2w) .sm\:grid-cols-3{
  @media (width >= 40rem) {
  grid-template-columns: repeat(3, minmax(0px, 1fr));
}
}:where(.uc-f2w) .sm\:grid-cols-4{
  @media (width >= 40rem) {
  grid-template-columns: repeat(4, minmax(0px, 1fr));
}
}:where(.uc-f2w) .sm\:px-5{
  @media (width >= 40rem) {
  padding-inline: calc(var(--spacing) * 5);
}
}:where(.uc-f2w) .md\:block{
  @media (width >= 48rem) {
  display: block;
}
}:where(.uc-f2w) .md\:grid-cols-2{
  @media (width >= 48rem) {
  grid-template-columns: repeat(2, minmax(0px, 1fr));
}
}:where(.uc-f2w) .md\:flex-row{
  @media (width >= 48rem) {
  flex-direction: row;
}
}:where(.uc-f2w) .md\:items-center{
  @media (width >= 48rem) {
  align-items: center;
}
}:where(.uc-f2w) .md\:justify-between{
  @media (width >= 48rem) {
  justify-content: space-between;
}
}:where(.uc-f2w) .md\:rounded-\[30px\]{
  @media (width >= 48rem) {
  border-radius: 30px;
}
}:where(.uc-f2w) .md\:rounded-\[34px\]{
  @media (width >= 48rem) {
  border-radius: 34px;
}
}:where(.uc-f2w) .md\:p-\[40px\]{
  @media (width >= 48rem) {
  padding: 40px;
}
}:where(.uc-f2w) .md\:px-\[42px\]{
  @media (width >= 48rem) {
  padding-inline: 42px;
}
}:where(.uc-f2w) .md\:pb-14{
  @media (width >= 48rem) {
  padding-bottom: calc(var(--spacing) * 14);
}
}:where(.uc-f2w) .md\:after\:hidden{
  @media (width >= 48rem) {
  &::after { content: var(--tw-content); display: none; }
}
}:where(.uc-f2w) .lg\:-mx-8{
  @media (width >= 64rem) {
  margin-inline: calc(var(--spacing) * -8);
}
}:where(.uc-f2w) .lg\:block{
  @media (width >= 64rem) {
  display: block;
}
}:where(.uc-f2w) .lg\:flex{
  @media (width >= 64rem) {
  display: flex;
}
}:where(.uc-f2w) .lg\:hidden{
  @media (width >= 64rem) {
  display: none;
}
}:where(.uc-f2w) .lg\:w-\[300px\]{
  @media (width >= 64rem) {
  width: 300px;
}
}:where(.uc-f2w) .lg\:grid-cols-3{
  @media (width >= 64rem) {
  grid-template-columns: repeat(3, minmax(0px, 1fr));
}
}:where(.uc-f2w) .lg\:grid-cols-\[1fr_minmax\(280px\,360px\)\]{
  @media (width >= 64rem) {
  grid-template-columns: 1fr minmax(280px, 360px);
}
}:where(.uc-f2w) .lg\:grid-cols-\[160px_minmax\(0\,1fr\)\]{
  @media (width >= 64rem) {
  grid-template-columns: 160px minmax(0px, 1fr);
}
}:where(.uc-f2w) .lg\:grid-cols-\[739px_minmax\(0\,1fr\)\]{
  @media (width >= 64rem) {
  grid-template-columns: 739px minmax(0px, 1fr);
}
}:where(.uc-f2w) .lg\:grid-cols-\[minmax\(0\,1\.38fr\)_minmax\(0\,1fr\)\]{
  @media (width >= 64rem) {
  grid-template-columns: minmax(0px, 1.38fr) minmax(0px, 1fr);
}
}:where(.uc-f2w) .lg\:grid-cols-\[minmax\(0\,320px\)_1fr\]{
  @media (width >= 64rem) {
  grid-template-columns: minmax(0px, 320px) 1fr;
}
}:where(.uc-f2w) .lg\:grid-cols-\[minmax\(0\,756px\)_minmax\(0\,1fr\)\]{
  @media (width >= 64rem) {
  grid-template-columns: minmax(0px, 756px) minmax(0px, 1fr);
}
}:where(.uc-f2w) .lg\:flex-row{
  @media (width >= 64rem) {
  flex-direction: row;
}
}:where(.uc-f2w) .lg\:items-end{
  @media (width >= 64rem) {
  align-items: flex-end;
}
}:where(.uc-f2w) .lg\:justify-between{
  @media (width >= 64rem) {
  justify-content: space-between;
}
}:where(.uc-f2w) .lg\:gap-16{
  @media (width >= 64rem) {
  gap: calc(var(--spacing) * 16);
}
}:where(.uc-f2w) .lg\:gap-x-14{
  @media (width >= 64rem) {
  column-gap: calc(var(--spacing) * 14);
}
}:where(.uc-f2w) .lg\:px-5{
  @media (width >= 64rem) {
  padding-inline: calc(var(--spacing) * 5);
}
}:where(.uc-f2w) .lg\:px-8{
  @media (width >= 64rem) {
  padding-inline: calc(var(--spacing) * 8);
}
}:where(.uc-f2w) .lg\:px-\[clamp\(16px\,6vw\,70px\)\]{
  @media (width >= 64rem) {
  padding-inline: clamp(16px, 6vw, 70px);
}
}:where(.uc-f2w) .lg\:placeholder\:text-\[21px\]{
  @media (width >= 64rem) {
  &::placeholder { font-size: 21px; }
}
}:where(.uc-f2w) .lg\:placeholder\:leading-\[32px\]{
  @media (width >= 64rem) {
  &::placeholder { --tw-leading: 32px; line-height: 32px; }
}
}:where(.uc-f2w) .lg\:active\:cursor-grabbing{
  @media (width >= 64rem) {
  &:active { cursor: grabbing; }
}
}:where(.uc-f2w) .dark\:\[border\:1px_solid_rgba\(255\,255\,255\,\.1\)\]{
  &:is(.dark *) { border: 1px solid rgba(255, 255, 255, 0.1); }
}:where(.uc-f2w) .dark\:hover\:bg-accent\/50{
  &:is(.dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 50%, transparent);
}
}
}
}
}:where(.uc-f2w) .dark\:hover\:bg-input\/50{
  &:is(.dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: var(--input);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--input) 50%, transparent);
}
}
}
}
}:where(.uc-f2w) .dark\:hover\:text-accent-foreground{
  &:is(.dark *) {
  &:hover {
  @media (hover: hover) {
  color: var(--accent-foreground);
}
}
}
}:where(.uc-f2w) .dark\:hover\:text-foreground{
  &:is(.dark *) {
  &:hover {
  @media (hover: hover) {
  color: var(--foreground);
}
}
}
}:where(.uc-f2w) .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20{
  &:is(.dark *) {
  &[data-variant="destructive"] {
  &:focus {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
}
}
}:where(.uc-f2w) .pointer-coarse\:after\:absolute{
  @media (pointer: coarse) {
  &::after { content: var(--tw-content); position: absolute; }
}
}:where(.uc-f2w) .pointer-coarse\:after\:-inset-2{
  @media (pointer: coarse) {
  &::after { content: var(--tw-content); inset: calc(var(--spacing) * -2); }
}
}:where(.uc-f2w) .pointer-coarse\:after\:content-\[\'\'\]{
  @media (pointer: coarse) {
  &::after { --tw-content: ''; content: var(--tw-content); }
}
}:where(.uc-f2w) .\[\&_a\:hover\]\:opacity-80{
  & a:hover { opacity: 0.8; }
}:where(.uc-f2w) .\[\&\:\:-moz-range-thumb\]\:size-4{ }:where(.uc-f2w) .\[\&\:\:-moz-range-thumb\]\:appearance-none{ }:where(.uc-f2w) .\[\&\:\:-moz-range-thumb\]\:rounded-full{ }:where(.uc-f2w) .\[\&\:\:-moz-range-thumb\]\:border-0{ }:where(.uc-f2w) .\[\&\:\:-moz-range-thumb\]\:bg-\[\#0A0A0A\]{ }:where(.uc-f2w) .\[\&\:\:-webkit-scrollbar\]\:hidden{
  &::-webkit-scrollbar { display: none; }
}:where(.uc-f2w) .\[\&\:\:-webkit-scrollbar\]\:w-1\.5{
  &::-webkit-scrollbar { width: calc(var(--spacing) * 1.5); }
}:where(.uc-f2w) .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-\[3px\]{
  &::-webkit-scrollbar-thumb { border-radius: 3px; }
}:where(.uc-f2w) .\[\&\:\:-webkit-search-cancel-button\]\:hidden{
  &::-webkit-search-cancel-button { display: none; }
}:where(.uc-f2w) .\[\&\:\:-webkit-search-decoration\]\:hidden{
  &::-webkit-search-decoration { display: none; }
}:where(.uc-f2w) .\[\&\:\:-webkit-search-results-button\]\:hidden{
  &::-webkit-search-results-button { display: none; }
}:where(.uc-f2w) .\[\&\:\:-webkit-search-results-decoration\]\:hidden{
  &::-webkit-search-results-decoration { display: none; }
}:where(.uc-f2w) .\[\&\:\:-webkit-slider-thumb\]\:size-4{
  &::-webkit-slider-thumb { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); }
}:where(.uc-f2w) .\[\&\:\:-webkit-slider-thumb\]\:appearance-none{
  &::-webkit-slider-thumb { appearance: none; }
}:where(.uc-f2w) .\[\&\:\:-webkit-slider-thumb\]\:rounded-full{
  &::-webkit-slider-thumb { border-radius: calc(infinity * 1px); }
}:where(.uc-f2w) .\[\&\:\:-webkit-slider-thumb\]\:border-0{
  &::-webkit-slider-thumb { border-style: var(--tw-border-style); border-width: 0px; }
}:where(.uc-f2w) .\[\&\:\:-webkit-slider-thumb\]\:bg-\[\#0A0A0A\]{
  &::-webkit-slider-thumb { background-color: rgb(10, 10, 10); }
}:where(.uc-f2w) .\[\&\:\:-webkit-slider-thumb\]\:shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.2\)\]{
  &::-webkit-slider-thumb { --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.2)); 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-f2w) .\[\&\:disabled\:not\(\[aria-busy\]\)\]\:opacity-50{
  &:disabled:not([aria-busy]) { opacity: 0.5; }
}:where(.uc-f2w) .\[a\]\:hover\:bg-accent\/50{
  &:is(a) {
  &:hover {
  @media (hover: hover) {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 50%, transparent);
}
}
}
}
}:where(.uc-f2w) .\[a\]\:hover\:text-foreground{
  &:is(a) {
  &:hover {
  @media (hover: hover) {
  color: var(--foreground);
}
}
}
}:where(.uc-f2w) .\*\:\[a\]\:hover\:text-foreground{
  :is(& > *) {
  &:is(a) {
  &:hover {
  @media (hover: hover) {
  color: var(--foreground);
}
}
}
}
}:where(.uc-f2w) .\[\&\>\[data-selected\]\+\[role\=option\]\:not\(\[data-selected\]\)\]\:before\:absolute{
  & > [data-selected] + [role="option"]:not([data-selected]) {
  &::before { content: var(--tw-content); position: absolute; }
}
}:where(.uc-f2w) .\[\&\>\[data-selected\]\+\[role\=option\]\:not\(\[data-selected\]\)\]\:before\:inset-x-0{
  & > [data-selected] + [role="option"]:not([data-selected]) {
  &::before { content: var(--tw-content); inset-inline: calc(var(--spacing) * 0); }
}
}:where(.uc-f2w) .\[\&\>\[data-selected\]\+\[role\=option\]\:not\(\[data-selected\]\)\]\:before\:-top-1{
  & > [data-selected] + [role="option"]:not([data-selected]) {
  &::before { content: var(--tw-content); top: calc(var(--spacing) * -1); }
}
}:where(.uc-f2w) .\[\&\>\[data-selected\]\+\[role\=option\]\:not\(\[data-selected\]\)\]\:before\:border-t{
  & > [data-selected] + [role="option"]:not([data-selected]) {
  &::before { content: var(--tw-content); border-top-style: var(--tw-border-style); border-top-width: 1px; }
}
}:where(.uc-f2w) .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\]{
  & > [data-slot="bubble-content"]:is(button, a):hover {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklch,var(--muted),var(--foreground) 5%);
}
}
}:where(.uc-f2w) .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]{
  & > [data-slot="bubble-content"]:is(button, a):hover {
  background-color: var(--secondary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
}
}
}:where(.uc-f2w) .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.88_calc\(c\*0\.5\)_h\)\]{
  & > [data-slot="bubble-content"]:is(button, a):hover { background-color: oklch(from var(--primary) 0.88 calc(c * 0.5) h); }
}:where(.uc-f2w) .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20{
  & > [data-slot="bubble-content"]:is(button, a):hover {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
}:where(.uc-f2w) .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted{
  & > [data-slot="bubble-content"]:is(button, a):hover { background-color: var(--muted); }
}:where(.uc-f2w) .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80{
  & > [data-slot="bubble-content"]:is(button, a):hover {
  background-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--primary) 80%, transparent);
}
}
}:where(.uc-f2w) .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:text-foreground{
  & > [data-slot="bubble-content"]:is(button, a):hover { color: var(--foreground); }
}:where(.uc-f2w) .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.35_calc\(c\*0\.5\)_h\)\]{
  &:is(.dark *) {
  & > [data-slot="bubble-content"]:is(button, a):hover { background-color: oklch(from var(--primary) 0.35 calc(c * 0.5) h); }
}
}:where(.uc-f2w) .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30{
  &:is(.dark *) {
  & > [data-slot="bubble-content"]:is(button, a):hover {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
}
}
}
}:where(.uc-f2w) .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30{
  &:is(.dark *) {
  & > [data-slot="bubble-content"]:is(button, a):hover {
  background-color: var(--input);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--input) 30%, transparent);
}
}
}
}:where(.uc-f2w) .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted\/50{
  &:is(.dark *) {
  & > [data-slot="bubble-content"]:is(button, a):hover {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
}
}:where(.uc-f2w) .\[\&\>a\:hover\]\:text-primary{
  & > a:hover { color: var(--primary); }
}:where(.uc-f2w) .\[\&\>svg\]\:mt-\[2px\]{
  & > svg { margin-top: 2px; }
}:where(.uc-f2w) .\[\&\>svg\]\:h-\[18px\]{
  & > svg { height: 18px; }
}:where(.uc-f2w) .\[\&\>svg\]\:w-\[18px\]{
  & > svg { width: 18px; }
}:where(.uc-f2w) .\[\&\>svg\]\:shrink-0{
  & > svg { flex-shrink: 0; }
}:where(.uc-f2w) .\[\&\[list\]\:\:-webkit-calendar-picker-indicator\]\:hidden\!{
  &[list]::-webkit-calendar-picker-indicator { display: none !important; }
}:where(.uc-f2w) .\[a\&\]\:hover\:bg-accent{
  a& {
  &:hover {
  @media (hover: hover) {
  background-color: var(--accent);
}
}
}
}:where(.uc-f2w) .\[a\&\]\:hover\:bg-destructive\/90{
  a& {
  &:hover {
  @media (hover: hover) {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
}
}
}
}
}:where(.uc-f2w) .\[a\&\]\:hover\:bg-primary\/90{
  a& {
  &:hover {
  @media (hover: hover) {
  background-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--primary) 90%, transparent);
}
}
}
}
}:where(.uc-f2w) .\[a\&\]\:hover\:bg-secondary\/90{
  a& {
  &:hover {
  @media (hover: hover) {
  background-color: var(--secondary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--secondary) 90%, transparent);
}
}
}
}
}:where(.uc-f2w) .\[a\&\]\:hover\:text-accent-foreground{
  a& {
  &:hover {
  @media (hover: hover) {
  color: var(--accent-foreground);
}
}
}
}:where(.uc-f2w) .\[a\&\]\:hover\:underline{
  a& {
  &:hover {
  @media (hover: hover) {
  text-decoration-line: underline;
}
}
}
}@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; }.uc-f2w{ --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); }@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; }
}@keyframes float-diagonal{ 
  0%, 100% { transform: translate(0px, 0px); }
  25% { transform: translate(30px, -20px); }
  50% { transform: translate(60px, 0px); }
  75% { transform: translate(30px, 20px); }
}@keyframes float-vertical{ 
  0%, 100% { transform: translate(-50%, 0px); }
  50% { transform: translate(-50%, -40px); }
}@keyframes float-circular{ 
  0%, 100% { transform: translate(0px, 0px); }
  25% { transform: translate(-30px, -30px); }
  50% { transform: translate(-60px, 0px); }
  75% { transform: translate(-30px, 30px); }
}@keyframes panelIn{ 
  0% { opacity: 0; transform: translateY(-12px) scale(0.98); }
  100% { opacity: 1; transform: translateY(0px) scale(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-f2w), :where(.uc-f2w) *{
  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-f2w{ background-color: var(--background); color: var(--foreground); overflow-x: clip; max-width: 100%; }html:has(.uc-f2w)::-webkit-scrollbar, body:has(.uc-f2w)::-webkit-scrollbar{ width: 14px; background: transparent; }html:has(.uc-f2w)::-webkit-scrollbar-track, body:has(.uc-f2w)::-webkit-scrollbar-track{ background: transparent; }html:has(.uc-f2w)::-webkit-scrollbar-thumb, body:has(.uc-f2w)::-webkit-scrollbar-thumb{ background-color: rgb(176, 176, 176); border-radius: 9999px; border: 4px solid transparent; background-clip: content-box; min-height: 48px; }html:has(.uc-f2w)::-webkit-scrollbar-thumb:hover, body:has(.uc-f2w)::-webkit-scrollbar-thumb:hover{ background-color: rgb(138, 138, 138); }@supports not selector(::-webkit-scrollbar){.uc-f2w{ scrollbar-width: thin; scrollbar-color: rgb(176, 176, 176) transparent; }}:where(.uc-f2w) ::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; }@keyframes scrollUp{ 
  0% { transform: translateY(0%); }
  100% { transform: translateY(-50%); }
}@keyframes scrollDown{ 
  0% { transform: translateY(-50%); }
  100% { transform: translateY(0%); }
}@keyframes marquee{ 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}@keyframes marquee-reverse{ 
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0px); }
}@keyframes dotsFlicker{ 
  0%, 100% { opacity: 0.35; }
  20% { opacity: 0.8; }
  45% { opacity: 0.5; }
  70% { opacity: 1; }
}.uc-f2w{ --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-f2w) .uc-container{ max-width: var(--uc-container-max); margin-inline: auto; padding-inline: var(--uc-gutter); }:where(.uc-f2w) .uc-section{ padding-block: var(--uc-section-y); }@media (max-width: 1024px){.uc-f2w{ --uc-gutter: 32px; }}@media (max-width: 768px){.uc-f2w{ --uc-gutter: 20px; --uc-section-y: 72px; }}:where(.uc-f2w) .ds-t24{ font-weight: 500; font-size: 30px; line-height: 34px; letter-spacing: -0.3px; color: var(--color-sprout-color-text-default); }:where(.uc-f2w) .ds-body{ font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.16px; color: var(--color-sprout-color-text-weaker); }:where(.uc-f2w) .ds-caption{ font-weight: 500; font-size: 12px; line-height: 18px; letter-spacing: -0.16px; color: var(--color-sprout-color-text-weaker); }:where(.uc-f2w) .ds-caption-regular{ font-weight: 400; }:where(.uc-f2w) .ds-overline{ font-weight: 500; font-size: 12px; line-height: 16px; letter-spacing: 0.2px; color: var(--color-sprout-color-text-weaker); }:where(.uc-f2w) .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-f2w) .uc-note{ font-family: var(--font-nanum-pen), cursive; font-size: 18px; line-height: 1; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-size: 200% 100%; background-clip: text; color: transparent; animation: 7s linear 5s infinite normal none running uc-text-shine; }@media (prefers-reduced-motion: reduce){:where(.uc-f2w) .uc-note{ animation: auto ease 0s 1 normal none running none; }}@property --uc-angle{ syntax: "<angle>"; inherits: false; initial-value: 0deg; }@keyframes uc-eyebrow-rotate{ 
  100% { --uc-angle: 360deg; }
}:where(.uc-f2w) .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-f2w) .uc-eyebrow::before{ content: ""; position: absolute; inset: 0px; 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); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); animation: 4s linear 0s infinite normal none running uc-eyebrow-rotate; pointer-events: none; }@media (prefers-reduced-motion: reduce){:where(.uc-f2w) .uc-eyebrow::before{ animation: auto ease 0s 1 normal none running none; }}@keyframes uc-flow{ 
  100% { stroke-dashoffset: -120; }
}@keyframes uc-cpu-pulse{ 
  0%, 100% { opacity: 0.85; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.06); }
}@keyframes uc-marquee{ 
  100% { transform: translateX(-50%); }
}:where(.uc-f2w) .uc-marquee{ width: max-content; animation: 40s linear 0s infinite normal none running uc-marquee; }:where(.uc-f2w) .uc-marquee-wrap:hover .uc-marquee{ animation-play-state: paused; }@keyframes cm-bcard-in{ 
  0% { opacity: 0; transform: translateY(14px); }
  100% { opacity: 1; transform: none; }
}@media (prefers-reduced-motion: reduce){:where(.uc-f2w) .uc-marquee{ animation: auto ease 0s 1 normal none running 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(0px); }
}.uc-f2w{ --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-f2w) .uc-night,
:where(.uc-f2w.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; }@property --tw-border-spacing-x{ syntax: "<length>"; inherits: false; initial-value: 0; }@property --tw-border-spacing-y{ syntax: "<length>"; 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: "<color>"; inherits: false; initial-value: #0000; }@property --tw-gradient-via{ syntax: "<color>"; inherits: false; initial-value: #0000; }@property --tw-gradient-to{ syntax: "<color>"; inherits: false; initial-value: #0000; }@property --tw-gradient-stops{ syntax: "*"; inherits: false; }@property --tw-gradient-via-stops{ syntax: "*"; inherits: false; }@property --tw-gradient-from-position{ syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }@property --tw-gradient-via-position{ syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }@property --tw-gradient-to-position{ syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }@property --tw-leading{ syntax: "*"; inherits: false; }@property --tw-font-weight{ syntax: "*"; inherits: false; }@property --tw-tracking{ syntax: "*"; inherits: false; }@property --tw-ordinal{ syntax: "*"; inherits: false; }@property --tw-slashed-zero{ syntax: "*"; inherits: false; }@property --tw-numeric-figure{ syntax: "*"; inherits: false; }@property --tw-numeric-spacing{ syntax: "*"; inherits: false; }@property --tw-numeric-fraction{ syntax: "*"; inherits: false; }@property --tw-shadow{ syntax: "*"; inherits: false; initial-value: 0 0 #0000; }@property --tw-shadow-color{ syntax: "*"; inherits: false; }@property --tw-shadow-alpha{ syntax: "<percentage>"; inherits: false; initial-value: 100%; }@property --tw-inset-shadow{ syntax: "*"; inherits: false; initial-value: 0 0 #0000; }@property --tw-inset-shadow-color{ syntax: "*"; inherits: false; }@property --tw-inset-shadow-alpha{ syntax: "<percentage>"; inherits: false; initial-value: 100%; }@property --tw-ring-color{ syntax: "*"; inherits: false; }@property --tw-ring-shadow{ syntax: "*"; inherits: false; initial-value: 0 0 #0000; }@property --tw-inset-ring-color{ syntax: "*"; inherits: false; }@property --tw-inset-ring-shadow{ syntax: "*"; inherits: false; initial-value: 0 0 #0000; }@property --tw-ring-inset{ syntax: "*"; inherits: false; }@property --tw-ring-offset-width{ syntax: "<length>"; inherits: false; initial-value: 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: "<percentage>"; inherits: false; initial-value: 100%; }@property --tw-drop-shadow-size{ syntax: "*"; inherits: false; }@property --tw-backdrop-blur{ syntax: "*"; inherits: false; }@property --tw-backdrop-brightness{ syntax: "*"; inherits: false; }@property --tw-backdrop-contrast{ syntax: "*"; inherits: false; }@property --tw-backdrop-grayscale{ syntax: "*"; inherits: false; }@property --tw-backdrop-hue-rotate{ syntax: "*"; inherits: false; }@property --tw-backdrop-invert{ syntax: "*"; inherits: false; }@property --tw-backdrop-opacity{ syntax: "*"; inherits: false; }@property --tw-backdrop-saturate{ syntax: "*"; inherits: false; }@property --tw-backdrop-sepia{ syntax: "*"; inherits: false; }@property --tw-duration{ syntax: "*"; inherits: false; }@property --tw-ease{ syntax: "*"; inherits: false; }@property --tw-content{ syntax: "*"; inherits: false; initial-value: ""; }@keyframes spin{ 
  100% { transform: rotate(360deg); }
}@keyframes pulse{ 
  50% { opacity: 0.5; }
}@keyframes enter{ 
  0% { 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{ 
  100% { 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{ 
  0% { height: 0px; }
  100% { 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{ 
  0% { 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))))); }
  100% { height: 0px; }
}@keyframes caret-blink{ 
  0%, 70%, 100% { opacity: 1; }
  20%, 50% { opacity: 0; }
}@keyframes accordion-down{ 
  0% { height: 0px; }
  100% { height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) ); }
}@keyframes accordion-up{ 
  0% { height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) ); }
  100% { height: 0px; }
}@keyframes marquee{ 
  0% { transform: translateX(0px); }
  100% { transform: translateX(calc(-100% - var(--gap))); }
}@keyframes marquee-vertical{ 
  0% { transform: translateY(0px); }
  100% { transform: translateY(calc(-100% - var(--gap))); }
}@keyframes gradient{ 
  100% { background-position: var(--bg-size, 300%) 0; }
}@keyframes shimmer-slide{ 
  100% { transform: translate(calc(-100% + 100cqw), 0px); }
}@keyframes spin-around{ 
  0% { transform: translateZ(0px) rotate(0deg); }
  15%, 35% { transform: translateZ(0px) rotate(90deg); }
  65%, 85% { transform: translateZ(0px) rotate(270deg); }
  100% { transform: translateZ(0px) 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)); }
}@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){:where(.uc-f2w) *, :where(.uc-f2w) ::before, :where(.uc-f2w) ::after, :where(.uc-f2w) ::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-f2w) .uc-scope, :where(.uc-f2w) .uc-content, :where(.uc-f2w) .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-f2w) .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-f2w) .uc-scope *, :where(.uc-f2w) .uc-scope ::before, :where(.uc-f2w) .uc-scope ::after, :where(.uc-f2w) .uc-content *, :where(.uc-f2w) .uc-content ::before, :where(.uc-f2w) .uc-content ::after, :where(.uc-f2w) .uc-chrome *, :where(.uc-f2w) .uc-chrome ::before, :where(.uc-f2w) .uc-chrome ::after, :where(.uc-f2w) .uc-portal *, :where(.uc-f2w) .uc-portal ::before, :where(.uc-f2w) .uc-portal ::after{ box-sizing: border-box; }@media (prefers-reduced-motion: reduce){:where(.uc-f2w) .uc-scope *, :where(.uc-f2w) .uc-content *, :where(.uc-f2w) .uc-chrome *, :where(.uc-f2w) .uc-portal *{ animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }}:where(.uc-f2w) .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-width: medium; border-style: none; border-color: currentcolor; border-image: initial; 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-f2w) .Button_button__8M0Ui:active:not(:disabled){ transform: translateY(0.5px); }:where(.uc-f2w) .Button_button__8M0Ui:disabled{ opacity: 0.5; cursor: not-allowed; box-shadow: none; }:where(.uc-f2w) .Button_md__0_bmU{ --_h: var(--uc-control-h-md); --_px: var(--uc-space-16); --_fs: var(--uc-text-base); }:where(.uc-f2w) .Button_lg__7yGRs{ --_h: var(--uc-control-h-lg); --_px: var(--uc-space-20); --_fs: var(--uc-text-md); }:where(.uc-f2w) .Button_solid__hu289{ color: var(--uc-brand-on); background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-image: var(--uc-sheen); box-shadow: var(--_shadow, var(--uc-shadow-control-brand)); }:where(.uc-f2w) .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-f2w) .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-f2w) .Button_solid__hu289.Button_neutral__jwE0u{ color: var(--uc-inverse-fg); background: var(--uc-inverse-bg); box-shadow: var(--uc-shadow-control); }:where(.uc-f2w) .Button_solid__hu289.Button_neutral__jwE0u:hover:not(:disabled){ background-image: linear-gradient(rgba(128, 128, 128, 0.16), rgba(128, 128, 128, 0.16)); }:where(.uc-f2w) .Button_solid__hu289.Button_neutral__jwE0u:active:not(:disabled){ background-image: linear-gradient(rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.14)); }:where(.uc-f2w) .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-f2w) .Button_outline__Zwmoe{ color: var(--_fg, var(--uc-brand-fg)); background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-image: var(--uc-sheen); box-shadow: inset 0 0 0 1px var(--_border, var(--uc-border-subtle)), var(--uc-shadow-raised); }:where(.uc-f2w) .Button_outline__Zwmoe.Button_neutral__jwE0u{ color: var(--uc-text-strong); }:where(.uc-f2w) .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-f2w) .Button_ghost__e52lE:hover:not(:disabled){ background: var(--_glow, var(--uc-brand-glow-hover)); color: var(--uc-text-strong); }:where(.uc-f2w) .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-f2w) .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); }@keyframes Button_uc-spin__zZG4c{ 
  100% { transform: rotate(360deg); }
}@keyframes Tooltip_uc-tip-in__6hzCc{ 
  0% { opacity: 0; transform: scale(0.96); }
  100% { opacity: 1; transform: scale(1); }
}.uicf2w-root{ --pg: var(--f2w--pg, #ffffff); --pg2: var(--f2w--pg2, #f7f7f9); --tx: var(--f2w--tx, #0a0a0a); --txd: var(--f2w--txd, #525252); --txf: var(--f2w--txf, #a3a3a3); --acc: var(--f2w--acc, #fd6a35); --acc-dk: var(--f2w--acc-dk, #171717); --acc-soft: var(--f2w--acc-soft, #f4f4f4); --acc-line: var(--f2w--acc-line, #e7e7ea); --acc2: var(--f2w--acc2, #c2410c); --acc2-solid: var(--f2w--acc2-solid, #c2410c); --cardbg: var(--f2w--cardbg, #ffffff); --cardbd: var(--f2w--cardbd, #e7e7ea); --line: var(--f2w--line, #ebebeb); --mist: var(--f2w--mist, #f4f4f4); --ink: var(--f2w--ink, #0a0a0a); --coral: var(--f2w--coral, #f65258); --ease: cubic-bezier(0.22, 1, 0.36, 1); --r-chip: 10px; --r-btn: 12px; --r-card: 16px; --r-xl: 20px; position: relative; background: var(--pg); color: var(--tx); overflow-x: clip; transition: background-color 0.55s cubic-bezier(0.4, 0, 0.2, 1), color 0.55s cubic-bezier(0.4, 0, 0.2, 1) }html:has(.uicf2w-root), html:has(.uicf2w-root), body:has(.uicf2w-root){ background-color: rgb(255, 255, 255); }.uicf2w-root *{ box-sizing: border-box }.uicf2w-root.is-night{ --acc2: #ff8a5b; --pg: #171717; --pg2: #1f1f1f; --tx: #f5f5f5; --txd: #a1a1a1; --txf: #7d7d7d; --acc-dk: #f5f5f5; --acc-soft: #262626; --acc-line: rgba(255, 255, 255, 0.14); --cardbg: #1f1f1f; --cardbd: rgba(255, 255, 255, 0.12); --line: rgba(255, 255, 255, 0.10); --mist: #262626; --ink: #f5f5f5; --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-sprout-color-primary: #fd6a35 }.uicf2w-root, .uicf2w-root .uicf2w-sec, .uicf2w-root .uicf2w-sec-head, .uicf2w-root .uicf2w-eyebrow, .uicf2w-root .accent-lemon, .uicf2w-root h1, .uicf2w-root h2, .uicf2w-root h3, .uicf2w-root p, .uicf2w-root li, .uicf2w-root .ds-fine, .uicf2w-root .faq2-eyebrow, .uicf2w-root .conv-eyebrow, .uicf2w-root .conv-title, .uicf2w-root .conv-sub{ transition: background-color 0.55s cubic-bezier(0.4, 0, 0.2, 1), color 0.55s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.55s cubic-bezier(0.4, 0, 0.2, 1) }.uicf2w-root :is([class*="bg-sprout-color-"], [class*="border-sprout-color-"], [class*="text-sprout-color-"]):not(a, button, input, select, textarea, [role="button"], [role="tab"], [class*="hover:"], [class*="transition"]){ transition: background-color 0.55s cubic-bezier(0.4, 0, 0.2, 1), color 0.55s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.55s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.55s cubic-bezier(0.4, 0, 0.2, 1) }@media (prefers-reduced-motion: reduce){.uicf2w-root, .uicf2w-root .uicf2w-sec, .uicf2w-root .uicf2w-sec-head, .uicf2w-root .uicf2w-eyebrow, .uicf2w-root .accent-lemon, .uicf2w-root h1, .uicf2w-root h2, .uicf2w-root h3, .uicf2w-root p, .uicf2w-root li, .uicf2w-root .ds-fine, .uicf2w-root .faq2-eyebrow, .uicf2w-root .conv-eyebrow, .uicf2w-root .conv-title, .uicf2w-root .conv-sub{ transition: none }.uicf2w-root :is([class*="bg-sprout-color-"], [class*="border-sprout-color-"], [class*="text-sprout-color-"]):not(a, button, input, select, textarea, [role="button"], [role="tab"], [class*="hover:"], [class*="transition"]){ transition: none }.uicf2w-root{ transition: none }}.uicf2w-root.is-night .ax-num{ background: rgb(38, 38, 38) }.uicf2w-root.is-night .ax-media{ background: rgb(46, 46, 46) }.uicf2w-root.is-night .hp-card{ background: var(--cardbg) }.uicf2w-root.is-night .uicf2w-hero-chip{ background: rgb(31, 31, 31); border-color: rgba(255, 255, 255, 0.12); box-shadow: none }.uicf2w-root.is-night .uicf2w-hero-chip:hover{ border-color: rgba(255, 255, 255, 0.24) }.uicf2w-root .conv-card, .uicf2w-root .conv-tile{ transition: background-color 0.55s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.55s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.55s cubic-bezier(0.4, 0, 0.2, 1) }.uicf2w-root img{ max-width: 100% }.uicf2w-root .uc-container{ max-width: var(--uc-container-max); margin-inline: auto; padding-inline: var(--uc-gutter) }.uicf2w-root .uicf2w-sec{ position: relative; padding: 104px 0px; scroll-margin-top: 80px }@media (max-width: 700px){.uicf2w-root .uicf2w-sec{ padding: 68px 0px }}.uicf2w-root .uicf2w-sec-head{ max-width: 900px; margin: 0px auto; text-align: center }.uicf2w-root .uicf2w-sec h2{ font-size: 36px !important; line-height: 40px !important; font-weight: 500 !important; letter-spacing: -0.02em !important; margin: 16px 0px 14px; text-wrap: balance; color: var(--tx) }@media (min-width: 768px){.uicf2w-root .uicf2w-sec h2{ font-size: 46px !important; line-height: 50px !important }}.uicf2w-root .uicf2w-sec .uicf2w-sub{ color: var(--txd); font-size: 18px !important; line-height: 28px !important; margin: 0px }.uicf2w-root .uicf2w-sec-head .uicf2w-sub{ margin-left: auto; margin-right: auto; max-width: 760px }.uicf2w-root .accent-lemon{ color: var(--tx) }.uicf2w-root .uicf2w-eyebrow{ display: inline-flex; align-items: center; gap: 8px; color: var(--tx); background: none; border: 0px; padding: 0px; border-radius: 0px; font-size: 16px !important; font-weight: 500 !important; letter-spacing: -0.01em !important; line-height: 24px !important }.uicf2w-root .uicf2w-mcp-link{ position: relative; display: inline-flex; align-items: center; gap: 7px; color: var(--acc-dk); text-decoration: none; font-size: 16px !important; font-weight: 500 !important; line-height: 26px !important }.uicf2w-root .uicf2w-mcp-link svg{ width: 17px; height: 17px; transition: transform 0.24s var(--ease) }.uicf2w-root .uicf2w-mcp-link:hover svg{ transform: translateX(3px) }.uicf2w-root .uicf2w-mcp-link::after{ content: ""; position: absolute; left: 0px; bottom: -4px; width: 100%; height: 2px; border-radius: 2px; background: var(--acc); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s var(--ease) }.uicf2w-root .uicf2w-mcp-link:hover::after{ transform: scaleX(1) }.uicf2w-root .uicf2w-btn-wp-dl{ color: var(--tx) }.uicf2w-root .uicf2w-btn-wp-dl img{ width: 18px; height: auto; display: block; flex: 0 0 auto; filter: none; transition: filter 0.55s cubic-bezier(0.4, 0, 0.2, 1) }.uicf2w-root.is-night .uicf2w-btn-wp-dl img{ filter: brightness(0) invert(1) }html.uicf2w-js .uicf2w-root .reveal{ opacity: 0; transform: translateY(22px); transition: opacity 0.6s var(--ease), transform 0.6s var(--ease); will-change: opacity, transform }html.uicf2w-js .uicf2w-root .reveal.in{ opacity: 1; transform: none }.uicf2w-root .ucx-frame{ position: relative; margin: 52px auto 0px; max-width: 960px; aspect-ratio: 16 / 9; border-radius: 20px; overflow: hidden; display: grid; place-items: center; background: var(--mist); border: 1px solid var(--cardbd); box-shadow: rgba(16, 24, 40, 0.28) 0px 18px 44px -24px }.uicf2w-root .vplay{ width: 72px; height: 72px; border-radius: 50%; background: var(--acc); display: grid; place-items: center; box-shadow: rgba(253, 106, 53, 0.35) 0px 10px 30px }.uicf2w-root .vplay svg{ fill: rgb(255, 255, 255) }.uicf2w-root .uicf2w-hero{ position: relative; overflow: hidden; text-align: center; padding: clamp(120px, 15vh, 176px) 0px clamp(56px, 7vw, 88px); background: var(--pg) }.uicf2w-root .uicf2w-hero > .uc-container{ position: relative; z-index: 2 }.uicf2w-root .uicf2w-hero .uicf2w-sub{ max-width: 900px; margin: 0px auto 34px; color: var(--txd); font-size: 18px !important; line-height: 28px !important }.uicf2w-root .uicf2w-hero::before, .uicf2w-root .uicf2w-hero::after{ content: none }.uicf2w-root .uicf2w-pill-title{ display: block; text-align: center; margin: 18px auto 20px; max-width: 1180px; font-size: 40px !important; line-height: 44px !important; font-weight: 500 !important; letter-spacing: -0.02em !important; color: var(--tx) }@media (min-width: 768px){.uicf2w-root .uicf2w-pill-title{ font-size: 54px !important; line-height: 58px !important }}.uicf2w-root .uicf2w-pill-title .uicf2w-bw{ white-space: nowrap }.uicf2w-root .uicf2w-pill-title .uicf2w-brand-chip{ display: inline-flex; align-items: center; justify-content: center; width: 0.85em; height: 0.85em; padding: 0.08em; box-sizing: border-box; background: var(--cardbg); border: 1px solid var(--cardbd); border-radius: 0.255em; vertical-align: middle; margin: 0px -0.06em; position: relative; top: -0.1em; box-shadow: rgba(16, 24, 40, 0.25) 0px 3px 10px -4px }.uicf2w-root .uicf2w-pill-title .uicf2w-brand-chip img{ max-width: 100%; max-height: 100%; width: auto; height: auto; display: block; object-fit: contain; border-radius: 8px }.uicf2w-root .uicf2w-pill-title .uicf2w-brand-chip img[src*="ucwr-figma-mark"]{ border-radius: 0px }.uicf2w-root .uicf2w-pill-title .uicf2w-brand-chip.is-inset{ padding: 0.12em }.uicf2w-root .uicf2w-pill-title .uicf2w-hero-br{ display: none }@media (min-width: 1000px){.uicf2w-root .uicf2w-pill-title .uicf2w-hero-br{ display: block }}.uicf2w-root .uicf2w-hero-chip{ display: inline-flex; align-items: center; gap: 9px; padding: 9px 16px; border-radius: 999px; font-size: 14px !important; line-height: 18px !important; font-weight: 500 !important; color: var(--tx); background: var(--cardbg); border: 1px solid var(--cardbd); box-shadow: rgba(16, 24, 40, 0.16) 0px 2px 6px -3px; transition: border-color 0.24s var(--ease), transform 0.24s var(--ease) }.uicf2w-root .uicf2w-hero-chip:hover{ border-color: var(--acc-line); transform: translateY(-2px) }.uicf2w-root .uicf2w-hero-chip svg{ width: 18px; height: 18px; flex: 0 0 auto }.uicf2w-root .cta-row{ display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap }.uicf2w-root .cta-primary{ position: relative; display: inline-flex }.uicf2w-root .hero-video{ cursor: pointer; background: var(--cardbg); box-shadow: none }.uicf2w-root .hero-video .hero-screen{ position: absolute; inset: 4px; border-radius: 28px; overflow: hidden; background: var(--mist) }.uicf2w-root .hero-video .ucx-demo-thumb{ position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover }.uicf2w-root .hero-video .ucx-demo-play{ position: absolute; inset: 0px; display: grid; place-items: center; background: color-mix(in srgb, var(--ink) 6%, transparent); border: 0px; cursor: pointer; z-index: 2 }@media (min-width: 640px){.uicf2w-root .hero-video .hero-screen{ border-radius: 44px }}@media (min-width: 768px){.uicf2w-root .hero-video .hero-screen{ border-radius: 60px }}.uicf2w-root .diff-stage{ position: relative; aspect-ratio: 16 / 10; background: var(--mist) }.uicf2w-root .ucx-dl-vid{ position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; display: block }.uicf2w-root .diff-play{ position: absolute; top: 10px; right: 10px; z-index: 3; width: 24px; height: 24px; border-radius: 999px; cursor: pointer; border: 0px; background: rgba(0, 0, 0, 0.12); backdrop-filter: blur(6px); color: rgb(23, 23, 23); display: grid; place-items: center; transition: background 0.2s var(--ease), transform 0.2s var(--ease) }.uicf2w-root .diff-play:hover{ background: rgba(0, 0, 0, 0.22); transform: scale(1.06) }.uicf2w-root .diff-play svg{ width: 12px; height: 12px }.uicf2w-root .diff-play .i-pause{ display: none }.uicf2w-root .ax{ --ax-gap: 40px; --ax-gutter: max(var(--uc-gutter), calc((100vw - var(--uc-container-max) + 2 * var(--uc-gutter)) / 2)); --ax-col: calc((min(100vw, var(--uc-container-max)) - 2 * var(--uc-gutter) - 2 * var(--ax-gap)) / 3); padding-bottom: 40px }.uicf2w-root .ax-track{ position: relative; height: 540vh; margin-top: 10px }.uicf2w-root .ax-pin{ position: sticky; top: 0px; height: 100vh; display: flex; align-items: center; overflow: hidden }.uicf2w-root .ax-stage{ display: flex; flex-direction: column; gap: clamp(24px, 4.4vh, 52px); width: 100% }.uicf2w-root .ax-window{ overflow: hidden; padding-block: 8px; width: 100%; mask-image: linear-gradient(90deg, transparent 0, #000 var(--ax-gutter), #000 calc(100% - var(--ax-gutter)), transparent 100%) }.uicf2w-root .ax-row{ display: grid; grid-auto-flow: column; grid-auto-columns: var(--ax-col); gap: var(--ax-gap); will-change: transform }.uicf2w-root .ax-media-wrap{ width: 100% }.uicf2w-root .ax-col{ display: flex; flex-direction: column; gap: 18px; opacity: 1; transition: opacity 0.45s var(--ease) }.uicf2w-root .ax-col.is-dim{ opacity: 0.42 }.uicf2w-root .ax-bar{ position: relative; height: 3px; border-radius: 999px; background: var(--line); overflow: hidden }.uicf2w-root .ax-fill{ position: absolute; inset: 0px auto 0px 0px; width: 0px; border-radius: 999px; background: linear-gradient(90deg, var(--acc2), var(--acc)); box-shadow: rgba(253, 106, 53, 0.35) 0px 0px 10px }.uicf2w-root .ax-copy{ display: flex; flex-direction: column; gap: 8px }.uicf2w-root .ax-h{ display: flex; align-items: flex-start; gap: 12px }.uicf2w-root .ax-num{ flex: 0 0 auto; margin-top: -2px; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-size: 14px !important; line-height: 14px !important; font-weight: 700 !important; color: var(--txf); background: rgb(255, 255, 255); border: 1px solid var(--cardbd); transition: color 0.35s var(--ease), background 0.35s var(--ease), border-color 0.35s var(--ease), box-shadow 0.35s var(--ease) }.uicf2w-root .ax-col.uicf2w-is-active .ax-num, .uicf2w-root .ax-col.is-done .ax-num{ color: rgb(255, 255, 255); background: var(--acc); border-color: var(--acc) }.uicf2w-root .ax-col.uicf2w-is-active .ax-num{ box-shadow: rgba(253, 106, 53, 0.14) 0px 0px 0px 5px, rgba(253, 106, 53, 0.38) 0px 0px 18px }.uicf2w-root .ax-h h3{ margin: 0px; font-size: 20px !important; font-weight: 500 !important; letter-spacing: -0.01em !important; color: var(--tx); line-height: 24px !important }.uicf2w-root .ax-copy p{ margin: 0px; color: var(--txd); font-size: 16px !important; line-height: 26px !important }.uicf2w-root .ax-media{ position: relative; width: 100%; max-width: calc(127.397vh); margin-inline: auto; aspect-ratio: 1240 / 584; border-radius: 20px; background: rgb(255, 255, 255); border: 1px solid var(--cardbd) }.uicf2w-root .ax-screen{ position: absolute; inset: 4px; border-radius: 16px; overflow: hidden; background: var(--mist) }.uicf2w-root .ax-slide{ position: absolute; inset: 0px; opacity: 0; will-change: transform, opacity }.uicf2w-root .ax-vid{ width: 100%; height: 100%; object-fit: cover; display: block; background: var(--mist) }.uicf2w-root .ax-track.is-off{ display: none }.uicf2w-root .ax-stack{ display: none; margin-top: 48px; flex-direction: column; gap: 44px }.uicf2w-root .ax-s{ display: flex; flex-direction: column; gap: 14px }.uicf2w-root .ax-s .ax-num{ color: rgb(255, 255, 255); background: var(--acc); border-color: var(--acc) }.uicf2w-root .ax-s h3{ margin: 0px; font-size: 20px !important; font-weight: 500 !important; letter-spacing: -0.01em !important; color: var(--tx); line-height: 24px !important }.uicf2w-root .ax-s p{ margin: 0px; color: var(--txd); font-size: 16px !important; line-height: 26px !important }.uicf2w-root .ax-s-frame{ padding: 4px; border-radius: var(--r-card); background: var(--mist) }.uicf2w-root .ax-m-vid{ position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; display: block }@media (max-width: 860px){.uicf2w-root .ax-track{ display: none }.uicf2w-root .ax-stack{ display: flex }}.uicf2w-root .term-line{ animation: 0.42s ease 0s 1 normal both running f2w-term-swap }.uicf2w-root .term-line .p, .uicf2w-root .term-line .ok{ color: var(--acc) }.uicf2w-root .term-caret{ display: inline-block; width: 8px; height: 15px; margin-left: 3px; vertical-align: -2px; border-radius: 1px; background: var(--acc); animation: 1s steps(1) 0s infinite normal none running f2w-term-blink }.uicf2w-root .term-tab{ display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; border-radius: 9px; cursor: pointer; font-family: inherit !important; font-size: 14px !important; font-weight: 500 !important; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.09); color: rgba(255, 255, 255, 0.62); transition: background 0.24s var(--ease), border-color 0.24s var(--ease), color 0.24s var(--ease); line-height: 18px !important }.uicf2w-root .term-tab.uicf2w-on{ background: rgba(253, 106, 53, 0.16); border-color: rgba(253, 106, 53, 0.5); color: var(--acc) }.uicf2w-root .term-tab-ic{ width: 15px; height: 15px; display: block }.uicf2w-root .hp-stage{ position: relative; z-index: 2; margin-top: 52px; overflow: hidden; padding: 20px 0px }.uicf2w-root .hp-stage::before, .uicf2w-root .hp-stage::after{ content: ""; position: absolute; top: 0px; bottom: 0px; width: 9%; z-index: 3; pointer-events: none }.uicf2w-root .hp-stage::before{ left: 0px; background: linear-gradient(90deg, var(--pg) 0%, transparent 100%) }.uicf2w-root .hp-stage::after{ right: 0px; background: linear-gradient(270deg, var(--pg) 0%, transparent 100%) }.uicf2w-root .hp-grid{ display: flex; flex-direction: column; gap: 22px }.uicf2w-root .hp-row{ display: flex; gap: 22px; justify-content: flex-start; will-change: transform; padding: 0px clamp(20px, 5vw, 80px) }.uicf2w-root .hp-card{ flex: 0 0 300px; width: 300px; box-sizing: border-box; border-radius: 16px; overflow: hidden; background: rgb(255, 255, 255); border: 1px solid var(--cardbd); box-shadow: rgba(16, 24, 40, 0.26) 0px 14px 34px -22px; transition: transform 0.34s var(--ease), border-color 0.34s var(--ease), box-shadow 0.34s var(--ease) }.uicf2w-root .hp-card:hover{ transform: translateY(-8px); border-color: var(--acc-line); box-shadow: rgba(16, 24, 40, 0.34) 0px 26px 54px -28px }
/* --- legacy hover-transform conflict (swept 2026-09-02) ---------------------
   #uichemy-btn-global (retired design system) ships
     .uc-btn:hover, ..., [class*="-card"]:hover, [class*="-tile"]:hover,
     [class*="-chip"]:hover { transform: none !important; }
   Those attribute selectors match a SUBSTRING of the class attribute, so no ucx-
   rename dodges them (.uicf2w-hero-chip still contains "-chip"). They were killing
   every hover lift this page inherited from components/uichemy/*.css. Each rule
   below restates the source's own value above the legacy (0,2,0), so sheet order
   does not matter. Per CLAUDE.md section 5 this !important asserts the page's value
   over a block being deleted; it becomes a no-op once that block goes. -------- */
.uicf2w-root .hp-card.hp-card:hover{ transform: translateY(-8px) !important; }
.uicf2w-root .uicf2w-hero-chip.uicf2w-hero-chip:hover{ transform: translateY(-2px) !important; }
.uicf2w-root .hp-thumb{ position: relative; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 16px 16px 0px 0px; background: linear-gradient(rgb(244, 240, 255), rgb(254, 242, 236)); border-bottom: 1px solid var(--line) }.uicf2w-root .ucx-hp-vid{ position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0; transition: opacity 0.45s var(--ease) }.uicf2w-root .ucx-hp-vid.ready{ opacity: 1 }.uicf2w-root .uicf2w-hp-badge{ position: absolute; top: 10px; left: 10px; z-index: 2; padding: 5px 11px; border-radius: 999px; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.05em !important; text-transform: uppercase; color: #0a0a0a; background: rgba(255, 255, 255, 0.86); border: 1px solid rgba(10, 10, 10, 0.1); backdrop-filter: blur(8px); line-height: 12px !important }.uicf2w-root .uicf2w-hp-meta{ padding: 14px 16px 16px }.uicf2w-root .uicf2w-hp-meta h3{ margin: 0px 0px 5px; font-size: 18px !important; line-height: 28px !important; font-weight: 500 !important; color: var(--tx) }.uicf2w-root .uicf2w-hp-meta p{ font-size: 14px !important; color: var(--txd); line-height: 20px !important; margin: 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden }@media (max-width: 640px){.uicf2w-root .hp-card{ flex-basis: 230px; width: 230px }}@media (max-width: 768px){.uicf2w-root .hp-slider .hp-grid{ padding: 0px }.uicf2w-root .hp-slider .hp-row{ overflow-x: auto; scroll-snap-type: x; gap: 14px; padding: 4px 16px 16px; scrollbar-width: none; transform: none !important }.uicf2w-root .hp-slider .hp-row::-webkit-scrollbar{ display: none }.uicf2w-root .hp-slider .hp-card{ scroll-snap-align: center }}.uicf2w-root .cmp-sec .uicf2w-sec-head{ max-width: 1040px }.uicf2w-root .cmp-sec .uicf2w-sec-head .uicf2w-sub{ max-width: 1040px }.uicf2w-root .uicf2w-cmp{ --c1: 1.1; --c2: 1.16; --c3: 1.16; --ct: 3.42; position: relative; max-width: 1020px; margin: 68px auto 0px }.uicf2w-root .cmp-grid{ position: relative; z-index: 2; display: grid; grid-template-columns: 1.1fr 1.16fr 1.16fr }.uicf2w-root .cmp-base{ position: absolute; inset: 0px; background: var(--cardbg); border: 1px solid var(--cardbd); border-radius: 20px; z-index: 0 }.uicf2w-root .cmp-spot{ position: absolute; top: -28px; bottom: -28px; left: calc(100% * var(--c1) / var(--ct)); width: calc(100% * var(--c2) / var(--ct)); border-radius: 20px; background: rgb(11, 11, 15); box-shadow: rgba(10, 10, 15, 0.6) 0px 34px 70px -34px; overflow: hidden; z-index: 1 }.uicf2w-root .cmp-spot::before{ content: ""; position: absolute; inset: -34px 0px auto; height: 122px; background: radial-gradient(120% 150% at 88% -10%, rgb(158, 72, 236) 0%, rgba(158, 72, 236, 0.5) 30%, transparent 62%), radial-gradient(120% 150% at 8% -6%, rgb(255, 194, 128) 0%, rgba(246, 132, 78, 0.66) 32%, transparent 64%), linear-gradient(96deg, rgb(251, 173, 107) 0%, rgb(240, 98, 61) 46%, rgb(151, 65, 214) 100%); mask-image: linear-gradient(rgb(0, 0, 0) 0%, rgb(0, 0, 0) 26%, transparent 100%) }.uicf2w-root .uicf2w-cmp-cell{ position: relative; z-index: 2; display: flex; align-items: center; gap: 11px; padding: 16px 22px; font-size: 16px !important; line-height: 22px !important; min-width: 0px; overflow-wrap: break-word; word-break: break-word }.uicf2w-root .uicf2w-cmp-cell.feat{ color: var(--txd); font-weight: 400 !important }.uicf2w-root .uicf2w-cmp-cell.uicf2w-classic{ color: var(--txd) }.uicf2w-root .uicf2w-cmp-cell.uicf2w-ai{ color: rgb(255, 255, 255); font-weight: 500 !important }.uicf2w-root .uicf2w-cmp-cell.feat:not(.hd), .uicf2w-root .uicf2w-cmp-cell.uicf2w-classic:not(.hd){ border-top: 1px solid var(--line) }.uicf2w-root .uicf2w-cmp-cell.uicf2w-ai:not(.hd){ border-top: 1px solid rgba(255, 255, 255, 0.1) }.uicf2w-root .uicf2w-cmp-cell.uicf2w-ai.first{ border-top: 0px }.uicf2w-root .cmp-logos{ display: inline-flex; align-items: center }.uicf2w-root .cmp-logo{ position: relative; display: inline-flex; transition: transform 0.2s var(--ease) }.uicf2w-root .cmp-logo + .cmp-logo{ margin-left: -6px }.uicf2w-root .cmp-logo img{ width: 32px; height: 32px; border-radius: 9px; display: block }.uicf2w-root .uicf2w-cmp-cell.uicf2w-ai .cmp-logo img{ box-shadow: rgb(11, 11, 15) 0px 0px 0px 2.5px }.uicf2w-root .uicf2w-cmp-cell.uicf2w-classic .cmp-logo img{ box-shadow: 0 0 0 2.5px var(--cardbg) }.uicf2w-root .cmp-logo--fill img{ background: rgb(10, 10, 10); object-fit: contain; padding: 5px }.uicf2w-root .cmp-logo:hover{ transform: translateY(-6px); z-index: 5 }.uicf2w-root .uicf2w-cmp-cell.hd{ padding-top: 20px; padding-bottom: 20px; font-size: 12px !important; line-height: 18px !important; font-weight: 700 !important; letter-spacing: 0.06em !important; text-transform: uppercase }.uicf2w-root .uicf2w-cmp-cell.feat.hd{ color: var(--txf) }.uicf2w-root .uicf2w-cmp-cell.uicf2w-classic.hd{ color: var(--txf) }.uicf2w-root .uicf2w-cmp-cell.uicf2w-ai.hd{ padding-top: 24px; padding-bottom: 22px }.uicf2w-root .cmp-brand{ display: inline-flex; align-items: center; gap: 9px; color: rgb(255, 255, 255); font-size: 14px !important; line-height: 22px !important; font-weight: 700 !important; letter-spacing: 0.04em !important; text-transform: uppercase }@media (max-width: 700px){.uicf2w-root .uicf2w-cmp{ --c1: 0.9; --c2: 1; --c3: 1; --ct: 2.9; margin-top: 44px }.uicf2w-root .cmp-grid{ grid-template-columns: 0.9fr 1fr 1fr }.uicf2w-root .cmp-spot{ top: 0px; bottom: 0px; box-shadow: none }.uicf2w-root .uicf2w-cmp-cell{ padding: 12px; font-size: 14px !important; line-height: 22px !important; gap: 8px; align-items: flex-start }.uicf2w-root .uicf2w-cmp-cell.uicf2w-ai.hd{ padding-top: 14px }.uicf2w-root .cmp-brand{ font-size: 12px !important; line-height: 18px !important; gap: 6px }}.uicf2w-root .faq2{ display: flex; flex-direction: column; gap: clamp(28px, 4vw, 44px); max-width: 1020px; margin-inline: auto }.uicf2w-root .faq2-title{ text-align: left }.uicf2w-root .faq2-title .faq2-eyebrow{ display: inline-block; margin-bottom: 16px }.uicf2w-root .faq2-title h2{ text-align: left; margin: 0px }.uicf2w-root .faq2-grid{ display: grid; grid-template-columns: 1fr; gap: 32px }@media (min-width: 900px){.uicf2w-root .faq2-grid{ grid-template-columns: minmax(220px, 260px) 1fr; gap: 28px; align-items: start }}.uicf2w-root .faq2-side{ display: flex; flex-direction: column; background: rgb(255, 255, 255); border: 1px solid var(--cardbd); border-radius: 16px; overflow: hidden }.uicf2w-root .faq2-cta{ display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px; background: none; border: 0px; color: var(--txd); font-size: 16px !important; line-height: 26px !important }.uicf2w-root .faq2-cta a{ display: inline-flex; align-items: center; gap: 7px; color: var(--acc-dk); text-decoration: none; font-weight: 600 !important }.uicf2w-root .faq2-cta a svg{ width: 16px; height: 16px; color: var(--acc) }.uicf2w-root .faq2-tabs{ position: relative; display: flex; flex-direction: column; gap: 4px; margin: 4px 4px 0px; padding: 4px; box-shadow: inset 0 0 0 1px var(--cardbd); border-radius: 12px; background: var(--mist) }.uicf2w-root .faq2-tab-ind{ position: absolute; left: 4px; right: 4px; top: 0px; height: 0px; opacity: 0; border-radius: 9px; background: rgb(255, 255, 255); box-shadow: rgba(16, 24, 40, 0.12) 0px 1px 3px; transition: transform 0.24s cubic-bezier(0.3, 0, 0, 1), height 0.24s cubic-bezier(0.3, 0, 0, 1); z-index: 0; pointer-events: none }.uicf2w-root .faq2-tab{ position: relative; z-index: 1; text-align: left; padding: 9px 16px; border: 0px; border-radius: 9px; background: transparent; cursor: pointer; font-family: inherit !important; font-size: 14px !important; line-height: 22px !important; font-weight: 500 !important; color: var(--txd); transition: color 0.2s var(--ease) }.uicf2w-root .faq2-tab:hover{ color: var(--tx) }.uicf2w-root .faq2-tab.uicf2w-on{ color: var(--tx) }.uicf2w-root .uicf2w-faq-pane{ display: none; flex-direction: column; gap: 12px }.uicf2w-root .uicf2w-faq-pane.uicf2w-is-active{ display: flex }.uicf2w-root .uicf2w-faq-item{ border-radius: 16px; background: rgb(255, 255, 255); border: 1px solid var(--cardbd); overflow: hidden; transition: border-color 0.24s var(--ease) }.uicf2w-root .uicf2w-faq-item.open, .uicf2w-root .uicf2w-faq-item:hover{ border-color: var(--tx) }.uicf2w-root .ucx-faq-q{ width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 24px; background: none; border: 0px; cursor: pointer; text-align: left; font-family: inherit !important; color: var(--tx); font-size: 18px !important; font-weight: 500 !important; letter-spacing: -0.01em !important; line-height: 26px !important }.uicf2w-root .ucx-faq-ic{ flex: 0 0 auto; width: 22px; height: 22px; display: grid; place-items: center; color: var(--tx); transition: transform 0.3s var(--ease) }.uicf2w-root .ucx-faq-ic svg{ width: 20px; height: 20px }.uicf2w-root .uicf2w-faq-item.open .ucx-faq-ic{ transform: rotate(135deg) }.uicf2w-root .uicf2w-faq-a{ display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.32s var(--ease) }.uicf2w-root .uicf2w-faq-item.open .uicf2w-faq-a{ grid-template-rows: 1fr }.uicf2w-root .uicf2w-faq-a > div{ overflow: hidden }.uicf2w-root .uicf2w-faq-a p{ margin: 0px; padding: 0px 24px 22px; color: var(--txd); font-size: 16px !important; line-height: 26px !important }.uicf2w-root .uicf2w-faq-a a{ color: var(--acc-dk); font-weight: 500 !important }@media (prefers-reduced-motion: reduce){html.uicf2w-js .uicf2w-root .reveal{ transition: none; opacity: 1 !important; transform: none !important }.uicf2w-root .uicf2w-hero, .uicf2w-root .uicf2w-hero::before, .uicf2w-root .uicf2w-hero::after, .uicf2w-root .uic-orb, .uicf2w-root .scan-line, .uicf2w-root .scan-dot, .uicf2w-root .dfx-col.c3, .uicf2w-root .dfx-mark, .uicf2w-root .dfx-chip i.dot, .uicf2w-root .dfx-lbls em, .uicf2w-root [class*="mtn-"], .uicf2w-root .hf-h, .uicf2w-root .hf-f, .uicf2w-root .hf-ck, .uicf2w-root .hf-chip i.dot, .uicf2w-root .hf-lbls em, .uicf2w-root .term-scan, .uicf2w-root .pbx-tile, .uicf2w-root .rev-track, .uicf2w-root .logo-track, .uicf2w-root .demo-chip i, .uicf2w-root .scan-chip i{ animation: auto ease 0s 1 normal none running none !important }}@keyframes f2w-drift{ 
  0% { transform: translate(-8%, 4%) scale(1); }
  50% { transform: translate(9%, -7%) scale(1.15); }
  100% { transform: translate(-6%, 8%) scale(1.05); }
}@keyframes f2w-drift-reverse{ 
  0% { transform: translate(7%, -5%) scale(1.12); }
  50% { transform: translate(-9%, 7%) scale(1); }
  100% { transform: translate(6%, -8%) scale(1.18); }
}@keyframes f2w-float-a{ 
  0% { translate: 0px; }
  50% { translate: 5% -7%; }
  100% { translate: -4% 6%; }
}@keyframes f2w-float-b{ 
  0% { translate: 0px; }
  50% { translate: -6% 7%; }
  100% { translate: 5% -5%; }
}@keyframes f2w-blink{ 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.25; }
}@keyframes f2w-scan-sweep{ 
  0% { top: 4%; }
  100% { top: 95%; }
}@keyframes f2w-scan-pop{ 
  0%, 100% { transform: translate(-50%, -50%) scale(0.2); opacity: 0; }
  18% { transform: translate(-50%, -50%) scale(1.25); opacity: 1; }
  40% { transform: translate(-50%, -50%) scale(1); opacity: 0.92; }
  68% { transform: translate(-50%, -50%) scale(0.85); opacity: 0; }
}@keyframes f2w-dfx-slide{ 
  0%, 32% { transform: translateX(calc(-1 * var(--dfxgap, 24px))); }
  58%, 90% { transform: translateX(0px); }
  100% { transform: translateX(calc(-1 * var(--dfxgap, 24px))); }
}@keyframes f2w-dfx-bad{ 
  0%, 30% { opacity: 1; }
  42%, 100% { opacity: 0; }
}@keyframes f2w-dfx-good{ 
  0%, 50% { opacity: 0; }
  60%, 88% { opacity: 1; }
  92%, 100% { opacity: 0; }
}@keyframes f2w-dfx-dot{ 
  0%, 45% { background: var(--coral); }
  60%, 100% { background: var(--acc); }
}@keyframes f2w-dfx-lbl-a{ 
  0%, 45% { opacity: 1; }
  55%, 100% { opacity: 0; }
}@keyframes f2w-dfx-lbl-b{ 
  0%, 50% { opacity: 0; }
  60%, 92% { opacity: 1; }
  100% { opacity: 0; }
}@keyframes f2w-mt-eye{ 
  0%, 2% { opacity: 0; transform: translateY(var(--fy)); }
  9%, 85% { opacity: 1; transform: translateY(0px); }
  92%, 100% { opacity: 0; transform: translateY(var(--fy)); }
}@keyframes f2w-mt-h{ 
  0%, 6% { opacity: 0; transform: translateY(var(--fy)); }
  14%, 85% { opacity: 1; transform: translateY(0px); }
  92%, 100% { opacity: 0; transform: translateY(var(--fy)); }
}@keyframes f2w-mt-sub{ 
  0%, 11% { opacity: 0; transform: translateY(var(--fy)); }
  19%, 85% { opacity: 1; transform: translateY(0px); }
  92%, 100% { opacity: 0; transform: translateY(var(--fy)); }
}@keyframes f2w-mt-c1{ 
  0%, 22% { opacity: 0; transform: translateY(var(--fy)); }
  29%, 85% { opacity: 1; transform: translateY(0px); }
  92%, 100% { opacity: 0; transform: translateY(var(--fy)); }
}@keyframes f2w-mt-c2{ 
  0%, 25% { opacity: 0; transform: translateY(var(--fy)); }
  32%, 85% { opacity: 1; transform: translateY(0px); }
  92%, 100% { opacity: 0; transform: translateY(var(--fy)); }
}@keyframes f2w-mt-c3{ 
  0%, 28% { opacity: 0; transform: translateY(var(--fy)); }
  35%, 85% { opacity: 1; transform: translateY(0px); }
  92%, 100% { opacity: 0; transform: translateY(var(--fy)); }
}@keyframes f2w-mt-c4{ 
  0%, 31% { opacity: 0; transform: translateY(var(--fy)); }
  38%, 85% { opacity: 1; transform: translateY(0px); }
  92%, 100% { opacity: 0; transform: translateY(var(--fy)); }
}@keyframes f2w-mt-c5{ 
  0%, 34% { opacity: 0; transform: translateY(var(--fy)); }
  41%, 85% { opacity: 1; transform: translateY(0px); }
  92%, 100% { opacity: 0; transform: translateY(var(--fy)); }
}@keyframes f2w-hf-lift-h{ 
  0%, 10% { transform: translateY(0px); box-shadow: rgba(0, 0, 0, 0.06) 0px 3px 8px; }
  16%, 88% { transform: translateY(-8px); box-shadow: 0 12px 22px -8px rgba(0, 0, 0, 0.28), 0 0 0 2px var(--acc); }
  100% { transform: translateY(0px); box-shadow: rgba(0, 0, 0, 0.06) 0px 3px 8px; }
}@keyframes f2w-hf-lift-f{ 
  0%, 20% { transform: translateY(0px); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px; }
  26%, 88% { transform: translateY(-8px); box-shadow: 0 12px 22px -8px rgba(0, 0, 0, 0.32), 0 0 0 2px var(--acc); }
  100% { transform: translateY(0px); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px; }
}@keyframes f2w-hf-ck1{ 
  0%, 30% { opacity: 0; transform: scale(0.4); }
  36% { opacity: 1; transform: scale(1); }
  88% { opacity: 1; }
  93%, 100% { opacity: 0; }
}@keyframes f2w-hf-ck2{ 
  0%, 40% { opacity: 0; transform: scale(0.4); }
  46% { opacity: 1; transform: scale(1); }
  88% { opacity: 1; }
  93%, 100% { opacity: 0; }
}@keyframes f2w-hf-dot{ 
  0%, 42% { background: var(--acc2); }
  48%, 100% { background: var(--acc); }
}@keyframes f2w-hf-la{ 
  0%, 40% { opacity: 1; }
  46%, 100% { opacity: 0; }
}@keyframes f2w-hf-lb{ 
  0%, 44% { opacity: 0; }
  50%, 88% { opacity: 1; }
  94%, 100% { opacity: 0; }
}@keyframes f2w-term-scan{ 
  0% { transform: translateY(-84px); }
  100% { transform: translateY(330px); }
}@keyframes f2w-term-swap{ 
  0% { opacity: 0; transform: translateY(4px); }
  100% { opacity: 1; transform: none; }
}@keyframes f2w-term-blink{ 
  50% { opacity: 0; }
}@keyframes f2w-rev-up{ 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-50%); }
}@keyframes f2w-logo-marq{ 
  100% { transform: translateX(-50%); }
}@keyframes f2w-pbx-float{ 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-6px); }
}@keyframes f2w-pwfade{ 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: none; }
}.uicf2w-root .hero-grid{ display: grid; grid-template-columns: minmax(0px, 1fr); gap: 40px }.uicf2w-root .hero-copy{ display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 0px }.uicf2w-root .hero-copy .uc-eyebrow{ margin-bottom: var(--spacing-sprout-24) }.uicf2w-root .hero-copy .uicf2w-pill-title{ margin: 0 auto var(--spacing-sprout-20) }.uicf2w-root .hero-copy .uicf2w-sub{ max-width: 1100px; margin: 0 auto var(--spacing-sprout-32) }.uicf2w-root .hero-copy .cta-row{ gap: var(--spacing-sprout-12) }.uicf2w-root .uicf2w-hero .uc-marquee-wrap{ margin-top: 80px }.uicf2w-root .hero-video-wrap{ position: relative; margin-top: 80px }.uicf2w-root .uicf2w-hero .hero-video{ position: relative; z-index: 1; margin-top: 0px; max-width: none; width: 100%; border-radius: 32px }@media (min-width: 640px){.uicf2w-root .uicf2w-hero .hero-video{ border-radius: 48px }}@media (min-width: 768px){.uicf2w-root .uicf2w-hero .hero-video{ border-radius: 64px }}@media (min-width: 1025px){.uicf2w-root .uicf2w-hero .hero-video{ width: calc(100% + 40px); margin-left: -20px; margin-right: -20px }}.uicf2w-root .hero-glow{ pointer-events: none; user-select: none; position: absolute; left: 50%; top: 50%; z-index: 0; width: 176%; max-width: none; transform: translate(-50%, -64%) }.uicf2w-root .conv-card{ --conv-gutter: clamp(12px, 1.8vw, 36px); position: relative; overflow: hidden; margin-top: var(--uc-space-40); margin-left: calc(50% - 50vw + var(--conv-gutter)); margin-right: calc(50% - 50vw + var(--conv-gutter)); border-radius: var(--uc-radius-32); padding: clamp(80px, 11vw, 140px) var(--uc-space-24); text-align: center; background: rgb(23, 23, 23); transform: scale(var(--cs, 0.9)); transform-origin: center center; will-change: transform }.uicf2w-root .conv-card::before{ content: ""; position: absolute; z-index: 0; pointer-events: none; left: -24.11%; top: -71.84%; width: 148.46%; height: 221.72%; opacity: 0.8; background-image: url("data:image/svg+xml; base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI1OTIuNTUiIGhlaWdodD0iMTY4NS4xMSIgdmlld0JveD0iMCAwIDI1OTIuNTUgMTY4NS4xMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDIxNDcyMzc2NDAiPgo8ZyBpZD0iVmVjdG9yIDI3MjYxIiBmaWx0ZXI9InVybCgjZmlsdGVyMF9mXzM0MjRfMzYwODkpIj4KPHBhdGggZD0iTTE3My4zMDcgMzY5LjQ1NEM0NzQuMjAxIDExMDMuNyAxMzM2LjM3IDEyMzYgMTgxMC44NiAxMjA3LjU4QzE4MjcuNzMgMTIwNi41NyAxODMyLjkyIDEyMzEuMDggMTgxNy42MSAxMjM4LjI0QzM2Mi42NTUgMTkxOC4yNCA5My45Njc0IDk4Ny41OTcgMTQzLjc4NyAzNzMuMDg5QzE0NS4wNzcgMzU3LjE4MiAxNjcuMjU1IDM1NC42ODYgMTczLjMwNyAzNjkuNDU0WiIgZmlsbD0iI0ZGQzU3NCIvPgo8L2c+CjxnIGlkPSJWZWN0b3IgMjcyNjIiIGZpbHRlcj0idXJsKCNmaWx0ZXIxX2ZfMzQyNF8zNjA4OSkiPgo8cGF0aCBkPSJNMjQyNC40OSAzOTguNTEzQzIwNTguNCAxMTY1LjcyIDExMjYuNTMgMTI1MC4wMiA2MjQuNzg2IDExODguNDhDNjA4LjAxMSAxMTg2LjQyIDYwMS41NzIgMTIxMC41OSA2MTYuNDIyIDEyMTguNjZDMjEyNi4yMyAyMDM5LjIyIDI0NjkuNDIgMTA2MC40OSAyNDUzLjc1IDQwMy44NTZDMjQ1My4zNyAzODcuOTAxIDI0MzEuMzYgMzg0LjEwOSAyNDI0LjQ5IDM5OC41MTNaIiBmaWxsPSIjRkQ2QTM1Ii8+CjwvZz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9mXzM0MjRfMzYwODkiIHg9Ii03LjYyOTM5ZS0wNiIgeT0iMjIxLjM1MSIgd2lkdGg9IjE5NjUuMDEiIGhlaWdodD0iMTM5My4zMiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI2OS4xNTE1IiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfMzQyNF8zNjA4OSIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyMV9mXzM0MjRfMzYwODkiIHg9IjQ2OS44MDgiIHk9IjI1MS4yNDIiIHdpZHRoPSIyMTIyLjc1IiBoZWlnaHQ9IjE0MTguNjQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNjkuMTUxNSIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzM0MjRfMzYwODkiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg=="); background-size: 100% 100%; background-repeat: no-repeat }.uicf2w-root .conv-card > *{ position: relative; z-index: 1 }.uicf2w-root .conv-card .conv-dots{ position: absolute; inset: 0px; z-index: 0 }.uicf2w-root .conv-eyebrow{ color: var(--uc-text); font-size: 16px !important; font-weight: 500 !important; letter-spacing: -0.01em !important; line-height: 24px !important; text-transform: none }.uicf2w-root .conv-card .conv-title{ margin: 18px auto 0px; max-width: 780px; font-size: 48px !important; line-height: 56px !important; font-weight: var(--uc-weight-medium) !important; letter-spacing: -0.02em !important; text-wrap: balance; color: var(--uc-text-strong) }.uicf2w-root .conv-card .conv-sub{ margin: var(--uc-space-16) auto 0; max-width: 1040px; font-size: 18px !important; line-height: 30px !important; text-wrap: balance; color: var(--uc-text) }.uicf2w-root .conv-cta{ margin-top: clamp(40px, 5vw, 64px); text-align: center }.uicf2w-root .ucx-conv-marquee-wrap{ position: relative; display: flex; justify-content: flex-start; margin-top: clamp(40px, 5vw, 64px); overflow: hidden; mask-image: linear-gradient(to right, transparent 0%, rgb(0, 0, 0) 20%, rgb(0, 0, 0) 80%, transparent 100%) }.uicf2w-root .ucx-conv-marquee{ display: flex; flex: 0 0 auto; width: max-content; animation: 45s linear 0s infinite normal none running conv-marquee-x; will-change: transform }.uicf2w-root .ucx-conv-marquee-wrap:hover .ucx-conv-marquee{ animation-play-state: paused }.uicf2w-root .conv-tile{ flex: 0 0 auto; display: grid; place-items: center; width: 90px; height: 90px; margin-right: var(--uc-space-16); border-radius: var(--uc-radius-24); background: var(--uc-inverse-bg); cursor: default }.uicf2w-root .conv-tile img{ width: 48px; height: 48px; object-fit: contain }.uicf2w-root .conv-tip{ position: fixed; left: 0px; top: 0px; 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: rgb(28, 28, 28); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: rgba(0, 0, 0, 0.5) 0px 12px 32px; opacity: 0; transform-origin: left top; transition: opacity 0.14s cubic-bezier(0.2, 0, 0, 1); will-change: transform }.uicf2w-root .conv-tip-t{ color: rgb(255, 255, 255); font-size: 14px !important; font-weight: 600 !important; line-height: 18px !important }.uicf2w-root .conv-tip-d{ color: rgba(255, 255, 255, 0.6); font-size: 14px !important; line-height: 20px !important }@keyframes conv-marquee-x{ 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}@media (prefers-reduced-motion: reduce){.uicf2w-root .ucx-conv-marquee{ animation: auto ease 0s 1 normal none running none }}@keyframes cm-chips-l{ 
  100% { transform: translateX(-50%); }
}@keyframes cm-chips-r{ 
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0px); }
}@keyframes tm-fill{ 
  0% { width: 0px; }
  100% { width: 100%; }
}@keyframes tm-run{ 
  0% { left: 0px; }
  100% { left: 100%; }
}:where(.uc-f2w) .disabled-selection{ user-select: none; z-index: -1 !important; }:where(.uc-f2w) .uc-conv-src{ position: absolute; left: 4px; top: 4px; width: 11px; height: 11px; object-fit: contain; transform: translate(7.5px, 7.5px) scale(1.8182); transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); }:where(.uc-f2w) .uc-conv-trail{ position: absolute; left: 2px; bottom: 5px; width: 13px; height: 13px; color: rgb(154, 160, 166); opacity: 0; transition: opacity 0.12s; }:where(.uc-f2w) .uc-conv-wp{ position: absolute; right: 4px; bottom: 4px; width: 19px; height: 19px; object-fit: contain; opacity: 0; transform: scale(0.55); transition: opacity 0.14s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); }:where(.uc-f2w) .uc-conv-row:hover .uc-conv-src, :where(.uc-f2w) .uc-conv-row:focus-visible .uc-conv-src{ transform: none; transition: transform 0.32s cubic-bezier(0.23, 1, 0.32, 1); }:where(.uc-f2w) .uc-conv-row:hover .uc-conv-wp, :where(.uc-f2w) .uc-conv-row:focus-visible .uc-conv-wp{ opacity: 1; transform: none; transition: opacity 0.22s 0.06s, transform 0.34s cubic-bezier(0.34, 1.56, 0.64, 1) 0.06s; }:where(.uc-f2w) .uc-conv-row:hover .uc-conv-trail, :where(.uc-f2w) .uc-conv-row:focus-visible .uc-conv-trail{ opacity: 1; transition: opacity 0.18s 0.26s; }@media (prefers-reduced-motion: reduce){:where(.uc-f2w) .uc-conv-src, :where(.uc-f2w) .uc-conv-trail, :where(.uc-f2w) .uc-conv-wp{ transition: none; }}@keyframes uc-rev-up{ 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-50%); }
}:where(.uc-f2w) .uc-rev-track{ animation: uc-rev-up var(--dur,48s) linear infinite; will-change: transform; }:where(.uc-f2w) .uc-rev-track.rev{ animation-direction: reverse; }:where(.uc-f2w) .uc-rev-col:hover .uc-rev-track{ animation-play-state: paused; }@media (prefers-reduced-motion: reduce){:where(.uc-f2w) .uc-rev-track{ animation: auto ease 0s 1 normal none running none; }}@keyframes uc-rev-up{ from { transform: translateY(0); } to { transform: translateY(-50%); } }:where(.uc-f2w) .uc-rev-track{ animation: uc-rev-up var(--dur,48s) linear infinite; will-change: transform; }:where(.uc-f2w) .uc-rev-track.rev{ animation-direction: reverse; }:where(.uc-f2w) .uc-rev-col:hover .uc-rev-track{ animation-play-state: paused; }@media (prefers-reduced-motion: reduce){:where(.uc-f2w) .uc-rev-track{ animation: none; }}:where(.uc-f2w) .f2w-header-root{position:relative;z-index:100}:where(.uc-f2w) .f2w-scrim{ position:fixed; inset:0; z-index:90; background:rgba(0,0,0,.4); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); opacity:0; pointer-events:none; transition:opacity .2s cubic-bezier(.22,1,.36,1) }:where(.uc-f2w) .f2w-scrim.is-on{ opacity:1; pointer-events:auto }@media (max-width:1023px){:where(.uc-f2w) .f2w-scrim{ display:none }}:where(.uc-f2w) [data-menu-sheet]{height:0;opacity:0;pointer-events:none;overflow:hidden;transition:height .32s cubic-bezier(.22,1,.36,1),opacity .18s ease}:where(.uc-f2w) .f2w-menu-panel{ display:none }:where(.uc-f2w) .f2w-menu-panel.is-on{ display:block; animation:f2w-menu-in .2s cubic-bezier(.22,1,.36,1) both }@keyframes f2w-menu-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}:where(.uc-f2w) .f2w-mobile-drawer[hidden]{ display:none }:where(.uc-f2w) .f2w-mobile-drawer{ position:fixed; inset:0; z-index:95; overflow-y:auto }@media (min-width:1024px){:where(.uc-f2w) .f2w-mobile-drawer{ display:none!important }}@media (prefers-reduced-motion:reduce){:where(.uc-f2w) .f2w-scrim, :where(.uc-f2w) [data-menu-sheet], :where(.uc-f2w) .f2w-menu-panel.is-on{ transition:none; animation:none }}.uicf2w-root h1, .uicf2w-root h2, .uicf2w-root h3, .uicf2w-root h4, .uicf2w-root h5, .uicf2w-root h6, .uicf2w-root p, .uicf2w-root li, .uicf2w-root a, .uicf2w-root span, .uicf2w-root em, .uicf2w-root strong, .uicf2w-root blockquote, .uicf2w-root figcaption, .uicf2w-root label, .uicf2w-root dt, .uicf2w-root dd, .uicf2w-root button, .uicf2w-root input, .uicf2w-root textarea, .uicf2w-root select, :where(.uc-f2w) .f2w-header-root h1, :where(.uc-f2w) .f2w-header-root h2, :where(.uc-f2w) .f2w-header-root h3, :where(.uc-f2w) .f2w-header-root h4, :where(.uc-f2w) .f2w-header-root h5, :where(.uc-f2w) .f2w-header-root h6, :where(.uc-f2w) .f2w-header-root p, :where(.uc-f2w) .f2w-header-root li, :where(.uc-f2w) .f2w-header-root a, :where(.uc-f2w) .f2w-header-root span, :where(.uc-f2w) .f2w-header-root button, :where(.uc-f2w) .f2w-footer-root h1, :where(.uc-f2w) .f2w-footer-root h2, :where(.uc-f2w) .f2w-footer-root h3, :where(.uc-f2w) .f2w-footer-root h4, :where(.uc-f2w) .f2w-footer-root h5, :where(.uc-f2w) .f2w-footer-root h6, :where(.uc-f2w) .f2w-footer-root p, :where(.uc-f2w) .f2w-footer-root li, :where(.uc-f2w) .f2w-footer-root a, :where(.uc-f2w) .f2w-footer-root span, :where(.uc-f2w) .f2w-footer-root button{/* theme-bleed guard REMOVED 2026-09-01. It forced font-family/size/weight/line-height/letter-spacing to `inherit !important` and colour to `inherit` on h1-h6, p, li, a, span, em, strong, button, input, textarea and select inside the page. That outranked the page's own design system: every .ds-* type class and every text utility was flattened to the inherited 16px/400/24px, which is why ~90 elements did not match the React source. The page is kept independent of old globals by scoped rules near the top of this file instead. Do NOT reintroduce a blanket inherit!important reset. */ }.uicf2w-root, :where(.uc-f2w) .f2w-header-root, :where(.uc-f2w) .f2w-footer-root{ font-family: var(--font-zalando-sans, "Zalando Sans", sans-serif) !important }

/* ============================================================================
   Parity fixes, 2026-09-01. Each one restores behaviour the React source has
   and the conversion dropped. Values are copied from the named source, never
   invented.
   ========================================================================== */

/* .uc-note — from app/globals.css:1131. The conversion covered the component
   CSS but not the app's global stylesheet, so this handwritten micro-note lost
   its shine sweep and its font. Verbatim, scoped. */
@keyframes uc-text-shine { 0% { background-position: 100% 0%; } 100% { background-position: -200% 0%; } }
.uc-f2w .uc-note {
  font-family: var(--font-nanum-pen, "Nanum Pen Script"), 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) { .uc-f2w .uc-note { animation: none; } }

/* Elementor's frontend.min.css ships `.elementor img{height:auto}` at (0,1,1),
   which outranks this page's own sizing utilities at (0,1,0) and silently
   stretched any sized <img>. React has no such rule. Every utility below is
   re-emitted from THIS FILE's own values at (0,3,1) so the page's sizing wins.
   Generated, not hand-written: regenerate if the utility layer changes. */
.uc-f2w.uicf2w-root img.sr-only,.uc-f2w.uicf2w-root video.sr-only{width: 1px;height: 1px}
.uc-f2w.uicf2w-root img.size-11,.uc-f2w.uicf2w-root video.size-11{width: calc(var(--spacing) * 11);height: calc(var(--spacing) * 11)}
.uc-f2w.uicf2w-root img.size-\[15px\],.uc-f2w.uicf2w-root video.size-\[15px\]{width: 15px;height: 15px}
.uc-f2w.uicf2w-root img.size-\[18px\],.uc-f2w.uicf2w-root video.size-\[18px\]{width: 18px;height: 18px}
.uc-f2w.uicf2w-root img.size-\[58px\],.uc-f2w.uicf2w-root video.size-\[58px\]{width: 58px;height: 58px}
.uc-f2w.uicf2w-root img.size-\[calc\(var\(--cds-checkbox\,16px\)-8px\)\],.uc-f2w.uicf2w-root video.size-\[calc\(var\(--cds-checkbox\,16px\)-8px\)\]{width: calc(var(--cds-checkbox,16px) - 8px);height: calc(var(--cds-checkbox,16px) - 8px)}
.uc-f2w.uicf2w-root img.size-\[var\(--dc-toolglyph\,14px\)\],.uc-f2w.uicf2w-root video.size-\[var\(--dc-toolglyph\,14px\)\]{width: var(--dc-toolglyph,14px);height: var(--dc-toolglyph,14px)}
.uc-f2w.uicf2w-root img.h-0\.5,.uc-f2w.uicf2w-root video.h-0\.5{height: calc(var(--spacing) * 0.5)}
.uc-f2w.uicf2w-root img.h-5,.uc-f2w.uicf2w-root video.h-5{height: calc(var(--spacing) * 5)}
.uc-f2w.uicf2w-root img.h-9,.uc-f2w.uicf2w-root video.h-9{height: calc(var(--spacing) * 9)}
.uc-f2w.uicf2w-root img.h-10,.uc-f2w.uicf2w-root video.h-10{height: calc(var(--spacing) * 10)}
.uc-f2w.uicf2w-root img.h-11,.uc-f2w.uicf2w-root video.h-11{height: calc(var(--spacing) * 11)}
.uc-f2w.uicf2w-root img.h-\[18px\],.uc-f2w.uicf2w-root video.h-\[18px\]{height: 18px}
.uc-f2w.uicf2w-root img.h-\[22px\],.uc-f2w.uicf2w-root video.h-\[22px\]{height: 22px}
.uc-f2w.uicf2w-root img.h-\[24px\],.uc-f2w.uicf2w-root video.h-\[24px\]{height: 24px}
.uc-f2w.uicf2w-root img.h-\[28px\],.uc-f2w.uicf2w-root video.h-\[28px\]{height: 28px}
.uc-f2w.uicf2w-root img.h-\[30px\],.uc-f2w.uicf2w-root video.h-\[30px\]{height: 30px}
.uc-f2w.uicf2w-root img.h-\[60px\],.uc-f2w.uicf2w-root video.h-\[60px\]{height: 60px}
.uc-f2w.uicf2w-root img.h-\[660px\],.uc-f2w.uicf2w-root video.h-\[660px\]{height: 660px}
.uc-f2w.uicf2w-root img.h-\[var\(--cds-h-control\,32px\)\],.uc-f2w.uicf2w-root video.h-\[var\(--cds-h-control\,32px\)\]{height: var(--cds-h-control,32px)}
.uc-f2w.uicf2w-root img.h-\[var\(--dc-toolbtn\,25px\)\],.uc-f2w.uicf2w-root video.h-\[var\(--dc-toolbtn\,25px\)\]{height: var(--dc-toolbtn,25px)}
.uc-f2w.uicf2w-root img.h-full,.uc-f2w.uicf2w-root video.h-full{height: 100%}
.uc-f2w.uicf2w-root img.w-5,.uc-f2w.uicf2w-root video.w-5{width: calc(var(--spacing) * 5)}
.uc-f2w.uicf2w-root img.w-9,.uc-f2w.uicf2w-root video.w-9{width: calc(var(--spacing) * 9)}
.uc-f2w.uicf2w-root img.w-10,.uc-f2w.uicf2w-root video.w-10{width: calc(var(--spacing) * 10)}
.uc-f2w.uicf2w-root img.w-11,.uc-f2w.uicf2w-root video.w-11{width: calc(var(--spacing) * 11)}
.uc-f2w.uicf2w-root img.w-\[18px\],.uc-f2w.uicf2w-root video.w-\[18px\]{width: 18px}
.uc-f2w.uicf2w-root img.w-\[22px\],.uc-f2w.uicf2w-root video.w-\[22px\]{width: 22px}
.uc-f2w.uicf2w-root img.w-\[24px\],.uc-f2w.uicf2w-root video.w-\[24px\]{width: 24px}
.uc-f2w.uicf2w-root img.w-\[min\(86\%\,1060px\)\],.uc-f2w.uicf2w-root video.w-\[min\(86\%\,1060px\)\]{width: min(86%, 1060px)}
.uc-f2w.uicf2w-root img.w-\[min\(520px\,92vw\)\],.uc-f2w.uicf2w-root video.w-\[min\(520px\,92vw\)\]{width: min(520px, 92vw)}
.uc-f2w.uicf2w-root img.w-\[min\(560px\,84vw\)\],.uc-f2w.uicf2w-root video.w-\[min\(560px\,84vw\)\]{width: min(560px, 84vw)}
.uc-f2w.uicf2w-root img.w-\[min\(560px\,92vw\)\],.uc-f2w.uicf2w-root video.w-\[min\(560px\,92vw\)\]{width: min(560px, 92vw)}
.uc-f2w.uicf2w-root img.w-\[min\(720px\,90vw\)\],.uc-f2w.uicf2w-root video.w-\[min\(720px\,90vw\)\]{width: min(720px, 90vw)}
.uc-f2w.uicf2w-root img.w-\[min\(760px\,86vw\)\],.uc-f2w.uicf2w-root video.w-\[min\(760px\,86vw\)\]{width: min(760px, 86vw)}
.uc-f2w.uicf2w-root img.w-\[min\(836px\,92vw\)\],.uc-f2w.uicf2w-root video.w-\[min\(836px\,92vw\)\]{width: min(836px, 92vw)}
.uc-f2w.uicf2w-root img.w-\[min\(1240px\,92vw\)\],.uc-f2w.uicf2w-root video.w-\[min\(1240px\,92vw\)\]{width: min(1240px, 92vw)}
.uc-f2w.uicf2w-root img.w-\[var\(--dc-toolbtn\,25px\)\],.uc-f2w.uicf2w-root video.w-\[var\(--dc-toolbtn\,25px\)\]{width: var(--dc-toolbtn,25px)}
.uc-f2w.uicf2w-root img.w-auto,.uc-f2w.uicf2w-root video.w-auto{width: auto}
.uc-f2w.uicf2w-root img.w-fit,.uc-f2w.uicf2w-root video.w-fit{width: fit-content}
.uc-f2w.uicf2w-root img.w-full,.uc-f2w.uicf2w-root video.w-full{width: 100%}
.uc-f2w.uicf2w-root img.w-px,.uc-f2w.uicf2w-root video.w-px{width: 1px}
.uc-f2w.uicf2w-root img.group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5,.uc-f2w.uicf2w-root video.group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5{height: calc(var(--spacing) * 0.5)}
.uc-f2w.uicf2w-root img.group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5,.uc-f2w.uicf2w-root video.group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5{width: calc(var(--spacing) * 0.5)}
.uc-f2w.uicf2w-root img.aria-\[orientation\=horizontal\]\:after\:h-1,.uc-f2w.uicf2w-root video.aria-\[orientation\=horizontal\]\:after\:h-1{height: calc(var(--spacing) * 1)}
.uc-f2w.uicf2w-root img.aria-\[orientation\=horizontal\]\:after\:w-full,.uc-f2w.uicf2w-root video.aria-\[orientation\=horizontal\]\:after\:w-full{width: 100%}
.uc-f2w.uicf2w-root img.\[\&\:\:-webkit-slider-thumb\]\:size-4,.uc-f2w.uicf2w-root video.\[\&\:\:-webkit-slider-thumb\]\:size-4{height: calc(var(--spacing) * 4)}
.uc-f2w.uicf2w-root img.uc-marquee,.uc-f2w.uicf2w-root video.uc-marquee{width: max-content}
.uc-f2w.uicf2w-root img.Button_button__8M0Ui,.uc-f2w.uicf2w-root video.Button_button__8M0Ui{height: var(--_h)}
.uc-f2w.uicf2w-root img.uc-conv-src,.uc-f2w.uicf2w-root video.uc-conv-src{width: 11px;height: 11px}
.uc-f2w.uicf2w-root img.uc-conv-trail,.uc-f2w.uicf2w-root video.uc-conv-trail{width: 13px;height: 13px}
.uc-f2w.uicf2w-root img.uc-conv-wp,.uc-f2w.uicf2w-root video.uc-conv-wp{width: 19px;height: 19px}
/* Radius utilities fail two ways after conversion, both fixed here.
   1. Elementor ships `.elementor img{ ... border-radius:0 }` at (0,1,1); these utilities are
      wrapped in :where() - zero specificity by design - so on an <img> Elementor's reset wins
      and the corner renders square.
   2. Some values used in the markup were purged and had no rule on ANY element.
   Restating each used value at (0,2,0) covers both, page-scoped, no !important. */
.uc-f2w .rounded-\[9px\]{ border-radius: 9px; }.uc-f2w .rounded-\[10px\]{ border-radius: 10px; }.uc-f2w .rounded-\[12px\]{ border-radius: 12px; }.uc-f2w .rounded-\[16px\]{ border-radius: 16px; }.uc-f2w .rounded-\[20px\]{ border-radius: 20px; }.uc-f2w .rounded-\[24px\]{ border-radius: 24px; }.uc-f2w .rounded-\[28px\]{ border-radius: 28px; }.uc-f2w .rounded-\[30px\]{ border-radius: 30px; }.uc-f2w .rounded-\[32px\]{ border-radius: 32px; }.uc-f2w .rounded-\[34px\]{ border-radius: 34px; }