/* ai-website-creator features v6 - scoped under .uc-awf.
Built from the Next.js app at app/ai-website-creator/features (localhost:3777), NOT from
public/ucwr/. Every rule is wrapped in :where(.uc-awf) so page-internal specificity
is unchanged while nothing can match outside the page. Classes that collide with
#uichemy-globals are renamed with the ucx- prefix in HTML, CSS and JS together.
See memory new-uichemy-design-system-isolation. */
@layer properties;@layer theme, base, components, utilities;
.uc-awf{font-size:16px;font-family:var(--font-zalando-sans);}
:where(.uc-awf) :is(h1,h2,h3,h4,h5,h6){margin:0;}
:where(.uc-awf) :is(h1,h2,h3,h4,h5,h6).mt-3{
margin-top: calc(var(--spacing) * 3);
}:where(.uc-awf) :is(h1,h2,h3,h4,h5,h6).leading-\[50px\]{
--tw-leading: 50px;
line-height: 50px;
}
:where(.uc-awf) .lenis:not(.lenis-autoToggle).lenis-stopped{
overflow: clip;
}:where(.uc-awf) .lenis [data-lenis-prevent], :where(.uc-awf) .lenis [data-lenis-prevent-wheel], :where(.uc-awf) .lenis [data-lenis-prevent-touch], :where(.uc-awf) .lenis [data-lenis-prevent-vertical], :where(.uc-awf) .lenis [data-lenis-prevent-horizontal]{
overscroll-behavior: contain;
}:where(.uc-awf) .lenis.lenis-smooth iframe{
pointer-events: none;
}:where(.uc-awf) .lenis.lenis-autoToggle{
transition-property: overflow;
transition-duration: 1ms;
transition-behavior: allow-discrete;
}@layer theme{.uc-awf{
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
--color-red-50: oklch(97.1% 0.013 17.38);
--color-red-100: oklch(93.6% 0.032 17.717);
--color-red-200: oklch(88.5% 0.062 18.334);
--color-red-500: oklch(63.7% 0.237 25.331);
--color-red-600: oklch(57.7% 0.245 27.325);
--color-red-800: oklch(44.4% 0.177 26.899);
--color-orange-100: oklch(95.4% 0.038 75.164);
--color-orange-500: oklch(70.5% 0.213 47.604);
--color-orange-600: oklch(64.6% 0.222 41.116);
--color-amber-50: oklch(98.7% 0.022 95.277);
--color-yellow-100: oklch(97.3% 0.071 103.193);
--color-yellow-500: oklch(79.5% 0.184 86.047);
--color-yellow-600: oklch(68.1% 0.162 75.834);
--color-green-50: oklch(98.2% 0.018 155.826);
--color-green-100: oklch(96.2% 0.044 156.743);
--color-green-200: oklch(92.5% 0.084 155.995);
--color-green-500: oklch(72.3% 0.219 149.579);
--color-green-600: oklch(62.7% 0.194 149.214);
--color-green-800: oklch(44.8% 0.119 151.328);
--color-emerald-400: oklch(76.5% 0.177 163.223);
--color-blue-100: oklch(93.2% 0.032 255.585);
--color-blue-500: oklch(62.3% 0.214 259.815);
--color-blue-600: oklch(54.6% 0.245 262.881);
--color-indigo-100: oklch(93% 0.034 272.788);
--color-indigo-500: oklch(58.5% 0.233 277.117);
--color-violet-100: oklch(94.3% 0.029 294.588);
--color-violet-600: oklch(54.1% 0.281 293.009);
--color-purple-50: oklch(97.7% 0.014 308.299);
--color-purple-500: oklch(62.7% 0.265 303.9);
--color-purple-600: oklch(55.8% 0.288 302.321);
--color-purple-700: oklch(49.6% 0.265 301.924);
--color-gray-50: oklch(98.5% 0.002 247.839);
--color-gray-100: oklch(96.7% 0.003 264.542);
--color-gray-200: oklch(92.8% 0.006 264.531);
--color-gray-300: oklch(87.2% 0.01 258.338);
--color-gray-400: oklch(70.7% 0.022 261.325);
--color-gray-500: oklch(55.1% 0.027 264.364);
--color-gray-600: oklch(44.6% 0.03 256.802);
--color-gray-700: oklch(37.3% 0.034 259.733);
--color-gray-900: oklch(21% 0.034 264.665);
--color-zinc-800: oklch(27.4% 0.006 286.033);
--color-zinc-900: oklch(21% 0.006 285.885);
--color-zinc-950: oklch(14.1% 0.005 285.823);
--color-neutral-50: oklch(98.5% 0 0);
--color-neutral-200: oklch(92.2% 0 0);
--color-neutral-300: oklch(87% 0 0);
--color-neutral-400: oklch(70.8% 0 0);
--color-neutral-500: oklch(55.6% 0 0);
--color-neutral-700: oklch(37.1% 0 0);
--color-neutral-800: oklch(26.9% 0 0);
--color-black: #000;
--color-white: #fff;
--spacing: 0.25rem;
--container-xs: 20rem;
--container-sm: 24rem;
--container-md: 28rem;
--container-lg: 32rem;
--container-xl: 36rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--container-4xl: 56rem;
--container-5xl: 64rem;
--container-7xl: 80rem;
--text-xs: 0.75rem;
--text-xs--line-height: calc(1 / 0.75);
--text-sm: 0.875rem;
--text-sm--line-height: calc(1.25 / 0.875);
--text-base: 1rem;
--text-base--line-height: calc(1.5 / 1);
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: calc(2.25 / 1.875);
--text-4xl: 2.25rem;
--text-4xl--line-height: calc(2.5 / 2.25);
--text-5xl: 3rem;
--text-5xl--line-height: 1;
--text-6xl: 3.75rem;
--text-6xl--line-height: 1;
--text-7xl: 4.5rem;
--text-7xl--line-height: 1;
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--tracking-tighter: -0.05em;
--tracking-tight: -0.025em;
--tracking-normal: 0em;
--tracking-wide: 0.025em;
--tracking-wider: 0.05em;
--tracking-widest: 0.1em;
--leading-tight: 1.25;
--leading-snug: 1.375;
--leading-normal: 1.5;
--leading-relaxed: 1.625;
--radius-xs: 4px;
--radius-sm: calc(var(--radius) - 4px);
--radius-md: calc(var(--radius) - 2px);
--radius-lg: var(--radius);
--radius-xl: calc(var(--radius) + 4px);
--shadow-sm: 0 1px 2px 0 #1018280f;
--shadow-md: 0 4px 2px -2px #1018280f;
--shadow-lg: 0 4px 6px -2px #10182808;
--ease-in: cubic-bezier(0.4, 0, 1, 1);
--ease-out: cubic-bezier(0, 0, 0.2, 1);
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--animate-spin: spin 1s linear infinite;
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
--blur-sm: 8px;
--blur-md: 12px;
--blur-xl: 24px;
--blur-2xl: 40px;
--aspect-video: 16 / 9;
--default-transition-duration: 150ms;
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
--font-zalando-sans: "Zalando Sans", sans-serif;
--font-nanum-pen: "Nanum Pen Script", cursive;
--color-sprout-color-primary-lightest: #fff1eb;
--color-sprout-color-primary-lighter: #ffb89a;
--color-sprout-color-primary: #fd6a35;
--color-sprout-color-primary-darker: #cc4b23;
--color-uc-dark: var(--color-sprout-color-background-dark);
--color-uc-dark-card: var(--color-sprout-color-background-weaker-2);
--color-sprout-color-secondary-lightest: #f2eeff;
--color-sprout-color-secondary-lighter: #b8a9ff;
--color-sprout-color-secondary: #5202fd;
--color-sprout-color-background-weaker: #ffffff;
--color-sprout-color-background-weaker-2: rgba(255, 255, 255, 0.1);
--color-sprout-color-background-default: #f4f4f4;
--color-sprout-color-background-stronger: #ebebeb;
--color-sprout-color-background-strongest: #e3e3ed;
--color-sprout-color-background-dark: #171717;
--color-sprout-color-background-dark-2: #202020;
--color-sprout-color-background-blue: #3600af;
--color-sprout-color-text-default: #0a0a0a;
--color-sprout-color-text-weaker: #737373;
--color-sprout-color-text-weakest: #a3a3a3;
--color-sprout-color-text-stronger: #171717;
--color-sprout-color-text-disabled: #737373;
--color-sprout-color-text-white: #ffffff;
--color-sprout-color-border-weak: #e5e5e5;
--color-sprout-color-border-default: #d4d4d4;
--color-sprout-color-border-dark-weak: #737373;
--color-sprout-color-border-dark-default: #404040;
--color-sprout-color-success: #2ea343;
--color-sprout-color-success-darker: #0a842a;
--color-sprout-color-secondary-darker: #3600af;
--color-sprout-color-error-lightest: #fff2ef;
--color-sprout-color-error: #f65258;
--color-primary: var(--primary);
--color-titlelight: #0d0d0d;
--color-neutral: #d6d6d6;
--shadow-sprout-2xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--shadow-sprout-xs: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
--radius-sprout-12: 12px;
--radius-sprout-infinite: 9999px;
--spacing-sprout-8: 8px;
--spacing-sprout-10: 10px;
--spacing-sprout-12: 12px;
--spacing-sprout-16: 16px;
--spacing-sprout-20: 20px;
--spacing-sprout-24: 24px;
--spacing-sprout-32: 32px;
--spacing-sprout-40: 40px;
--spacing-sprout-48: 48px;
--spacing-sprout-56: 56px;
--spacing-sprout-64: 64px;
--spacing-sprout-80: 80px;
--color-border: var(--border);
}}@layer base{:where(.uc-awf), :where(.uc-awf) *, :where(.uc-awf) *::after, :where(.uc-awf) *::before, :where(.uc-awf) *::backdrop, :where(.uc-awf) *::file-selector-button{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0 solid;
}:where(.uc-awf){
line-height: 1.5;
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}:where(.uc-awf) hr{
height: 0;
color: inherit;
border-top-width: 1px;
}:where(.uc-awf) abbr:where([title]){
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}:where(.uc-awf) h1, :where(.uc-awf) h2, :where(.uc-awf) h3, :where(.uc-awf) h4, :where(.uc-awf) h5, :where(.uc-awf) h6{
font-size: inherit;
font-weight: inherit;
}:where(.uc-awf) a{
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}:where(.uc-awf) b, :where(.uc-awf) strong{
font-weight: bolder;
}:where(.uc-awf) code, :where(.uc-awf) kbd, :where(.uc-awf) samp, :where(.uc-awf) pre{
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}:where(.uc-awf) small{
font-size: 80%;
}:where(.uc-awf) sub, :where(.uc-awf) sup{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}:where(.uc-awf) sub{
bottom: -0.25em;
}:where(.uc-awf) sup{
top: -0.5em;
}:where(.uc-awf) table{
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}:where(.uc-awf) :-moz-focusring{
outline: auto;
}:where(.uc-awf) progress{
vertical-align: baseline;
}:where(.uc-awf) summary{
display: list-item;
}:where(.uc-awf) ol, :where(.uc-awf) ul, :where(.uc-awf) menu{
list-style: none;
}:where(.uc-awf) img, :where(.uc-awf) svg, :where(.uc-awf) video, :where(.uc-awf) canvas, :where(.uc-awf) audio, :where(.uc-awf) iframe, :where(.uc-awf) embed, :where(.uc-awf) object{
display: block;
vertical-align: middle;
}:where(.uc-awf) img, :where(.uc-awf) video{
max-width: 100%;
height: auto;
}:where(.uc-awf) button, :where(.uc-awf) input, :where(.uc-awf) select, :where(.uc-awf) optgroup, :where(.uc-awf) textarea, :where(.uc-awf) ::file-selector-button{
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
border-radius: 0;
background-color: transparent;
opacity: 1;
}:where(.uc-awf) :where(select:is([multiple], [size])) optgroup{
font-weight: bolder;
}:where(.uc-awf) :where(select:is([multiple], [size])) optgroup option{
padding-inline-start: 20px;
}:where(.uc-awf) ::file-selector-button{
margin-inline-end: 4px;
}:where(.uc-awf) ::placeholder{
opacity: 1;
}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){:where(.uc-awf) ::placeholder{
color: currentcolor;
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}}:where(.uc-awf) textarea{
resize: vertical;
}:where(.uc-awf) ::-webkit-search-decoration{
-webkit-appearance: none;
}:where(.uc-awf) ::-webkit-date-and-time-value{
min-height: 1lh;
text-align: inherit;
}:where(.uc-awf) ::-webkit-datetime-edit{
display: inline-flex;
}:where(.uc-awf) ::-webkit-datetime-edit-fields-wrapper{
padding: 0;
}:where(.uc-awf) ::-webkit-datetime-edit, :where(.uc-awf) ::-webkit-datetime-edit-year-field, :where(.uc-awf) ::-webkit-datetime-edit-month-field, :where(.uc-awf) ::-webkit-datetime-edit-day-field, :where(.uc-awf) ::-webkit-datetime-edit-hour-field, :where(.uc-awf) ::-webkit-datetime-edit-minute-field, :where(.uc-awf) ::-webkit-datetime-edit-second-field, :where(.uc-awf) ::-webkit-datetime-edit-millisecond-field, :where(.uc-awf) ::-webkit-datetime-edit-meridiem-field{
padding-block: 0;
}:where(.uc-awf) ::-webkit-calendar-picker-indicator{
line-height: 1;
}:where(.uc-awf) :-moz-ui-invalid{
box-shadow: none;
}:where(.uc-awf) button, :where(.uc-awf) input:where([type="button"], [type="reset"], [type="submit"]), :where(.uc-awf) ::file-selector-button{
appearance: button;
}:where(.uc-awf) ::-webkit-inner-spin-button, :where(.uc-awf) ::-webkit-outer-spin-button{
height: auto;
}:where(.uc-awf) [hidden]:where(:not([hidden="until-found"])){
display: none !important;
}}@layer utilities{:where(.uc-awf) .absolute{
position: absolute;
}:where(.uc-awf) .relative{
position: relative;
}:where(.uc-awf) .sticky{
position: sticky;
}:where(.uc-awf) .inset-0{
inset: calc(var(--spacing) * 0);
}:where(.uc-awf) .top-1\/2{
top: calc(1/2 * 100%);
}:where(.uc-awf) .top-3{
top: calc(var(--spacing) * 3);
}:where(.uc-awf) .top-28{
top: calc(var(--spacing) * 28);
}:where(.uc-awf) .top-full{
top: 100%;
}:where(.uc-awf) .right-3{
right: calc(var(--spacing) * 3);
}:where(.uc-awf) .left-1\/2{
left: calc(1/2 * 100%);
}:where(.uc-awf) .isolate{
isolation: isolate;
}:where(.uc-awf) .z-10{
z-index: 10;
}:where(.uc-awf) .mx-auto{
margin-inline: auto;
}:where(.uc-awf) .-my-1\.5{
margin-block: calc(var(--spacing) * -1.5);
}:where(.uc-awf) .\!mt-3{
margin-top: calc(var(--spacing) * 3) !important;
}:where(.uc-awf) .mt-0\.5{
margin-top: calc(var(--spacing) * 0.5);
}:where(.uc-awf) .mt-1{
margin-top: calc(var(--spacing) * 1);
}:where(.uc-awf) .mt-3{
margin-top: calc(var(--spacing) * 3);
}:where(.uc-awf) .mt-6{
margin-top: calc(var(--spacing) * 6);
}:where(.uc-awf) .mt-auto{
margin-top: auto;
}:where(.uc-awf) .mt-sprout-8{
margin-top: var(--spacing-sprout-8);
}:where(.uc-awf) .mt-sprout-12{
margin-top: var(--spacing-sprout-12);
}:where(.uc-awf) .mt-sprout-40{
margin-top: var(--spacing-sprout-40);
}:where(.uc-awf) .mt-sprout-48{
margin-top: var(--spacing-sprout-48);
}:where(.uc-awf) .\!mb-0{
margin-bottom: calc(var(--spacing) * 0) !important;
}:where(.uc-awf) .mb-4{
margin-bottom: calc(var(--spacing) * 4);
}:where(.uc-awf) .mb-sprout-16{
margin-bottom: var(--spacing-sprout-16);
}:where(.uc-awf) .mb-sprout-24{
margin-bottom: var(--spacing-sprout-24);
}:where(.uc-awf) .mb-sprout-40{
margin-bottom: var(--spacing-sprout-40);
}:where(.uc-awf) .block{
display: block;
}:where(.uc-awf) .flex{
display: flex;
}:where(.uc-awf) .grid{
display: grid;
}:where(.uc-awf) .hidden{
display: none;
}:where(.uc-awf) .inline-grid{
display: inline-grid;
}:where(.uc-awf) .aspect-video{
aspect-ratio: var(--aspect-video);
}:where(.uc-awf) .h-5{
height: calc(var(--spacing) * 5);
}:where(.uc-awf) .h-10{
height: calc(var(--spacing) * 10);
}:where(.uc-awf) .h-11{
height: calc(var(--spacing) * 11);
}:where(.uc-awf) .h-\[18px\]{
height: 18px;
}:where(.uc-awf) .h-\[22px\]{
height: 22px;
}:where(.uc-awf) .h-\[73px\]{
height: 73px;
}:where(.uc-awf) .h-\[660px\]{
height: 660px;
}:where(.uc-awf) .h-full{
height: 100%;
}:where(.uc-awf) .min-h-\[325px\]{
min-height: 325px;
}:where(.uc-awf) .w-5{
width: calc(var(--spacing) * 5);
}:where(.uc-awf) .w-10{
width: calc(var(--spacing) * 10);
}:where(.uc-awf) .w-11{
width: calc(var(--spacing) * 11);
}:where(.uc-awf) .w-\[18px\]{
width: 18px;
}:where(.uc-awf) .w-\[22px\]{
width: 22px;
}:where(.uc-awf) .w-full{
width: 100%;
}:where(.uc-awf) .w-px{
width: 1px;
}:where(.uc-awf) .max-w-\[441px\]{
max-width: 441px;
}:where(.uc-awf) .max-w-\[515px\]{
max-width: 515px;
}:where(.uc-awf) .max-w-\[560px\]{
max-width: 560px;
}:where(.uc-awf) .max-w-\[701px\]{
max-width: 701px;
}:where(.uc-awf) .max-w-\[1080px\]{
max-width: 1080px;
}:where(.uc-awf) .max-w-\[1120px\]{
max-width: 1120px;
}:where(.uc-awf) .min-w-0{
min-width: calc(var(--spacing) * 0);
}:where(.uc-awf) .flex-1{
flex: 1;
}:where(.uc-awf) .shrink-0{
flex-shrink: 0;
}:where(.uc-awf) .-translate-x-1\/2{
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}:where(.uc-awf) .-translate-y-1\/2{
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}:where(.uc-awf) .grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}:where(.uc-awf) .flex-col{
flex-direction: column;
}:where(.uc-awf) .place-items-center{
place-items: center;
}:where(.uc-awf) .items-center{
align-items: center;
}:where(.uc-awf) .items-start{
align-items: flex-start;
}:where(.uc-awf) .items-stretch{
align-items: stretch;
}:where(.uc-awf) .justify-between{
justify-content: space-between;
}:where(.uc-awf) .gap-2{
gap: calc(var(--spacing) * 2);
}:where(.uc-awf) .gap-2\.5{
gap: calc(var(--spacing) * 2.5);
}:where(.uc-awf) .gap-3{
gap: calc(var(--spacing) * 3);
}:where(.uc-awf) .gap-3\.5{
gap: calc(var(--spacing) * 3.5);
}:where(.uc-awf) .gap-4{
gap: calc(var(--spacing) * 4);
}:where(.uc-awf) .gap-5{
gap: calc(var(--spacing) * 5);
}:where(.uc-awf) .gap-6{
gap: calc(var(--spacing) * 6);
}:where(.uc-awf) .gap-8{
gap: calc(var(--spacing) * 8);
}:where(.uc-awf) .gap-28{
gap: calc(var(--spacing) * 28);
}:where(.uc-awf) .gap-\[12px\]{
gap: 12px;
}:where(.uc-awf) .gap-sprout-16{
gap: var(--spacing-sprout-16);
}:where(.uc-awf) .gap-x-10{
column-gap: calc(var(--spacing) * 10);
}:where(.uc-awf) .gap-x-12{
column-gap: calc(var(--spacing) * 12);
}:where(.uc-awf) .gap-x-\[80px\]{
column-gap: 80px;
}:where(.uc-awf) .gap-y-2{
row-gap: calc(var(--spacing) * 2);
}:where(.uc-awf) .gap-y-8{
row-gap: calc(var(--spacing) * 8);
}:where(.uc-awf) .gap-y-10{
row-gap: calc(var(--spacing) * 10);
}:where(.uc-awf) .self-start{
align-self: flex-start;
}:where(.uc-awf) .self-stretch{
align-self: stretch;
}:where(.uc-awf) .overflow-hidden{
overflow: hidden;
}:where(.uc-awf) .rounded-\[10px\]{
border-radius: 10px;
}:where(.uc-awf) .rounded-\[11px\]{
border-radius: 11px;
}:where(.uc-awf) .rounded-\[12px\]{
border-radius: 12px;
}:where(.uc-awf) .rounded-\[16px\]{
border-radius: 16px;
}:where(.uc-awf) .rounded-\[20px\]{
border-radius: 20px;
}:where(.uc-awf) .rounded-\[24px\]{
border-radius: 24px;
}:where(.uc-awf) .rounded-full{
border-radius: calc(infinity * 1px);
}:where(.uc-awf) .border{
border-style: var(--tw-border-style);
border-width: 1px;
}:where(.uc-awf) .border-b{
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}:where(.uc-awf) .border-sprout-color-border-weak{
border-color: var(--color-sprout-color-border-weak);
}:where(.uc-awf) .bg-black\/55{
background-color: color-mix(in srgb, #000 55%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-black) 55%, transparent);
}
}:where(.uc-awf) .bg-sprout-color-background-default{
background-color: var(--color-sprout-color-background-default);
}:where(.uc-awf) .bg-sprout-color-background-stronger{
background-color: var(--color-sprout-color-background-stronger);
}:where(.uc-awf) .bg-sprout-color-background-weaker{
background-color: var(--color-sprout-color-background-weaker);
}:where(.uc-awf) .object-cover{
object-fit: cover;
}:where(.uc-awf) .p-1{
padding: calc(var(--spacing) * 1);
}:where(.uc-awf) .p-3{
padding: calc(var(--spacing) * 3);
}:where(.uc-awf) .p-5{
padding: calc(var(--spacing) * 5);
}:where(.uc-awf) .p-6{
padding: calc(var(--spacing) * 6);
}:where(.uc-awf) .p-\[9px\]{
padding: 9px;
}:where(.uc-awf) .p-sprout-20{
padding: var(--spacing-sprout-20);
}:where(.uc-awf) .px-3{
padding-inline: calc(var(--spacing) * 3);
}:where(.uc-awf) .py-3{
padding-block: calc(var(--spacing) * 3);
}:where(.uc-awf) .py-5{
padding-block: calc(var(--spacing) * 5);
}:where(.uc-awf) .py-sprout-8{
padding-block: var(--spacing-sprout-8);
}:where(.uc-awf) .pt-0\.5{
padding-top: calc(var(--spacing) * 0.5);
}:where(.uc-awf) .pt-3\.5{
padding-top: calc(var(--spacing) * 3.5);
}:where(.uc-awf) .pt-10{
padding-top: calc(var(--spacing) * 10);
}:where(.uc-awf) .pb-2\.5{
padding-bottom: calc(var(--spacing) * 2.5);
}:where(.uc-awf) .text-left{
text-align: left;
}:where(.uc-awf) .font-zalando-sans{
font-family: var(--font-zalando-sans);
}:where(.uc-awf) .text-\[12px\]{
font-size: 12px;
}:where(.uc-awf) .text-\[15px\]{
font-size: 15px;
}:where(.uc-awf) .text-\[16px\]{
font-size: 16px;
}:where(.uc-awf) .text-\[17px\]{
font-size: 17px;
}:where(.uc-awf) .text-\[18px\]{
font-size: 18px;
}:where(.uc-awf) .text-\[20px\]{
font-size: 20px;
}:where(.uc-awf) .text-\[48px\]{
font-size: 48px;
}:where(.uc-awf) .leading-6{
--tw-leading: calc(var(--spacing) * 6);
line-height: calc(var(--spacing) * 6);
}:where(.uc-awf) .leading-\[50px\]{
--tw-leading: 50px;
line-height: 50px;
}:where(.uc-awf) .leading-relaxed{
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}:where(.uc-awf) .leading-tight{
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
}:where(.uc-awf) .font-medium{
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}:where(.uc-awf) .font-normal{
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}:where(.uc-awf) .font-semibold{
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}:where(.uc-awf) .\!tracking-\[-\.03em\]{
--tw-tracking: -.03em !important;
letter-spacing: -.03em !important;
}:where(.uc-awf) .tracking-\[-\.01em\]{
--tw-tracking: -.01em;
letter-spacing: -.01em;
}:where(.uc-awf) .tracking-\[-\.03em\]{
--tw-tracking: -.03em;
letter-spacing: -.03em;
}:where(.uc-awf) .tracking-\[-0\.01em\]{
--tw-tracking: -0.01em;
letter-spacing: -0.01em;
}:where(.uc-awf) .tracking-\[2px\]{
--tw-tracking: 2px;
letter-spacing: 2px;
}:where(.uc-awf) .whitespace-nowrap{
white-space: nowrap;
}:where(.uc-awf) .\!text-sprout-color-text-default{
color: var(--color-sprout-color-text-default) !important;
}:where(.uc-awf) .text-sprout-color-primary{
color: var(--color-sprout-color-primary);
}:where(.uc-awf) .text-sprout-color-text-default{
color: var(--color-sprout-color-text-default);
}:where(.uc-awf) .text-sprout-color-text-weaker{
color: var(--color-sprout-color-text-weaker);
}:where(.uc-awf) .no-underline{
text-decoration-line: none;
}:where(.uc-awf) .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-awf) .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-awf) .backdrop-blur-sm{
--tw-backdrop-blur: blur(var(--blur-sm));
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}:where(.uc-awf) .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-awf) .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-awf) .duration-200{
--tw-duration: 200ms;
transition-duration: 200ms;
}:where(.uc-awf) .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-awf) .last\:border-0{
&:last-child {
border-style: var(--tw-border-style);
border-width: 0px;
}
}:where(.uc-awf) .hover\:border-sprout-color-border-default{
&:hover {
@media (hover: hover) {
border-color: var(--color-sprout-color-border-default);
}
}
}:where(.uc-awf) .sm\:grid-cols-3{
@media (width >= 40rem) {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}:where(.uc-awf) .md\:block{
@media (width >= 48rem) {
display: block;
}
}:where(.uc-awf) .md\:grid-cols-2{
@media (width >= 48rem) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}:where(.uc-awf) .lg\:block{
@media (width >= 64rem) {
display: block;
}
}:where(.uc-awf) .lg\:grid-cols-2{
@media (width >= 64rem) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}:where(.uc-awf) .lg\:grid-cols-3{
@media (width >= 64rem) {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}:where(.uc-awf) .lg\:grid-cols-\[160px_minmax\(0\,1fr\)\]{
@media (width >= 64rem) {
grid-template-columns: 160px minmax(0,1fr);
}
}:where(.uc-awf) .lg\:grid-cols-\[minmax\(0\,1\.38fr\)_minmax\(0\,1fr\)\]{
@media (width >= 64rem) {
grid-template-columns: minmax(0,1.38fr) minmax(0,1fr);
}
}:where(.uc-awf) .lg\:grid-cols-\[minmax\(0\,756px\)_minmax\(0\,1fr\)\]{
@media (width >= 64rem) {
grid-template-columns: minmax(0,756px) minmax(0,1fr);
}
}:where(.uc-awf) .lg\:flex-row{
@media (width >= 64rem) {
flex-direction: row;
}
}:where(.uc-awf) .lg\:items-end{
@media (width >= 64rem) {
align-items: flex-end;
}
}:where(.uc-awf) .lg\:items-start{
@media (width >= 64rem) {
align-items: flex-start;
}
}:where(.uc-awf) .lg\:justify-between{
@media (width >= 64rem) {
justify-content: space-between;
}
}:where(.uc-awf) .lg\:pt-5{
@media (width >= 64rem) {
padding-top: calc(var(--spacing) * 5);
}
}:where(.uc-awf) .last\:lg\:min-h-\[630px\]{
&:last-child {
@media (width >= 64rem) {
min-height: 630px;
}
}
}}@property --tw-animation-delay{
syntax: "*";
inherits: false;
initial-value: 0s;
}@property --tw-animation-direction{
syntax: "*";
inherits: false;
initial-value: normal;
}@property --tw-animation-duration{
syntax: "*";
inherits: false;
}@property --tw-animation-fill-mode{
syntax: "*";
inherits: false;
initial-value: none;
}@property --tw-animation-iteration-count{
syntax: "*";
inherits: false;
initial-value: 1;
}@property --tw-enter-blur{
syntax: "*";
inherits: false;
initial-value: 0;
}@property --tw-enter-opacity{
syntax: "*";
inherits: false;
initial-value: 1;
}@property --tw-enter-rotate{
syntax: "*";
inherits: false;
initial-value: 0;
}@property --tw-enter-scale{
syntax: "*";
inherits: false;
initial-value: 1;
}@property --tw-enter-translate-x{
syntax: "*";
inherits: false;
initial-value: 0;
}@property --tw-enter-translate-y{
syntax: "*";
inherits: false;
initial-value: 0;
}@property --tw-exit-blur{
syntax: "*";
inherits: false;
initial-value: 0;
}@property --tw-exit-opacity{
syntax: "*";
inherits: false;
initial-value: 1;
}@property --tw-exit-rotate{
syntax: "*";
inherits: false;
initial-value: 0;
}@property --tw-exit-scale{
syntax: "*";
inherits: false;
initial-value: 1;
}@property --tw-exit-translate-x{
syntax: "*";
inherits: false;
initial-value: 0;
}@property --tw-exit-translate-y{
syntax: "*";
inherits: false;
initial-value: 0;
}:where(.uc-awf).uc-night .uc-logo-figma, :where(.uc-awf).uc-night .uc-logo-figma:hover{
filter: brightness(0) invert(1) !important;
}.uc-awf{
--radius: 0.625rem;
--card: oklch(1 0 0);
--card-foreground: oklch(0.145 0 0);
--popover: oklch(1 0 0);
--popover-foreground: oklch(0.145 0 0);
--primary: oklch(0.205 0 0);
--primary-foreground: oklch(0.985 0 0);
--secondary: oklch(0.97 0 0);
--secondary-foreground: oklch(0.205 0 0);
--muted: oklch(0.97 0 0);
--muted-foreground: oklch(0.556 0 0);
--accent: oklch(0.97 0 0);
--accent-foreground: oklch(0.205 0 0);
--destructive: oklch(0.577 0.245 27.325);
--border: oklch(0.922 0 0);
--input: oklch(0.922 0 0);
--ring: oklch(0.708 0 0);
--chart-1: oklch(0.646 0.222 41.116);
--chart-2: oklch(0.6 0.118 184.704);
--chart-3: oklch(0.398 0.07 227.392);
--chart-4: oklch(0.828 0.189 84.429);
--chart-5: oklch(0.769 0.188 70.08);
--sidebar: oklch(0.985 0 0);
--sidebar-foreground: oklch(0.145 0 0);
--sidebar-primary: oklch(0.205 0 0);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.97 0 0);
--sidebar-accent-foreground: oklch(0.205 0 0);
--sidebar-border: oklch(0.922 0 0);
--sidebar-ring: oklch(0.708 0 0);
--color-bg-sprout-color-secondary: #6a35ff;
--color-bg-sprout-color-secondary-light: #7a4bff;
--background: oklch(1 0 0);
--foreground: oklch(0.145 0 0);
}:where(.uc-awf) .dark{
--background: oklch(0.145 0 0);
--foreground: oklch(0.985 0 0);
--card: oklch(0.205 0 0);
--card-foreground: oklch(0.985 0 0);
--popover: oklch(0.205 0 0);
--popover-foreground: oklch(0.985 0 0);
--primary: oklch(0.922 0 0);
--primary-foreground: oklch(0.205 0 0);
--secondary: oklch(0.269 0 0);
--secondary-foreground: oklch(0.985 0 0);
--muted: oklch(0.269 0 0);
--muted-foreground: oklch(0.708 0 0);
--accent: oklch(0.269 0 0);
--accent-foreground: oklch(0.985 0 0);
--destructive: oklch(0.704 0.191 22.216);
--border: oklch(1 0 0 / 10%);
--input: oklch(1 0 0 / 15%);
--ring: oklch(0.556 0 0);
--chart-1: oklch(0.488 0.243 264.376);
--chart-2: oklch(0.696 0.17 162.48);
--chart-3: oklch(0.769 0.188 70.08);
--chart-4: oklch(0.627 0.265 303.9);
--chart-5: oklch(0.645 0.246 16.439);
--sidebar: oklch(0.205 0 0);
--sidebar-foreground: oklch(0.985 0 0);
--sidebar-primary: oklch(0.488 0.243 264.376);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.269 0 0);
--sidebar-accent-foreground: oklch(0.985 0 0);
--sidebar-border: oklch(1 0 0 / 10%);
--sidebar-ring: oklch(0.556 0 0);
}:where(.uc-awf) .prose-content img{
border-radius: 12px;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
display: block;
max-width: none;
width: calc(100% + 340px);
margin-left: -120px;
margin-right: -120px;
}@media (max-width: 1024px){:where(.uc-awf) .prose-content img{
width: calc(100% + 120px);
margin-left: -60px;
margin-right: -60px;
}}@media (max-width: 768px){:where(.uc-awf) .prose-content img{
width: 100%;
margin-left: 0;
margin-right: 0;
}}:where(.uc-awf) .hero-gradient-fade{
mask-image: linear-gradient(to bottom, black 0%, black 20%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.2) 75%, transparent 100%);
-webkit-mask-image: linear-gradient(to bottom, black 0%, black 20%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.2) 75%, transparent 100%);
}:where(.uc-awf) .hero-image-mask{
mask-image: linear-gradient(to bottom, black 0%, black 70%, transparent 100%);
-webkit-mask-image: linear-gradient(to bottom, black 0%, black 70%, transparent 100%);
}@media (min-width: 768px){:where(.uc-awf) .hero-image-mask{
mask-image: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, black 5%, black 85%, transparent 100%);
-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, black 5%, black 85%, transparent 100%);
}}@keyframes gradientCycle1{
0%, 5% {
opacity: 0.85;
}
28%, 38% {
opacity: 0;
}
66%, 76% {
opacity: 0;
}
90%, 100% {
opacity: 0.85;
}
}@keyframes gradientCycle2{
0%, 5% {
opacity: 0;
}
28%, 38% {
opacity: 0.85;
}
66%, 76% {
opacity: 0;
}
90%, 100% {
opacity: 0;
}
}@keyframes gradientCycle3{
0%, 5% {
opacity: 0;
}
28%, 38% {
opacity: 0;
}
66%, 76% {
opacity: 0.85;
}
90%, 100% {
opacity: 0;
}
}:where(.uc-awf) .animate-gradient-cycle-1{
animation: gradientCycle1 9s ease-in-out infinite;
}:where(.uc-awf) .animate-gradient-cycle-2{
animation: gradientCycle2 9s ease-in-out infinite;
}:where(.uc-awf) .animate-gradient-cycle-3{
animation: gradientCycle3 9s ease-in-out infinite;
}@keyframes float-diagonal{
0%,
100% {
transform: translate(0, 0);
}
25% {
transform: translate(30px, -20px);
}
50% {
transform: translate(60px, 0);
}
75% {
transform: translate(30px, 20px);
}
}@keyframes float-vertical{
0%,
100% {
transform: translate(-50%, 0);
}
50% {
transform: translate(-50%, -40px);
}
}@keyframes float-circular{
0%,
100% {
transform: translate(0, 0);
}
25% {
transform: translate(-30px, -30px);
}
50% {
transform: translate(-60px, 0);
}
75% {
transform: translate(-30px, 30px);
}
}@keyframes panelIn{
from {
opacity: 0;
transform: translateY(-12px) scale(0.98);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}:where(.uc-awf) .animate-panel-in{
animation: panelIn 300ms cubic-bezier(0.4, 0, 0.2, 1);
}@keyframes gravityDrop{
0% {
opacity: 0;
transform: translate3d(0, -150px, 0) rotate(calc(var(--tilt, 0deg) - 7deg));
animation-timing-function: cubic-bezier(0.45, 0, 0.9, 0.65);
}
12% {
opacity: 1;
}
50% {
transform: translate3d(0, 0, 0) rotate(calc(var(--tilt, 0deg) + 1.6deg));
animation-timing-function: cubic-bezier(0.15, 0.6, 0.35, 1);
}
64% {
transform: translate3d(0, -13px, 0) rotate(var(--tilt, 0deg));
animation-timing-function: cubic-bezier(0.6, 0, 0.9, 0.6);
}
78% {
transform: translate3d(0, 0, 0) rotate(calc(var(--tilt, 0deg) + 0.5deg));
animation-timing-function: cubic-bezier(0.15, 0.6, 0.35, 1);
}
88% {
transform: translate3d(0, -4px, 0) rotate(var(--tilt, 0deg));
animation-timing-function: cubic-bezier(0.6, 0, 0.9, 0.6);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0) rotate(var(--tilt, 0deg));
}
}:where(.uc-awf) .animate-gravity-drop{
animation: gravityDrop 1100ms both;
will-change: transform, opacity;
}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .animate-gravity-drop{
animation: none;
opacity: 1;
transform: rotate(var(--tilt, 0deg));
}}@layer base{:where(.uc-awf), :where(.uc-awf) *{
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-awf{
background-color: var(--background);
color: var(--foreground);
overflow-x: clip;
max-width: 100%;
}html:has(.uc-awf)::-webkit-scrollbar, body:has(.uc-awf)::-webkit-scrollbar{
width: 14px;
background: transparent;
}html:has(.uc-awf)::-webkit-scrollbar-track, body:has(.uc-awf)::-webkit-scrollbar-track{
background: transparent;
}html:has(.uc-awf)::-webkit-scrollbar-thumb, body:has(.uc-awf)::-webkit-scrollbar-thumb{
background-color: #b0b0b0;
border-radius: 9999px;
border: 4px solid transparent;
background-clip: content-box;
min-height: 48px;
}html:has(.uc-awf)::-webkit-scrollbar-thumb:hover, body:has(.uc-awf)::-webkit-scrollbar-thumb:hover{
background-color: #8a8a8a;
}html:has(.uc-awf)::-webkit-scrollbar-button:single-button, body:has(.uc-awf)::-webkit-scrollbar-button:single-button{
background-repeat: no-repeat;
background-position: center;
background-size: 8px;
height: 14px;
width: 14px;
}html:has(.uc-awf)::-webkit-scrollbar-button:single-button:vertical:decrement, body:has(.uc-awf)::-webkit-scrollbar-button:single-button:vertical:decrement{
background-image: url("data:image/svg+xml;utf8,");
}html:has(.uc-awf)::-webkit-scrollbar-button:single-button:vertical:increment, body:has(.uc-awf)::-webkit-scrollbar-button:single-button:vertical:increment{
background-image: url("data:image/svg+xml;utf8,");
}@supports not selector(::-webkit-scrollbar){.uc-awf{
scrollbar-width: thin;
scrollbar-color: #b0b0b0 transparent;
}}:where(.uc-awf) ::selection{
background-color: rgba(82, 2, 253, 0.18) !important;
}:where(.uc-awf) ::-moz-selection{
background-color: rgba(82, 2, 253, 0.18) !important;
}}@font-face{
font-family: "Zalando Sans";
src: url("/wp-content/uploads/2026/09/fonts-ZalandoSans-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}@font-face{
font-family: "Zalando Sans";
src: url("/wp-content/uploads/2026/09/fonts-ZalandoSans-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}@font-face{
font-family: "Zalando Sans";
src: url("/wp-content/uploads/2026/09/fonts-ZalandoSans-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}@font-face{
font-family: "Zalando Sans";
src: url("/wp-content/uploads/2026/09/fonts-ZalandoSans-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}@layer utilities{}@media (max-width: 1024px){:where(.uc-awf) .sprout-heading-2xl-semibold{
font-size: 60px;
line-height: 70px;
}:where(.uc-awf) .sprout-heading-lg-medium{
font-size: 32px;
line-height: 44px;
}:where(.uc-awf) .sprout-heading-md-medium{
font-size: 28px;
line-height: 36px;
}:where(.uc-awf) .sprout-heading-xs-medium{
font-size: 20px;
line-height: 28px;
}:where(.uc-awf) .sprout-body-md-regular, :where(.uc-awf) .sprout-body-md-medium, :where(.uc-awf) .sprout-body-md-semibold, :where(.uc-awf) .sprout-body-md-regular-italic{
font-size: 15px;
line-height: 22px;
}:where(.uc-awf) .sprout-body-sm-medium, :where(.uc-awf) .sprout-body-sm-regular, :where(.uc-awf) .sprout-body-sm-semibold{
font-size: 13px;
line-height: 18px;
}:where(.uc-awf) .sprout-container{
padding: 60px 15px;
}}@media (max-width: 768px){:where(.uc-awf) .sprout-heading-2xl-semibold{
font-size: 48px;
line-height: 56px;
}:where(.uc-awf) .sprout-heading-lg-medium{
font-size: 28px;
line-height: 30px;
}:where(.uc-awf) .sprout-heading-md-medium{
font-size: 24px;
line-height: 32px;
}:where(.uc-awf) .sprout-heading-xs-medium{
font-size: 18px;
line-height: 24px;
}:where(.uc-awf) .sprout-body-md-regular, :where(.uc-awf) .sprout-body-md-medium, :where(.uc-awf) .sprout-body-md-semibold, :where(.uc-awf) .sprout-body-md-regular-italic{
font-size: 14px;
line-height: 20px;
}:where(.uc-awf) .sprout-body-sm-regular, :where(.uc-awf) .sprout-body-sm-medium, :where(.uc-awf) .sprout-body-sm-semibold{
font-size: 12px;
line-height: 16px;
}:where(.uc-awf) .sprout-container{
padding: 40px 15px;
}:where(.uc-awf) .footer-container{
padding: 15px;
}}@keyframes scrollUp{
0% {
transform: translateY(0%);
}
100% {
transform: translateY(-50%);
}
}@keyframes scrollDown{
0% {
transform: translateY(-50%);
}
100% {
transform: translateY(0%);
}
}:where(.uc-awf) .animate-scrollUp{
animation: scrollUp 20s linear infinite;
}:where(.uc-awf) .animate-scrollDown{
animation: scrollDown 20s linear infinite;
}:where(.uc-awf) input::placeholder, :where(.uc-awf) textarea::placeholder{
color: inherit;
opacity: 0.5;
}@keyframes marquee{
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}:where(.uc-awf) .animate-marquee{
animation: marquee 15s linear infinite;
}@keyframes marquee-reverse{
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(0);
}
}:where(.uc-awf) .animate-marquee-reverse{
animation: marquee-reverse 15s linear infinite;
}@keyframes dotsFlicker{
0%,
100% {
opacity: 0.35;
}
20% {
opacity: 0.8;
}
45% {
opacity: 0.5;
}
70% {
opacity: 1;
}
}.uc-awf{
--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-awf) .ucx-uc-container{
max-width: var(--uc-container-max);
margin-inline: auto;
padding-inline: var(--uc-gutter);
}:where(.uc-awf) .uc-section{
padding-block: var(--uc-section-y);
}:where(.uc-awf) .uc-section-lg{
padding-block: 152px 112px;
}@media (max-width: 1024px){.uc-awf{
--uc-gutter: 32px;
}}@media (max-width: 768px){.uc-awf{
--uc-gutter: 20px;
--uc-section-y: 72px;
}:where(.uc-awf) .uc-section-lg{
padding-block: 88px 64px;
}}:where(.uc-awf) .ds-display{
font-weight: 500;
font-size: 40px;
line-height: 40px;
letter-spacing: -.4px;
color: var(--color-sprout-color-text-default);
}@media (min-width: 768px){:where(.uc-awf) .ds-display{
font-size: 64px;
line-height: 62px;
letter-spacing: -1.3px;
}}:where(.uc-awf) .ds-h2{
font-weight: 500;
font-size: 28px;
line-height: 30px;
letter-spacing: -.28px;
color: var(--color-sprout-color-text-default);
}@media (min-width: 768px){:where(.uc-awf) .ds-h2{
font-size: 36px;
line-height: 38px;
letter-spacing: -.36px;
}}:where(.uc-awf) .ds-t28{
font-weight: 500;
font-size: 28px;
line-height: 30px;
letter-spacing: -.28px;
color: var(--color-sprout-color-text-default);
}:where(.uc-awf) .ds-t24{
font-weight: 500;
font-size: 30px;
line-height: 34px;
letter-spacing: -.3px;
color: var(--color-sprout-color-text-default);
}:where(.uc-awf) .ds-t18{
font-weight: 600;
font-size: 18px;
line-height: 24px;
letter-spacing: -.18px;
color: var(--color-sprout-color-text-default);
}:where(.uc-awf) .ds-lead{
font-weight: 500;
font-size: 18px;
line-height: 24px;
letter-spacing: -.18px;
color: var(--color-sprout-color-text-weaker);
}:where(.uc-awf) .ds-body{
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: -.16px;
color: var(--color-sprout-color-text-weaker);
}:where(.uc-awf) .ds-caption{
font-weight: 500;
font-size: 12px;
line-height: 18px;
letter-spacing: -.16px;
color: var(--color-sprout-color-text-weaker);
}:where(.uc-awf) .ds-caption-regular{
font-weight: 400;
}:where(.uc-awf) .ds-overline{
font-weight: 500;
font-size: 12px;
line-height: 16px;
letter-spacing: .2px;
color: var(--color-sprout-color-text-weaker);
}:where(.uc-awf) .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-awf) .uc-note{
font-family: var(--font-nanum-pen), cursive;
font-size: 18px;
line-height: 1;
background: linear-gradient(110deg,
var(--color-sprout-color-text-weakest) 0%,
var(--color-sprout-color-text-weakest) 42%,
var(--color-sprout-color-text-default) 50%,
var(--color-sprout-color-text-weakest) 58%,
var(--color-sprout-color-text-weakest) 100%);
background-size: 200% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: uc-text-shine 7s linear 5s infinite;
}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .uc-note{
animation: none;
}}@property --uc-angle{
syntax: "";
initial-value: 0deg;
inherits: false;
}@keyframes uc-eyebrow-rotate{
to {
--uc-angle: 360deg;
}
}:where(.uc-awf) .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-awf) .uc-eyebrow::before{
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
padding: 1px;
background: conic-gradient(from var(--uc-angle),
var(--color-sprout-color-border-weak) 0deg,
var(--color-sprout-color-border-weak) 40deg,
var(--color-sprout-color-primary) 95deg,
var(--color-sprout-color-secondary) 150deg,
var(--color-sprout-color-border-weak) 210deg,
var(--color-sprout-color-border-weak) 360deg);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
animation: uc-eyebrow-rotate 4s linear infinite;
pointer-events: none;
}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .uc-eyebrow::before{
animation: none;
}}:where(.uc-awf) .uc-btn{
display: inline-flex;
align-items: center;
justify-content: center;
gap: .5rem;
height: 36px;
padding-inline: 16px;
border-radius: 10px;
font-weight: 500;
font-size: 14px;
letter-spacing: -.07px;
cursor: pointer;
border: 1px solid transparent;
white-space: nowrap;
transition: background .2s, box-shadow .2s, color .2s, border-color .2s, transform .18s cubic-bezier(.2,.7,.2,1);
}:where(.uc-awf) .uc-btn-primary{
background: var(--color-sprout-color-primary);
color: #fff;
box-shadow: var(--shadow-sprout-xs);
}:where(.uc-awf) .uc-btn-primary:hover{
background: var(--color-sprout-color-primary-darker);
transform: translateY(-1px);
}:where(.uc-awf) .uc-btn-secondary{
background: var(--color-sprout-color-secondary);
color: #fff;
box-shadow: var(--shadow-sprout-xs);
}:where(.uc-awf) .uc-btn-secondary:hover{
background: var(--color-sprout-color-secondary-darker);
transform: translateY(-1px);
}:where(.uc-awf) .uc-btn-dark{
background: var(--color-sprout-color-text-default);
color: #fff;
box-shadow: var(--shadow-sprout-xs);
}:where(.uc-awf) .uc-btn-dark:hover{
background: #000;
transform: translateY(-1px);
}:where(.uc-awf) .uc-btn-wire{
background: var(--color-sprout-color-background-weaker);
border-color: var(--color-sprout-color-border-default);
color: var(--color-sprout-color-text-default);
box-shadow: var(--shadow-sprout-2xs);
}:where(.uc-awf) .uc-btn-wire:hover{
background: var(--color-sprout-color-background-stronger);
transform: translateY(-1px);
}:where(.uc-awf) .uc-btn-soft{
background: var(--color-sprout-color-primary-lightest);
color: var(--color-sprout-color-primary-darker);
}:where(.uc-awf) .uc-btn-soft:hover{
background: var(--color-sprout-color-primary-lighter);
}:where(.uc-awf) .uc-btn-lg{
height: 46px;
padding-inline: 22px;
font-size: 15px;
border-radius: 12px;
}:where(.uc-awf) .uc-btn-wire-dark{
background: transparent;
border-color: rgba(255,255,255,.3);
color: #fff;
}:where(.uc-awf) .uc-btn-wire-dark:hover{
border-color: #fff;
transform: translateY(-1px);
}:where(.uc-awf) .uc-badge{
font-style: normal;
font-size: 12px;
line-height: 16px;
font-weight: 500;
padding: 2px 8px;
border-radius: 9999px;
white-space: nowrap;
color: var(--color-sprout-color-primary-darker);
background: var(--color-sprout-color-primary-lightest);
}:where(.uc-awf) .uc-badge-soon{
color: var(--color-sprout-color-background-blue);
background: var(--color-sprout-color-secondary-lightest);
}:where(.uc-awf) .uc-badge-soon-dark{
color: #fff;
background: rgba(255,255,255,.15);
}:where(.uc-awf) .uc-account{
border: 1.5px solid rgba(2,1,8,.2);
}:where(.uc-awf) .uc-account:hover{
border-color: var(--color-sprout-color-text-default);
}:where(.uc-awf) .uc-card-dark{
background: var(--color-uc-dark-card);
border: 1px solid rgba(255,255,255,.1);
transition: transform .22s cubic-bezier(.2,.7,.2,1), border-color .22s;
}:where(.uc-awf) .uc-card-dark:hover{
border-color: color-mix(in srgb, #fd6a35 60%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in srgb, var(--color-sprout-color-primary) 60%, transparent);
}
}:where(.uc-awf) .uc-chip-primary{
color: var(--color-sprout-color-primary);
background: color-mix(in srgb, #fd6a35 12%, #ffffff);
@supports (color: color-mix(in lab, red, red)) {
background: color-mix(in srgb, var(--color-sprout-color-primary) 12%, var(--color-sprout-color-background-weaker));
}
}:where(.uc-awf) .uc-chip-secondary{
color: var(--color-sprout-color-secondary);
background: color-mix(in srgb, #5202fd 12%, #ffffff);
@supports (color: color-mix(in lab, red, red)) {
background: color-mix(in srgb, var(--color-sprout-color-secondary) 12%, var(--color-sprout-color-background-weaker));
}
}:where(.uc-awf) .uc-chip-blue{
color: var(--color-sprout-color-background-blue);
background: color-mix(in srgb, #3600af 12%, #ffffff);
@supports (color: color-mix(in lab, red, red)) {
background: color-mix(in srgb, var(--color-sprout-color-background-blue) 12%, var(--color-sprout-color-background-weaker));
}
}:where(.uc-awf) .uc-chip-editor{
color: var(--color-sprout-color-primary-darker);
background: color-mix(in srgb, #cc4b23 12%, #ffffff);
@supports (color: color-mix(in lab, red, red)) {
background: color-mix(in srgb, var(--color-sprout-color-primary-darker) 12%, var(--color-sprout-color-background-weaker));
}
}:where(.uc-awf) .uc-chip-d-primary{
color: var(--color-sprout-color-primary-lighter);
background: color-mix(in srgb, #fd6a35 22%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background: color-mix(in srgb, var(--color-sprout-color-primary) 22%, transparent);
}
}:where(.uc-awf) .uc-chip-d-secondary{
color: var(--color-sprout-color-secondary-lighter);
background: color-mix(in srgb, #5202fd 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background: color-mix(in srgb, var(--color-sprout-color-secondary) 30%, transparent);
}
}:where(.uc-awf) .uc-chip-d-blue{
color: var(--color-sprout-color-secondary-lighter);
background: color-mix(in srgb, #3600af 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background: color-mix(in srgb, var(--color-sprout-color-background-blue) 40%, transparent);
}
}:where(.uc-awf) .uc-chip-d-editor{
color: var(--color-sprout-color-primary-lighter);
background: color-mix(in srgb, #cc4b23 26%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background: color-mix(in srgb, var(--color-sprout-color-primary-darker) 26%, transparent);
}
}:where(.uc-awf) .uc-dot-primary{
background: var(--color-sprout-color-primary);
}:where(.uc-awf) .uc-dot-secondary{
background: var(--color-sprout-color-secondary);
}:where(.uc-awf) .uc-dot-blue{
background: var(--color-sprout-color-background-blue);
}:where(.uc-awf) .uc-dot-editor{
background: var(--color-sprout-color-primary-darker);
}:where(.uc-awf) .uc-orb-primary{
background: radial-gradient(circle at 32% 28%, var(--color-sprout-color-primary-lighter), var(--color-sprout-color-primary) 54%, var(--color-sprout-color-primary-darker) 92%);
}:where(.uc-awf) .uc-orb-secondary{
background: radial-gradient(circle at 32% 28%, var(--color-sprout-color-secondary-lighter), var(--color-sprout-color-secondary) 56%, #4a25b0 92%);
}:where(.uc-awf) .uc-orb-blue{
background: radial-gradient(circle at 32% 28%, #8f7ce6, var(--color-sprout-color-background-blue) 56%, #170748 95%);
}:where(.uc-awf) .uc-orb-mix{
background: radial-gradient(circle at 30% 30%, var(--color-sprout-color-primary-lighter) 6%, var(--color-sprout-color-primary) 40%, var(--color-sprout-color-secondary) 96%);
}:where(.uc-awf) .uc-orb-slate{
background: radial-gradient(circle at 32% 28%, var(--color-sprout-color-background-weaker), var(--color-sprout-color-background-strongest) 60%, #a3a3a3 95%);
}:where(.uc-awf) .uc-orb-noise::after{
content: "";
position: absolute;
inset: 0;
border-radius: 9999px;
opacity: .22;
mix-blend-mode: overlay;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}:where(.uc-awf) .uc-glow-creator{
background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, #fd6a35 20%, transparent), transparent 72%);
@supports (color: color-mix(in lab, red, red)) {
background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, var(--color-sprout-color-primary) 20%, transparent), transparent 72%);
}
}:where(.uc-awf) .uc-glow-figma{
background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, #5202fd 16%, transparent), transparent 72%);
@supports (color: color-mix(in lab, red, red)) {
background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, var(--color-sprout-color-secondary) 16%, transparent), transparent 72%);
}
}:where(.uc-awf) .uc-glow-agent{
background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, #3600af 16%, transparent), transparent 72%);
@supports (color: color-mix(in lab, red, red)) {
background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, var(--color-sprout-color-background-blue) 16%, transparent), transparent 72%);
}
}:where(.uc-awf) .uc-glow-editor{
background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, #cc4b23 18%, transparent), transparent 72%);
@supports (color: color-mix(in lab, red, red)) {
background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, var(--color-sprout-color-primary-darker) 18%, transparent), transparent 72%);
}
}@keyframes uc-flow{
to {
stroke-dashoffset: -120;
}
}:where(.uc-awf) .uc-flow-line{
stroke-dasharray: 20 100;
stroke-dashoffset: 0;
animation: uc-flow 3s linear infinite;
}:where(.uc-awf) .uc-flow-line.d1{
animation-delay: 0s;
}:where(.uc-awf) .uc-flow-line.d2{
animation-delay: -1s;
}:where(.uc-awf) .uc-flow-line.d3{
animation-delay: -2s;
}@keyframes uc-cpu-pulse{
0%, 100% {
opacity: .85;
transform: scale(1);
}
50% {
opacity: 1;
transform: scale(1.06);
}
}:where(.uc-awf) .uc-cpu-glow{
animation: uc-cpu-pulse 4.5s ease-in-out infinite;
}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .uc-flow-line{
animation: none;
stroke-dasharray: none;
}:where(.uc-awf) .uc-cpu-glow{
animation: none;
}}@keyframes uc-marquee{
to {
transform: translateX(-50%);
}
}:where(.uc-awf) .uc-marquee{
width: max-content;
animation: uc-marquee 40s linear infinite;
}:where(.uc-awf) .uc-marquee-wrap:hover .uc-marquee{
animation-play-state: paused;
}:where(.uc-awf) .uc-hero-chip{
display: inline-flex;
align-items: center;
gap: 9px;
padding: 9px var(--spacing-sprout-16);
border-radius: var(--radius-sprout-infinite);
font-size: 14px;
line-height: 18px;
font-weight: 500;
color: var(--color-sprout-color-text-default);
background: var(--color-sprout-color-background-weaker);
border: 1px solid var(--color-sprout-color-border-weak);
box-shadow: 0 2px 6px -3px rgba(16, 24, 40, .16);
transition: border-color .24s cubic-bezier(.2,.7,.2,1), transform .24s cubic-bezier(.2,.7,.2,1);
}:where(.uc-awf) .uc-hero-chip:hover{
border-color: var(--color-sprout-color-border-default);
transform: translateY(-2px);
}:where(.uc-awf) .uc-hero-chip svg{
width: 18px;
height: 18px;
flex: 0 0 auto;
}:where(.uc-awf).uc-night .uc-hero-chip{
box-shadow: none;
}:where(.uc-awf) .uc-reveal{
opacity: 0;
transform: translateY(22px);
transition: opacity .6s cubic-bezier(.2,.7,.2,1), transform .6s cubic-bezier(.2,.7,.2,1);
}:where(.uc-awf) .uc-reveal.ucx-in{
opacity: 1;
transform: none;
}:where(.uc-awf) .cm-bcard{
animation: cm-bcard-in .45s cubic-bezier(.2,.7,.2,1) both;
}@keyframes cm-bcard-in{
from {
opacity: 0;
transform: translateY(14px);
}
to {
opacity: 1;
transform: none;
}
}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .uc-reveal{
opacity: 1 !important;
transform: none !important;
}:where(.uc-awf) .uc-marquee{
animation: none !important;
}:where(.uc-awf) .cm-bcard{
animation: none !important;
}}@keyframes uc-tab-in{
0% {
opacity: 0;
transform: translateY(26px);
filter: blur(9px);
}
60% {
opacity: 1;
}
100% {
opacity: 1;
transform: none;
filter: blur(0);
}
}:where(.uc-awf) .uc-tab-in{
animation: uc-tab-in 1.2s cubic-bezier(.16, 1, .3, 1) both;
will-change: transform, opacity, filter;
}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .uc-tab-in{
animation: none;
}}:where(.uc-awf) .uc-tabprog{
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
border-radius: 999px;
overflow: hidden;
pointer-events: none;
background: var(--uc-border-subtle);
}:where(.uc-awf) .uc-tabprog-fill{
display: block;
height: 100%;
border-radius: 999px;
background: var(--uc-brand);
transition: width .12s linear;
}.uc-awf{
--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-awf).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;
}:where(.uc-awf).uc-night .uc-force-light{
--color-sprout-color-background-weaker: #ffffff;
--color-sprout-color-background-default: #f4f4f4;
--color-sprout-color-background-stronger: #ebebeb;
--color-sprout-color-background-strongest: #e3e3ed;
--color-sprout-color-text-default: #0a0a0a;
--color-sprout-color-text-stronger: #171717;
--color-sprout-color-text-weaker: #737373;
--color-sprout-color-text-weakest: #a3a3a3;
--color-sprout-color-text-disabled: #737373;
--color-sprout-color-border-weak: #e5e5e5;
--color-sprout-color-border-default: #d4d4d4;
--color-uc-navpill: #ebebeb;
}:where(.uc-awf) #top{
transition: background-color .2s cubic-bezier(.4, 0, .2, 1);
}:where(.uc-awf) #top section, :where(.uc-awf) #top .ds-display, :where(.uc-awf) #top .ds-h2, :where(.uc-awf) #top .ds-t28, :where(.uc-awf) #top .ds-t24, :where(.uc-awf) #top .ds-lead, :where(.uc-awf) #top .ds-body, :where(.uc-awf) #top .ds-caption, :where(.uc-awf) #top .ds-overline, :where(.uc-awf) #top .ds-fine, :where(.uc-awf) #top h1, :where(.uc-awf) #top h2, :where(.uc-awf) #top h3, :where(.uc-awf) #top p, :where(.uc-awf) #top li{
transition: background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1), border-color .2s cubic-bezier(.4, 0, .2, 1);
}:where(.uc-awf) .uc-step-visual > div > img:first-child, :where(.uc-awf) .uc-step-visual > div > .lg\:hidden:first-child + img{
display: none;
}@property --tw-border-spacing-x{
syntax: "";
inherits: false;
initial-value: 0;
}@property --tw-border-spacing-y{
syntax: "";
inherits: false;
initial-value: 0;
}@property --tw-translate-x{
syntax: "*";
inherits: false;
initial-value: 0;
}@property --tw-translate-y{
syntax: "*";
inherits: false;
initial-value: 0;
}@property --tw-translate-z{
syntax: "*";
inherits: false;
initial-value: 0;
}@property --tw-scale-x{
syntax: "*";
inherits: false;
initial-value: 1;
}@property --tw-scale-y{
syntax: "*";
inherits: false;
initial-value: 1;
}@property --tw-scale-z{
syntax: "*";
inherits: false;
initial-value: 1;
}@property --tw-rotate-x{
syntax: "*";
inherits: false;
}@property --tw-rotate-y{
syntax: "*";
inherits: false;
}@property --tw-rotate-z{
syntax: "*";
inherits: false;
}@property --tw-skew-x{
syntax: "*";
inherits: false;
}@property --tw-skew-y{
syntax: "*";
inherits: false;
}@property --tw-pan-x{
syntax: "*";
inherits: false;
}@property --tw-pan-y{
syntax: "*";
inherits: false;
}@property --tw-pinch-zoom{
syntax: "*";
inherits: false;
}@property --tw-scroll-snap-strictness{
syntax: "*";
inherits: false;
initial-value: proximity;
}@property --tw-space-y-reverse{
syntax: "*";
inherits: false;
initial-value: 0;
}@property --tw-space-x-reverse{
syntax: "*";
inherits: false;
initial-value: 0;
}@property --tw-divide-x-reverse{
syntax: "*";
inherits: false;
initial-value: 0;
}@property --tw-border-style{
syntax: "*";
inherits: false;
initial-value: solid;
}@property --tw-divide-y-reverse{
syntax: "*";
inherits: false;
initial-value: 0;
}@property --tw-gradient-position{
syntax: "*";
inherits: false;
}@property --tw-gradient-from{
syntax: "";
inherits: false;
initial-value: #0000;
}@property --tw-gradient-via{
syntax: "";
inherits: false;
initial-value: #0000;
}@property --tw-gradient-to{
syntax: "";
inherits: false;
initial-value: #0000;
}@property --tw-gradient-stops{
syntax: "*";
inherits: false;
}@property --tw-gradient-via-stops{
syntax: "*";
inherits: false;
}@property --tw-gradient-from-position{
syntax: "";
inherits: false;
initial-value: 0%;
}@property --tw-gradient-via-position{
syntax: "";
inherits: false;
initial-value: 50%;
}@property --tw-gradient-to-position{
syntax: "";
inherits: false;
initial-value: 100%;
}@property --tw-leading{
syntax: "*";
inherits: false;
}@property --tw-font-weight{
syntax: "*";
inherits: false;
}@property --tw-tracking{
syntax: "*";
inherits: false;
}@property --tw-ordinal{
syntax: "*";
inherits: false;
}@property --tw-slashed-zero{
syntax: "*";
inherits: false;
}@property --tw-numeric-figure{
syntax: "*";
inherits: false;
}@property --tw-numeric-spacing{
syntax: "*";
inherits: false;
}@property --tw-numeric-fraction{
syntax: "*";
inherits: false;
}@property --tw-shadow{
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}@property --tw-shadow-color{
syntax: "*";
inherits: false;
}@property --tw-shadow-alpha{
syntax: "";
inherits: false;
initial-value: 100%;
}@property --tw-inset-shadow{
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}@property --tw-inset-shadow-color{
syntax: "*";
inherits: false;
}@property --tw-inset-shadow-alpha{
syntax: "";
inherits: false;
initial-value: 100%;
}@property --tw-ring-color{
syntax: "*";
inherits: false;
}@property --tw-ring-shadow{
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}@property --tw-inset-ring-color{
syntax: "*";
inherits: false;
}@property --tw-inset-ring-shadow{
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}@property --tw-ring-inset{
syntax: "*";
inherits: false;
}@property --tw-ring-offset-width{
syntax: "";
inherits: false;
initial-value: 0px;
}@property --tw-ring-offset-color{
syntax: "*";
inherits: false;
initial-value: #fff;
}@property --tw-ring-offset-shadow{
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}@property --tw-outline-style{
syntax: "*";
inherits: false;
initial-value: solid;
}@property --tw-blur{
syntax: "*";
inherits: false;
}@property --tw-brightness{
syntax: "*";
inherits: false;
}@property --tw-contrast{
syntax: "*";
inherits: false;
}@property --tw-grayscale{
syntax: "*";
inherits: false;
}@property --tw-hue-rotate{
syntax: "*";
inherits: false;
}@property --tw-invert{
syntax: "*";
inherits: false;
}@property --tw-opacity{
syntax: "*";
inherits: false;
}@property --tw-saturate{
syntax: "*";
inherits: false;
}@property --tw-sepia{
syntax: "*";
inherits: false;
}@property --tw-drop-shadow{
syntax: "*";
inherits: false;
}@property --tw-drop-shadow-color{
syntax: "*";
inherits: false;
}@property --tw-drop-shadow-alpha{
syntax: "";
inherits: false;
initial-value: 100%;
}@property --tw-drop-shadow-size{
syntax: "*";
inherits: false;
}@property --tw-backdrop-blur{
syntax: "*";
inherits: false;
}@property --tw-backdrop-brightness{
syntax: "*";
inherits: false;
}@property --tw-backdrop-contrast{
syntax: "*";
inherits: false;
}@property --tw-backdrop-grayscale{
syntax: "*";
inherits: false;
}@property --tw-backdrop-hue-rotate{
syntax: "*";
inherits: false;
}@property --tw-backdrop-invert{
syntax: "*";
inherits: false;
}@property --tw-backdrop-opacity{
syntax: "*";
inherits: false;
}@property --tw-backdrop-saturate{
syntax: "*";
inherits: false;
}@property --tw-backdrop-sepia{
syntax: "*";
inherits: false;
}@property --tw-duration{
syntax: "*";
inherits: false;
}@property --tw-ease{
syntax: "*";
inherits: false;
}@property --tw-content{
syntax: "*";
initial-value: "";
inherits: false;
}@keyframes spin{
to {
transform: rotate(360deg);
}
}@keyframes pulse{
50% {
opacity: 0.5;
}
}@keyframes enter{
from {
opacity: var(--tw-enter-opacity,1);
transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
filter: blur(var(--tw-enter-blur,0));
}
}@keyframes exit{
to {
opacity: var(--tw-exit-opacity,1);
transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
filter: blur(var(--tw-exit-blur,0));
}
}@keyframes accordion-down{
from {
height: 0;
}
to {
height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))));
}
}@keyframes accordion-up{
from {
height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))));
}
to {
height: 0;
}
}@keyframes caret-blink{
0%,70%,100% {
opacity: 1;
}
20%,50% {
opacity: 0;
}
}@keyframes accordion-down{
from {
height: 0;
}
to {
height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) );
}
}@keyframes accordion-up{
from {
height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) );
}
to {
height: 0;
}
}@keyframes marquee{
from {
transform: translateX(0);
}
to {
transform: translateX(calc(-100% - var(--gap)));
}
}@keyframes marquee-vertical{
from {
transform: translateY(0);
}
to {
transform: translateY(calc(-100% - var(--gap)));
}
}@keyframes gradient{
to {
background-position: var(--bg-size, 300%) 0;
}
}@keyframes shimmer-slide{
to {
transform: translate(calc(100cqw - 100%), 0);
}
}@keyframes spin-around{
0% {
transform: translateZ(0) rotate(0);
}
15%, 35% {
transform: translateZ(0) rotate(90deg);
}
65%, 85% {
transform: translateZ(0) rotate(270deg);
}
100% {
transform: translateZ(0) rotate(360deg);
}
}@keyframes orbit{
0% {
transform: rotate(calc(var(--angle) * 1deg)) translateY(calc(var(--radius) * 1px)) rotate(calc(var(--angle) * -1deg));
}
100% {
transform: rotate(calc(var(--angle) * 1deg + 360deg)) translateY(calc(var(--radius) * 1px)) rotate(calc((var(--angle) * -1deg) - 360deg));
}
}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){:where(.uc-awf) *, :where(.uc-awf) ::before, :where(.uc-awf) ::after, :where(.uc-awf) ::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-awf) .uc-pop-dark{
--uc-surface-sunken: #141414;
--uc-surface-base: #1A1A1A;
--uc-surface-raised: #242424;
--uc-surface-overlay: #1C1C1C;
--uc-surface-control: rgba(255, 255, 255, 0.08);
--uc-text-strong: #FFFFFF;
--uc-text: #E5E5E5;
--uc-text-muted: #A3A3A3;
--uc-text-subtle: #737373;
--uc-inverse-bg: #F5F5F5;
--uc-inverse-fg: #171717;
--uc-border-subtle: #2E2E2E;
--uc-border: #3D3D3D;
--uc-border-strong: #525252;
--uc-ring: rgba(253, 106, 53, 0.60);
--uc-brand-fg: #FFB89A; --uc-brand-soft: rgba(253, 106, 53, 0.18);
--uc-success-fg: #A7EAAA; --uc-success-soft: rgba(46, 163, 67, 0.20);
--uc-danger-fg: #FDC9C6; --uc-danger-soft: rgba(246, 82, 88, 0.20);
--uc-warning-fg: #FFC680; --uc-warning-soft: rgba(255, 169, 64, 0.22);
--uc-accent-fg: #B8A9FF; --uc-accent-soft: rgba(82, 2, 253, 0.28);
color: var(--uc-text);
}:where(.uc-awf) .uc-scope, :where(.uc-awf) .uc-content, :where(.uc-awf) .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-awf) .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-awf) .uc-scope *, :where(.uc-awf) .uc-scope *::before, :where(.uc-awf) .uc-scope *::after, :where(.uc-awf) .uc-content *, :where(.uc-awf) .uc-content *::before, :where(.uc-awf) .uc-content *::after, :where(.uc-awf) .uc-chrome *, :where(.uc-awf) .uc-chrome *::before, :where(.uc-awf) .uc-chrome *::after, :where(.uc-awf) .uc-portal *, :where(.uc-awf) .uc-portal *::before, :where(.uc-awf) .uc-portal *::after{
box-sizing: border-box;
}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .uc-scope *, :where(.uc-awf) .uc-content *, :where(.uc-awf) .uc-chrome *, :where(.uc-awf) .uc-portal *{
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}}
:where(.uc-awf) .Button_button__8M0Ui{
--_h: var(--uc-control-h-md);
--_px: var(--uc-space-16);
--_fs: var(--uc-text-base);
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--uc-space-8);
height: var(--_h);
padding: 0 var(--_px);
font-family: var(--uc-font-sans);
font-size: var(--_fs);
font-weight: var(--uc-weight-medium);
line-height: 1;
white-space: nowrap;
border: none;
border-radius: var(--uc-radius-md);
cursor: pointer;
user-select: none;
position: relative;
isolation: isolate;
transition: background var(--uc-dur-fast) var(--uc-ease-standard),
box-shadow var(--uc-dur-fast) var(--uc-ease-standard),
transform var(--uc-dur-fast) var(--uc-ease-standard),
color var(--uc-dur-fast) var(--uc-ease-standard);
}:where(.uc-awf) .Button_button__8M0Ui:focus-visible{
outline: 2px solid var(--uc-ring);
outline-offset: 2px;
}:where(.uc-awf) .Button_button__8M0Ui:active:not(:disabled){
transform: translateY(0.5px);
}:where(.uc-awf) .Button_button__8M0Ui:disabled{
opacity: 0.5;
cursor: not-allowed;
box-shadow: none;
}:where(.uc-awf) .Button_sm__CjQl1{ --_h: var(--uc-control-h-sm); --_px: var(--uc-space-12); --_fs: var(--uc-text-sm); }:where(.uc-awf) .Button_md__0_bmU{ --_h: var(--uc-control-h-md); --_px: var(--uc-space-16); --_fs: var(--uc-text-base); }:where(.uc-awf) .Button_lg__7yGRs{ --_h: var(--uc-control-h-lg); --_px: var(--uc-space-20); --_fs: var(--uc-text-md); }:where(.uc-awf) .Button_iconOnly__eY4j_{ padding: 0; width: var(--_h); }:where(.uc-awf) .Button_solid__hu289{
color: var(--uc-brand-on);
background: var(--_fill, var(--uc-brand));
background-image: var(--uc-sheen);
box-shadow: var(--_shadow, var(--uc-shadow-control-brand));
}:where(.uc-awf) .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-awf) .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-awf) .Button_solid__hu289.Button_neutral__jwE0u{
color: var(--uc-inverse-fg);
background: var(--uc-inverse-bg);
box-shadow: var(--uc-shadow-control);
}:where(.uc-awf) .Button_solid__hu289.Button_neutral__jwE0u:hover:not(:disabled){
background-image: linear-gradient(to bottom, rgba(128, 128, 128, 0.16), rgba(128, 128, 128, 0.16));
}:where(.uc-awf) .Button_solid__hu289.Button_neutral__jwE0u:active:not(:disabled){
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.14));
}:where(.uc-awf) .Button_soft__o47wg{
color: var(--_fg, var(--uc-brand-fg));
background: var(--_soft, var(--uc-brand-soft));
background-image: var(--uc-sheen);
box-shadow: inset 0 0 0 1px var(--_border, var(--uc-brand-border)), var(--uc-shadow-1);
}:where(.uc-awf) .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-awf) .Button_outline__Zwmoe{
color: var(--_fg, var(--uc-brand-fg));
background: var(--uc-surface-control);
background-image: var(--uc-sheen);
box-shadow: inset 0 0 0 1px var(--_border, var(--uc-border-subtle)), var(--uc-shadow-raised);
}:where(.uc-awf) .Button_outline__Zwmoe.Button_neutral__jwE0u{ color: var(--uc-text-strong); }:where(.uc-awf) .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-awf) .Button_ghost__e52lE{
color: var(--_fg, var(--uc-brand-fg));
background: transparent;
}:where(.uc-awf) .Button_ghost__e52lE.Button_neutral__jwE0u{ color: var(--uc-text); }:where(.uc-awf) .Button_ghost__e52lE:hover:not(:disabled){ background: var(--_glow, var(--uc-brand-glow-hover)); color: var(--uc-text-strong); }:where(.uc-awf) .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-awf) .Button_success__ox09j{ --_fill: var(--uc-success); --_fg: var(--uc-success-fg); --_soft: var(--uc-success-soft); --_border: var(--uc-success-border); --_glow: var(--uc-success-glow-hover); --_shadow: var(--uc-shadow-control-brand); }:where(.uc-awf) .Button_danger__uQDDH{ --_fill: var(--uc-danger); --_fg: var(--uc-danger-fg); --_soft: var(--uc-danger-soft); --_border: var(--uc-danger-border); --_glow: var(--uc-danger-glow-hover); --_shadow: var(--uc-shadow-control-brand); }:where(.uc-awf) .Button_neutral__jwE0u{
--_fg: var(--uc-text-strong);
--_soft: var(--uc-surface-sunken);
--_border: var(--uc-border-strong);
--_glow: rgba(128, 128, 128, 0.12);
}:where(.uc-awf) .Button_loading__ZvEzX{ color: transparent !important; pointer-events: none; }:where(.uc-awf) .Button_spinner__D8hjY{
position: absolute;
width: 1em;
height: 1em;
border-radius: 50%;
border: 2px solid currentColor;
border-top-color: transparent;
color: var(--uc-brand-on);
animation: Button_uc-spin__zZG4c 0.6s linear infinite;
}:where(.uc-awf) .Button_soft__o47wg .Button_spinner__D8hjY, :where(.uc-awf) .Button_outline__Zwmoe .Button_spinner__D8hjY, :where(.uc-awf) .Button_ghost__e52lE .Button_spinner__D8hjY{ color: var(--uc-text); }:where(.uc-awf) .Button_solid__hu289.Button_neutral__jwE0u .Button_spinner__D8hjY{ color: var(--uc-inverse-fg); }@keyframes Button_uc-spin__zZG4c{ to { transform: rotate(360deg); } }:where(.uc-awf) .ucp-frame{
--ucp-primary:#fd6a35;
--ucp-bg-weaker:#ffffff;
--ucp-bg-default:#f4f4f4;
--ucp-text:#0a0a0a;
--ucp-text-weaker:#737373;
--ucp-border-weak:#e5e5e5;
--ucp-border-strong:#d4d4d4;
--ucp-scale:.8565;
position:relative;width:100%;max-width:516px;margin-inline:auto;aspect-ratio:506 / 460;
border-radius:16px;overflow:hidden;background:var(--ucp-bg-weaker);
font-family:"Zalando Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}:where(.uc-awf) .ucp-frame .ucp-grad{
position:absolute;left:-61.2648%;top:-109.7826%;
width:215.8103%;height:232.8804%;max-width:none;
pointer-events:none;user-select:none;
}:where(.uc-awf) .ucp-frame *{box-sizing:border-box}:where(.uc-awf) .ucp-scrim{
position:absolute;inset:0;pointer-events:none;
background:linear-gradient(to bottom,rgba(255,255,255,0) -2.27%,#ffffff 63.74%);
}:where(.uc-awf) .ucp-card{
position:absolute;left:7.095%;top:5.87%;width:85.6522%;height:85.6522%;
}:where(.uc-awf) .ucp-stage{
position:absolute;left:0;top:0;width:506px;height:460px;
line-height:normal;
background:var(--ucp-bg-weaker);border:1px solid var(--ucp-border-weak);
border-radius:16px;overflow:hidden;
transform-origin:top left;transform:scale(var(--ucp-scale));
}:where(.uc-awf) .ucp-icon{width:15px;height:15px;flex:none;stroke:currentColor;fill:none;
stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}:where(.uc-awf) .ucp-menu{position:absolute;left:34px;top:34px;width:214px;background:var(--ucp-bg-weaker);
border:1px solid var(--ucp-border-weak);border-radius:12px;padding:6px;
transform-origin:20px 100%}:where(.uc-awf) .ucp-menu-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;
font-size:13px;line-height:1;color:#525252}:where(.uc-awf) .ucp-menu-item .ucp-icon{color:var(--ucp-text-weaker)}:where(.uc-awf) .ucp-menu-item.ucx-is-active{background:var(--ucp-bg-default);color:var(--ucp-text)}:where(.uc-awf) .ucp-menu-item.ucx-is-active .ucp-icon{color:var(--ucp-text)}:where(.uc-awf) .ucp-flyer{position:absolute;left:96px;top:212px;opacity:0;pointer-events:none}:where(.uc-awf) .ucp-composer{position:absolute;left:34px;right:34px;bottom:34px;background:var(--ucp-bg-weaker);
border:1px solid var(--ucp-border-weak);border-radius:14px}:where(.uc-awf) .ucp-body{padding:15px 14px 12px}:where(.uc-awf) .ucp-prompt{margin:0;font-size:13.5px;line-height:1.6;color:var(--ucp-text)}:where(.uc-awf) .ucp-caret{display:inline-block;width:1.5px;height:14px;background:var(--ucp-text);
vertical-align:-2px;margin-left:2px}:where(.uc-awf) .ucp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}:where(.uc-awf) .ucp-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:1;
color:#525252;background:var(--ucp-bg-weaker);border:1px solid var(--ucp-border-weak);
border-radius:8px;padding:5px 9px;white-space:nowrap}:where(.uc-awf) .ucp-chip .ucp-icon{width:13px;height:13px;color:var(--ucp-text-weaker)}:where(.uc-awf) .ucp-chip.is-new{border-color:var(--ucp-border-strong);background:var(--ucp-bg-default);color:var(--ucp-text)}:where(.uc-awf) .ucp-chip.is-new .ucp-icon{color:var(--ucp-text)}:where(.uc-awf) .ucp-bar{display:flex;align-items:center;justify-content:space-between;
border-top:1px solid #f1f1f1;padding:10px 12px}:where(.uc-awf) .ucp-bar-left{display:flex;align-items:center;gap:8px}:where(.uc-awf) .ucp-plus{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;
color:var(--ucp-text-weaker);border:1px solid transparent}:where(.uc-awf) .ucp-plus.ucx-is-open{background:var(--ucp-bg-default);border-color:var(--ucp-border-weak);color:var(--ucp-text)}:where(.uc-awf) .ucp-count{font-size:12px;color:var(--ucp-text-weaker)}:where(.uc-awf) .ucp-send{width:28px;height:28px;border-radius:9px;background:var(--ucp-primary);color:#fff;
display:grid;place-items:center}:where(.uc-awf) .ucp-send .ucp-icon{width:16px;height:16px;stroke-width:2}:where(.uc-awf) .ucp-anim .ucp-menu{opacity:0;transform:translateY(8px) scale(.92)}:where(.uc-awf) .ucp-anim .ucp-chips{height:0;margin-top:0;overflow:hidden}:where(.uc-awf) .ucp-anim .ucp-chip{opacity:0;transform:scale(.82);
transition:color .2s linear,background-color .2s linear,border-color .2s linear}:where(.uc-awf) .ucp-anim .ucp-chip .ucp-icon{transition:color .2s linear}:where(.uc-awf) .ucp-anim .ucp-menu-item{transition:background-color .15s linear,color .15s linear}:where(.uc-awf) .ucp-anim .ucp-menu-item .ucp-icon{transition:color .15s linear}:where(.uc-awf) .ucp-anim .ucp-plus{transition:background-color .15s linear,border-color .15s linear,color .15s linear}:where(.uc-awf) .ucp-anim .ucp-send{opacity:.45}:where(.uc-awf) .ucp-anim .ucp-caret{animation:ucpBlink 1s step-end infinite}@keyframes ucpBlink{0%,50%{opacity:1}50.01%,100%{opacity:0}}:where(.uc-awf) .ucp-anim .ucp-chip, :where(.uc-awf) .ucp-anim .ucp-menu, :where(.uc-awf) .ucp-anim .ucp-flyer, :where(.uc-awf) .ucp-anim .ucp-send, :where(.uc-awf) .ucp-anim .ucp-plus, :where(.uc-awf) .ucp-anim .ucp-composer{will-change:transform,opacity}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .ucp-anim .ucp-menu{opacity:1;transform:none}:where(.uc-awf) .ucp-anim .ucp-chips{height:auto;margin-top:13px;overflow:visible}:where(.uc-awf) .ucp-anim .ucp-chip{opacity:1;transform:none;transition:none}:where(.uc-awf) .ucp-anim .ucp-send{opacity:1}:where(.uc-awf) .ucp-anim .ucp-caret{animation:none}}:where(.uc-awf) .ucb-stage{
--ucb-primary:#fd6a35;
--ucb-bg-weaker:#ffffff;
--ucb-bg-default:#f4f4f4;
--ucb-text:#0a0a0a;
--ucb-text-weaker:#737373;
--ucb-border-weak:#e5e5e5;
--ucb-border-weaker:#f1f1f1;
}:where(.uc-awf) .ucb-icon{width:14px;height:14px;flex:none;stroke:currentColor;fill:none;
stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}:where(.uc-awf) .ucb-share{position:absolute;left:30px;right:30px;top:30px;background:var(--ucb-bg-weaker);
border:1px solid var(--ucb-border-weak);border-radius:11px;padding:10px 11px;
display:flex;align-items:center;justify-content:space-between;gap:10px}:where(.uc-awf) .ucb-link{display:flex;align-items:center;gap:7px;min-width:0}:where(.uc-awf) .ucb-link-url{font-size:12px;color:var(--ucb-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(.uc-awf) .ucb-link .ucb-icon{color:var(--ucb-text-weaker)}:where(.uc-awf) .ucb-people{display:flex;align-items:center;flex:none}:where(.uc-awf) .ucb-av{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--ucb-bg-weaker);
font-size:9px;color:#525252;display:grid;place-items:center}:where(.uc-awf) .ucb-av--agency{background:var(--ucb-bg-default)}:where(.uc-awf) .ucb-av--client{background:var(--ucb-border-weak);margin-left:-8px}:where(.uc-awf) .ucb-copy{width:25px;height:25px;border-radius:7px;background:var(--ucb-text);color:#fff;
display:grid;place-items:center;margin-left:7px}:where(.uc-awf) .ucb-copy.is-done{background:var(--ucb-bg-default);color:var(--ucb-text)}:where(.uc-awf) .ucb-copy .ucb-icon{width:13px;height:13px}:where(.uc-awf) .ucb-connector{position:absolute;left:0;top:74px;width:100%;height:30px}:where(.uc-awf) .ucb-peek{position:absolute;background:var(--ucb-bg-weaker);border:1px solid var(--ucb-border-weak);
border-radius:12px;height:26px}:where(.uc-awf) .ucb-peek--far{left:56px;right:56px;top:106px;opacity:.5;border-color:#ececec}:where(.uc-awf) .ucb-peek--near{left:43px;right:43px;top:118px;opacity:.8}:where(.uc-awf) .ucb-card{position:absolute;left:30px;right:30px;top:131px;bottom:30px;background:var(--ucb-bg-weaker);
border:1px solid var(--ucb-border-weak);border-radius:13px;display:flex;flex-direction:column}:where(.uc-awf) .ucb-head{padding:14px 14px 0}:where(.uc-awf) .ucb-title{font-size:14px;color:var(--ucb-text);margin:0}:where(.uc-awf) .ucb-sub{font-size:11px;color:var(--ucb-text-weaker);margin:4px 0 0;line-height:1.45}:where(.uc-awf) .ucb-rule{border-top:1px solid var(--ucb-border-weaker);margin:13px 0 0}:where(.uc-awf) .ucb-steps{position:relative;flex:1;min-height:172px}:where(.uc-awf) .ucb-step{position:absolute;inset:0;padding:14px 14px 0;opacity:0;pointer-events:none}:where(.uc-awf) .ucb-step.ucx-is-active{opacity:1;pointer-events:auto}:where(.uc-awf) .ucb-q{font-size:11.5px;color:var(--ucb-text-weaker);margin:0 0 7px}:where(.uc-awf) .ucb-q + .ucb-field, :where(.uc-awf) .ucb-q + .ucb-pills{margin-bottom:14px}:where(.uc-awf) .ucb-field{border:1px solid var(--ucb-border-weak);border-radius:8px;padding:7px 9px;
font-size:11.5px;color:var(--ucb-text)}:where(.uc-awf) .ucb-pills{display:flex;flex-wrap:wrap;gap:6px}:where(.uc-awf) .ucb-pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;line-height:1;
color:var(--ucb-text);background:var(--ucb-bg-weaker);border:1px solid var(--ucb-border-weak);
border-radius:100px;padding:6px 11px;white-space:nowrap}:where(.uc-awf) .ucb-pill.is-on{background:var(--ucb-bg-default);border-color:var(--ucb-bg-default)}:where(.uc-awf) .ucb-tick{width:13px;height:13px;border-radius:50%;background:var(--ucb-text);color:#fff;
display:grid;place-items:center;flex:none}:where(.uc-awf) .ucb-tick .ucb-icon{width:8px;height:8px;stroke-width:3}:where(.uc-awf) .ucb-tag{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;line-height:1;
color:var(--ucb-text);background:var(--ucb-bg-default);border:1px solid #ececec;
border-radius:7px;padding:6px 9px}:where(.uc-awf) .ucb-tag .ucb-icon{width:11px;height:11px;color:var(--ucb-text-weaker)}:where(.uc-awf) .ucb-sw{width:12px;height:12px;border-radius:3px;flex:none}:where(.uc-awf) .ucb-note{background:var(--ucb-bg-default);border-radius:9px;padding:10px 11px;margin-top:2px}:where(.uc-awf) .ucb-note-t{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ucb-text);margin:0}:where(.uc-awf) .ucb-note-s{font-size:10.5px;color:var(--ucb-text-weaker);margin:4px 0 8px;line-height:1.45}:where(.uc-awf) .ucb-meter{display:block;height:3px;border-radius:3px;background:var(--ucb-border-weak);overflow:hidden}:where(.uc-awf) .ucb-meter i{display:block;height:100%;width:93%;background:var(--ucb-text);border-radius:3px}:where(.uc-awf) .ucb-foot{margin-top:auto;border-top:1px solid var(--ucb-border-weaker);padding:11px 13px}:where(.uc-awf) .ucb-seg{display:flex;gap:4px;margin-bottom:10px}:where(.uc-awf) .ucb-seg span{flex:1;height:2.5px;border-radius:2px;background:var(--ucb-border-weak)}:where(.uc-awf) .ucb-seg span.is-filled{background:var(--ucb-text)}:where(.uc-awf) .ucb-foot-row{display:flex;align-items:center;justify-content:space-between}:where(.uc-awf) .ucb-step-label{font-size:11px;color:var(--ucb-text-weaker)}:where(.uc-awf) .ucb-continue{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;line-height:1;
color:#fff;background:var(--ucb-primary);border-radius:8px;padding:7px 12px}:where(.uc-awf) .ucb-continue .ucb-icon{width:13px;height:13px}:where(.uc-awf) .ucb-anim .ucb-share, :where(.uc-awf) .ucb-anim .ucb-card{opacity:0}:where(.uc-awf) .ucb-anim .ucb-peek{opacity:0}:where(.uc-awf) .ucb-anim .ucb-connector path{opacity:0}:where(.uc-awf) .ucb-anim .ucb-av--client{opacity:0;transform:translateX(10px) scale(.7)}:where(.uc-awf) .ucb-anim .ucb-tick{transform:scale(0)}:where(.uc-awf) .ucb-anim .ucb-tag{opacity:0;transform:scale(.85)}:where(.uc-awf) .ucb-anim .ucb-seg span.is-filled{background:var(--ucb-border-weak)}:where(.uc-awf) .ucb-anim .ucb-seg span > i{display:block;height:100%;border-radius:2px;
background:var(--ucb-text);transform:scaleX(0);transform-origin:left center}:where(.uc-awf) .ucb-anim .ucb-pill{transition:background-color .2s linear,border-color .2s linear}:where(.uc-awf) .ucb-anim .ucb-copy{transition:background-color .2s linear,color .2s linear;position:relative}:where(.uc-awf) .ucb-anim .ucb-copy > svg{position:absolute}:where(.uc-awf) .ucb-anim .ucb-meter i{width:0}:where(.uc-awf) .ucb-anim .ucb-note{opacity:0}:where(.uc-awf) .ucb-anim .ucb-share, :where(.uc-awf) .ucb-anim .ucb-card, :where(.uc-awf) .ucb-anim .ucb-peek, :where(.uc-awf) .ucb-anim .ucb-step, :where(.uc-awf) .ucb-anim .ucb-continue, :where(.uc-awf) .ucb-anim .ucb-tag, :where(.uc-awf) .ucb-anim .ucb-tick, :where(.uc-awf) .ucb-anim .ucb-av--client{will-change:transform,opacity}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .ucb-anim *{transition:none !important;animation:none !important}}:where(.uc-awf) .ucsm-frame{
--ucs-primary:#fd6a35;
--ucs-bg-weaker:#ffffff;
--ucs-bg-default:#f4f4f4;
--ucs-node:#f1f2f4;
--ucs-text:#0a0a0a;
--ucs-text-faint:#8a8f98;
--ucs-border-weak:#e5e5e5;
--ucs-border-weaker:#e8e8e8;
--ucs-edge:#dcdcdc;
--ucs-scale:.89388;
position:relative;width:100%;max-width:756px;margin-inline:auto;aspect-ratio:746 / 490;
border-radius:16px;overflow:hidden;background:var(--ucs-bg-default);
font-family:"Zalando Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}:where(.uc-awf) .ucsm-frame *{box-sizing:border-box}:where(.uc-awf) .ucsm-grad{
position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
width:125.8713%;height:108.9796%;
display:grid;place-items:center;pointer-events:none;
}:where(.uc-awf) .ucsm-grad-inner{
position:relative;width:56.8690%;height:175.8427%;
transform:rotate(-90deg);overflow:hidden;
}:where(.uc-awf) .ucsm-frame .ucsm-grad-img{
position:absolute;left:0;top:-0.53%;width:100%;height:101.05%;max-width:none;
}:where(.uc-awf) .ucsm-grad-inner::after{
content:"";position:absolute;inset:0;background:rgba(255,255,255,.4);
}:where(.uc-awf) .ucsm-card{
position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
width:89.6273%;height:89.3878%;
}:where(.uc-awf) .ucs-stage{
position:absolute;left:0;top:0;width:748px;height:490px;
line-height:normal;
background:transparent;border:1px solid transparent;
border-radius:16px;overflow:hidden;
transform-origin:top left;transform:scale(var(--ucs-scale));
}:where(.uc-awf) .ucs-edges{position:absolute;inset:0}:where(.uc-awf) .ucs-icon{width:13px;height:13px;flex:none;stroke:currentColor;fill:none;
stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}:where(.uc-awf) .ucs-icon--fill{fill:currentColor;stroke:none}:where(.uc-awf) .ucs-node{position:absolute;background:var(--ucs-node);border-radius:11px;padding:6px}:where(.uc-awf) .ucs-node-head{display:flex;align-items:center;justify-content:space-between;padding:1px 4px 6px}:where(.uc-awf) .ucs-tl{display:flex;gap:3.5px}:where(.uc-awf) .ucs-tl i{width:5.5px;height:5.5px;border-radius:50%;background:#d8dade;display:block}:where(.uc-awf) .ucs-count{font-size:10px;color:var(--ucs-text-faint)}:where(.uc-awf) .ucs-body{background:var(--ucs-bg-weaker);border-radius:8px;padding:7px}:where(.uc-awf) .ucs-page{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}:where(.uc-awf) .ucs-page-name{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ucs-text)}:where(.uc-awf) .ucs-page-name .ucs-icon{color:#525252}:where(.uc-awf) .ucs-more{color:var(--ucs-text-faint);display:flex}:where(.uc-awf) .ucs-sec{position:relative;display:flex;align-items:center;justify-content:space-between;
background:var(--ucs-bg-weaker);border:1px solid var(--ucs-border-weaker);border-radius:7px;
padding:6px 8px;font-size:11.5px;color:var(--ucs-text);margin-bottom:5px}:where(.uc-awf) .ucs-sec:last-child{margin-bottom:0}:where(.uc-awf) .ucs-sec .ucs-icon{width:11px;height:11px;color:#9aa0a6}:where(.uc-awf) .ucs-sec.ucx-is-active{border-width:1.5px;border-color:var(--ucs-text);padding:5.5px 7.5px;z-index:2}:where(.uc-awf) .ucs-sec.is-ghost{opacity:.3}:where(.uc-awf) .ucs-expand{display:flex;align-items:center;justify-content:center;gap:5px;
font-size:11.5px;color:#9aa0a6;padding:8px 0 1px}:where(.uc-awf) .ucs-handle{position:absolute;left:-29px;top:50%;transform:translateY(-50%);
width:20px;height:24px;border-radius:6px;background:var(--ucs-bg-weaker);
border:1px solid var(--ucs-border-weak);display:grid;place-items:center;
color:var(--ucs-text-faint);z-index:2}:where(.uc-awf) .ucs-handle .ucs-icon{width:13px;height:13px;color:var(--ucs-text-faint)}:where(.uc-awf) .ucs-insert-plus{position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);
width:22px;height:22px;border-radius:7px;background:var(--ucs-primary);
color:#fff;display:grid;place-items:center;z-index:3}:where(.uc-awf) .ucs-insert-plus .ucs-icon{width:12px;height:12px;stroke-width:2.4;color:#fff}:where(.uc-awf) .ucs-lift{position:absolute;background:var(--ucs-bg-weaker);border:1.5px solid var(--ucs-text);
border-radius:7px;padding:5.5px 7.5px;font-size:11.5px;color:var(--ucs-text);
display:flex;align-items:center;justify-content:space-between;opacity:0;z-index:4}:where(.uc-awf) .ucs-lift .ucs-icon{width:11px;height:11px;color:#9aa0a6}:where(.uc-awf) .ucs-insert-line{position:absolute;height:2px;background:var(--ucs-text);border-radius:2px;opacity:0}:where(.uc-awf) .ucs-group{position:absolute;background:var(--ucs-node);border:1px solid var(--ucs-border-weak);
border-radius:8px;font-size:11.5px;color:var(--ucs-text);display:grid;place-items:center}:where(.uc-awf) .ucs-add{position:absolute;background:var(--ucs-bg-weaker);border:1px solid var(--ucs-border-weak);
border-radius:8px;font-size:11.5px;color:var(--ucs-text);
display:flex;align-items:center;justify-content:center;gap:5px}:where(.uc-awf) .ucs-add .ucs-icon{width:12px;height:12px}:where(.uc-awf) .ucs-tray{position:absolute;background:var(--ucs-bg-weaker);border:1px solid var(--ucs-border-weak);
border-radius:12px;padding:11px;transform-origin:50% 0}:where(.uc-awf) .ucs-tray-title{font-size:12.5px;color:var(--ucs-text);margin:0 0 9px}:where(.uc-awf) .ucs-types{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}:where(.uc-awf) .ucs-type{border:1px solid var(--ucs-border-weaker);border-radius:9px;padding:9px 4px;
display:flex;flex-direction:column;align-items:center;gap:6px;
font-size:11px;color:var(--ucs-text);text-align:center;white-space:nowrap}:where(.uc-awf) .ucs-type .ucs-icon{width:17px;height:17px;color:var(--ucs-text)}:where(.uc-awf) .ucs-type.is-locked{position:relative;color:#c2c6cc;border-color:#f2f2f2}:where(.uc-awf) .ucs-type.is-locked .ucs-icon{color:#d5d8dc}:where(.uc-awf) .ucs-type.is-locked::after{content:"";position:absolute;top:6px;right:6px;
width:5.5px;height:5.5px;border-radius:50%;background:#ffb4a8}:where(.uc-awf) .ucs-anim .ucs-home, :where(.uc-awf) .ucs-anim .ucs-group, :where(.uc-awf) .ucs-anim .ucs-add, :where(.uc-awf) .ucs-anim .ucs-page-about, :where(.uc-awf) .ucs-anim .ucs-page-menu, :where(.uc-awf) .ucs-anim .ucs-tray{opacity:0}:where(.uc-awf) .ucs-anim .ucs-node .ucs-page, :where(.uc-awf) .ucs-anim .ucs-node .ucs-sec, :where(.uc-awf) .ucs-anim .ucs-node .ucs-expand{opacity:0}:where(.uc-awf) .ucs-anim .ucs-joint{transform:scale(0);transform-box:fill-box;transform-origin:center}:where(.uc-awf) .ucs-anim .ucs-edges path{opacity:0}:where(.uc-awf) .ucs-anim .ucs-handle, :where(.uc-awf) .ucs-anim .ucs-insert-plus{opacity:0}:where(.uc-awf) .ucs-anim .ucs-type{opacity:0}:where(.uc-awf) .ucs-anim .ucs-type.is-locked::after{opacity:var(--ucs-badge,0)}:where(.uc-awf) .ucs-anim .ucs-sec{transition:border-color .2s linear}:where(.uc-awf) .ucs-anim .ucs-home, :where(.uc-awf) .ucs-anim .ucs-group, :where(.uc-awf) .ucs-anim .ucs-add, :where(.uc-awf) .ucs-anim .ucs-tray, :where(.uc-awf) .ucs-anim .ucs-page-about, :where(.uc-awf) .ucs-anim .ucs-page-menu, :where(.uc-awf) .ucs-anim .ucs-type, :where(.uc-awf) .ucs-anim .ucs-lift, :where(.uc-awf) .ucs-anim .ucs-sec, :where(.uc-awf) .ucs-anim .ucs-insert-plus{will-change:transform,opacity}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .ucs-anim *{transition:none !important;animation:none !important}}:where(.uc-awf) .ucd-frame{
--ucd-primary:#fd6a35;
--ucd-bg-weaker:#ffffff;
--ucd-bg-default:#f4f4f4;
--ucd-text:#0a0a0a;
--ucd-text-weaker:#737373;
--ucd-text-faint:#8a8f98;
--ucd-border-weak:#e5e5e5;
--ucd-border-weaker:#f1f1f1;
--ucd-panel-w:417.4;
position:relative;width:100%;height:520px;
border-radius:14px;overflow:hidden;background:#171717;
font-family:"Zalando Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}:where(.uc-awf) .ucd-frame *{box-sizing:border-box}:where(.uc-awf) .ucd-frame .ucd-grad{
position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);
max-width:none;object-fit:cover;pointer-events:none;user-select:none;
}:where(.uc-awf) .ucd-cardbox{
position:absolute;left:6.2004%;top:13.5144%;
width:87.4333%;aspect-ratio:528 / 480;
}:where(.uc-awf) .ucd-box-580{
position:absolute;left:6.2004%;top:11.25%;
width:87.4333%;aspect-ratio:580 / 560;
}:where(.uc-awf) .ucd-stage{
position:absolute;left:0;top:0;width:528px;height:480px;
line-height:normal;
transform-origin:top left;transform:scale(calc(var(--ucd-panel-w) / 528));
}:where(.uc-awf) .ucd-icon{width:15px;height:15px;flex:none;stroke:currentColor;fill:none;
stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}:where(.uc-awf) .ucd-card{position:absolute;left:0;right:0;top:0;bottom:0;
background:var(--ucd-bg-weaker);border:1px solid var(--ucd-border-weak);
border-radius:14px;display:flex;flex-direction:column;overflow:hidden}:where(.uc-awf) .ucd-head{display:flex;align-items:center;justify-content:space-between;
padding:13px 15px;border-bottom:1px solid var(--ucd-border-weaker)}:where(.uc-awf) .ucd-head-t{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ucd-text)}:where(.uc-awf) .ucd-head-t .ucd-icon{color:var(--ucd-text-weaker)}:where(.uc-awf) .ucd-head-s{font-size:11.5px;color:var(--ucd-text-faint)}:where(.uc-awf) .ucd-body{display:flex;flex:1;min-height:0}:where(.uc-awf) .ucd-rail{width:126px;flex:none;border-right:1px solid var(--ucd-border-weaker);
padding:11px 9px;display:flex;flex-direction:column;gap:3px}:where(.uc-awf) .ucd-ri{font-size:12px;color:var(--ucd-text-weaker);padding:7px 9px;border-radius:7px}:where(.uc-awf) .ucd-ri.is-on{background:var(--ucd-bg-default);color:var(--ucd-text)}:where(.uc-awf) .ucd-panes{position:relative;flex:1;min-width:0}:where(.uc-awf) .ucd-pane{position:absolute;inset:0;padding:14px 15px;opacity:0;pointer-events:none;
display:flex;flex-direction:column;gap:14px}:where(.uc-awf) .ucd-pane.ucx-is-active{opacity:1;pointer-events:auto}:where(.uc-awf) .ucd-lbl{font-size:11px;color:var(--ucd-text-weaker);margin:0 0 7px}:where(.uc-awf) .ucd-ramp{display:flex;gap:4px}:where(.uc-awf) .ucd-sw{flex:1;height:24px;border-radius:6px}:where(.uc-awf) .ucd-hex{display:flex;align-items:center;gap:11px}:where(.uc-awf) .ucd-hex-big{width:44px;height:44px;border-radius:9px;flex:none}:where(.uc-awf) .ucd-hex-v{display:block;font-size:12px;color:var(--ucd-text)}:where(.uc-awf) .ucd-hex-n{display:block;font-size:10.5px;color:var(--ucd-text-faint);margin-top:4px}:where(.uc-awf) .ucd-type{display:flex;align-items:baseline;justify-content:space-between;gap:12px}:where(.uc-awf) .ucd-spec{color:var(--ucd-text);line-height:1;letter-spacing:-.02em}:where(.uc-awf) .ucd-meta{font-size:10.5px;color:var(--ucd-text-faint);text-align:right;flex:none;line-height:1.4}:where(.uc-awf) .ucd-btn-d{font-size:11px;color:#fff;background:var(--ucd-text);border-radius:8px;padding:8px 13px;line-height:1}:where(.uc-awf) .ucd-btn-o{font-size:11px;color:var(--ucd-text);background:var(--ucd-bg-weaker);
border:1px solid var(--ucd-border-weak);border-radius:8px;padding:7px 12px;line-height:1}:where(.uc-awf) .ucd-btn-g{font-size:11px;color:var(--ucd-text-weaker);border-radius:8px;padding:8px 10px;line-height:1}:where(.uc-awf) .ucd-btn-i{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;
background:var(--ucd-text);color:#fff}:where(.uc-awf) .ucd-btn-i .ucd-icon{width:14px;height:14px}:where(.uc-awf) .ucd-btn-i.is-alt{background:var(--ucd-bg-weaker);border:1px solid var(--ucd-border-weak);color:var(--ucd-text)}:where(.uc-awf) .ucd-chip{font-size:10.5px;color:#525252;background:var(--ucd-bg-default);border-radius:6px;padding:5px 8px;line-height:1}:where(.uc-awf) .ucd-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap}:where(.uc-awf) .ucd-mini{border:1px solid var(--ucd-border-weaker);border-radius:10px;padding:9px;flex:1;min-width:0}:where(.uc-awf) .ucd-mini-img{display:block;height:32px;border-radius:6px;background:var(--ucd-bg-default);margin-bottom:8px}:where(.uc-awf) .ucd-ln{height:6px;border-radius:3px;background:#ececec;display:block}:where(.uc-awf) .ucd-var{flex:1;min-width:0;border-radius:9px;padding:8px;font-size:10px;
color:var(--ucd-text-weaker);text-align:center}:where(.uc-awf) .ucd-var span{display:block;height:16px;border-radius:4px;margin-bottom:7px}:where(.uc-awf) .ucd-band{border:1px solid var(--ucd-border-weaker);border-radius:9px;padding:10px}:where(.uc-awf) .ucd-band-row{display:flex;gap:6px}:where(.uc-awf) .ucd-band-col{flex:1;height:24px;border-radius:5px;background:var(--ucd-bg-default)}:where(.uc-awf) .ucd-quote{display:flex;align-items:center;gap:8px}:where(.uc-awf) .ucd-ava{width:22px;height:22px;border-radius:50%;background:var(--ucd-bg-default);flex:none}:where(.uc-awf) .ucd-foot{margin-top:auto;border-top:1px solid var(--ucd-border-weaker);
padding:12px 15px;display:flex;align-items:center;justify-content:space-between}:where(.uc-awf) .ucd-foot-t{font-size:11.5px;color:var(--ucd-text-weaker)}:where(.uc-awf) .ucd-apply{font-size:12px;color:#fff;background:var(--ucd-primary);
border-radius:8px;padding:8px 14px;line-height:1}:where(.uc-awf) .ucd-anim .ucd-card{opacity:0}:where(.uc-awf) .ucd-anim .ucd-ri{opacity:0}:where(.uc-awf) .ucd-anim .ucd-ri.is-on{background:transparent}:where(.uc-awf) .ucd-anim .ucd-hex-n{opacity:0}:where(.uc-awf) .ucd-anim .ucd-pane:not([data-pane="colours"]) > *{opacity:0}:where(.uc-awf) .ucd-anim .ucd-apply{opacity:.4}:where(.uc-awf) .ucd-anim .ucd-card, :where(.uc-awf) .ucd-anim .ucd-pane, :where(.uc-awf) .ucd-anim .ucd-sw, :where(.uc-awf) .ucd-anim .ucd-ri, :where(.uc-awf) .ucd-anim .ucd-pane > *, :where(.uc-awf) .ucd-anim .ucd-apply{will-change:transform,opacity}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .ucd-anim *{transition:none !important;animation:none !important}}:where(.uc-awf) .ucd-ph{
position:absolute;inset:0;display:flex;flex-direction:column;
align-items:center;justify-content:center;gap:12px;
color:rgba(255,255,255,.66);
}:where(.uc-awf) .ucd-ph span{
font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;
}:where(.uc-awf) .ucd-frame .ucd-stage, :where(.uc-awf) .ucd-frame .ucg-stage, :where(.uc-awf) .ucd-frame .ucn-stage, :where(.uc-awf) .ucd-frame .uac-stage, :where(.uc-awf) .ucd-frame .uai-stage, :where(.uc-awf) .ucd-frame .sl-stage, :where(.uc-awf) .ucd-frame .ag-stage, :where(.uc-awf) .ucd-frame .li-stage, :where(.uc-awf) .ucd-frame .il-stage, :where(.uc-awf) .ucd-frame .mv-stage, :where(.uc-awf) .ucd-frame .cs-stage{
background:transparent;
border-color:transparent;
}:where(.uc-awf) .ucg-stage{
--g-brand:#c94430;
--g-brand-d:#4d180f;
--g-brand-l:#e07a68;
--g-brand-xl:#f2bdb1;
--g-font:Georgia,"Times New Roman",serif;
--g-h-size:19px;
--g-h-weight:400;
--g-btn-radius:7px;
--g-btn-pad:8px 14px;
--g-card-radius:9px;
--g-card-border:#ececec;
--g-card-bg:#ffffff;
--g-card-pad:9px;
--ucgs-bg-weaker:#ffffff;
--ucgs-bg-default:#f4f4f4;
--ucgs-text:#0a0a0a;
--ucgs-text-weaker:#737373;
--ucgs-text-faint:#8a8f98;
--ucgs-border-weak:#e5e5e5;
--ucgs-border-weaker:#f1f1f1;
position:absolute;left:0;top:0;width:580px;height:560px;
line-height:normal;
background:var(--ucgs-bg-weaker);border:1px solid var(--ucgs-border-weak);
border-radius:16px;overflow:hidden;
font-family:"Zalando Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
transform-origin:top left;transform:scale(calc(var(--ucd-panel-w) / 580));
}:where(.uc-awf) .ucg-stage *{box-sizing:border-box}:where(.uc-awf) .ucg-bar{position:absolute;left:26px;right:26px;top:26px;height:86px;
background:var(--ucgs-bg-weaker);border:1px solid var(--ucgs-border-weak);
border-radius:12px;padding:14px 16px;
display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-content:space-between}:where(.uc-awf) .ucg-cell{display:flex;align-items:center;justify-content:center;height:28px}:where(.uc-awf) .ucg-cap{font-size:11px;color:var(--ucgs-text-weaker);text-align:center;line-height:1}:where(.uc-awf) .ucg-swatches{display:flex;gap:3px;width:100%}:where(.uc-awf) .ucg-sw{flex:1;height:24px;border-radius:5px}:where(.uc-awf) .ucg-sw--d{background:var(--g-brand-d)}:where(.uc-awf) .ucg-sw--b{background:var(--g-brand)}:where(.uc-awf) .ucg-sw--l{background:var(--g-brand-l)}:where(.uc-awf) .ucg-sw--xl{background:var(--g-brand-xl)}:where(.uc-awf) .ucg-aa{font-family:var(--g-font);font-size:22px;font-weight:var(--g-h-weight);
line-height:1;color:var(--ucgs-text)}:where(.uc-awf) .ucg-btn{background:var(--g-brand);color:#fff;border-radius:var(--g-btn-radius);
padding:var(--g-btn-pad);font-size:11px;line-height:1;display:inline-block}:where(.uc-awf) .ucg-btn--ghost{background:transparent;color:var(--ucgs-text);
border:1px solid var(--ucgs-border-weak);padding:7px 11px}:where(.uc-awf) .ucg-minicard{width:48px;height:31px;border:1px solid var(--g-card-border);
border-radius:var(--g-card-radius);background:var(--g-card-bg);padding:4px}:where(.uc-awf) .ucg-minicard i{display:block;height:12px;border-radius:3px;background:#eeeeee;margin-bottom:3px}:where(.uc-awf) .ucg-minicard u{display:block;height:3px;border-radius:2px;background:#dedede}:where(.uc-awf) .ucg-page{position:absolute;left:26px;right:26px;top:130px;height:280px;
background:var(--ucgs-bg-weaker);border:1px solid var(--ucgs-border-weak);
border-radius:12px;overflow:hidden;display:flex;flex-direction:column}:where(.uc-awf) .ucg-nav{display:flex;align-items:center;gap:9px;padding:9px 12px;
border-bottom:1px solid var(--ucgs-border-weaker)}:where(.uc-awf) .ucg-dots{display:flex;gap:4px}:where(.uc-awf) .ucg-dots i{width:6px;height:6px;border-radius:50%;background:#dcdcdc;display:block}:where(.uc-awf) .ucg-links{display:flex;gap:12px;margin-left:6px}:where(.uc-awf) .ucg-links span{font-size:10px;color:var(--ucgs-text-faint)}:where(.uc-awf) .ucg-hero{padding:18px 18px 0}:where(.uc-awf) .ucg-h1{font-family:var(--g-font);font-size:var(--g-h-size);font-weight:var(--g-h-weight);
line-height:1.2;color:var(--ucgs-text);margin:0}:where(.uc-awf) .ucg-h2{font-size:11.5px;line-height:1.5;color:var(--ucgs-text-weaker);margin:6px 0 0;max-width:78%}:where(.uc-awf) .ucg-cards{display:flex;gap:10px;padding:16px 18px 18px;flex:1}:where(.uc-awf) .ucg-card{flex:1;min-width:0;border:1px solid var(--g-card-border);
border-radius:var(--g-card-radius);background:var(--g-card-bg);padding:var(--g-card-pad)}:where(.uc-awf) .ucg-card-img{display:block;height:38px;border-radius:calc(var(--g-card-radius) - 3px);
background:var(--ucgs-bg-default);margin-bottom:8px}:where(.uc-awf) .ucg-card-t{font-family:var(--g-font);font-size:11px;font-weight:var(--g-h-weight);
color:var(--ucgs-text);display:block;margin-bottom:5px}:where(.uc-awf) .ucg-ln{display:block;height:4px;border-radius:2px;background:#ececec}:where(.uc-awf) .ucg-thumbs{position:absolute;left:26px;right:26px;top:426px;height:106px;
display:grid;grid-template-columns:repeat(3,1fr);gap:10px}:where(.uc-awf) .ucg-thumb{background:var(--ucgs-bg-weaker);border:1px solid var(--ucgs-border-weak);
border-radius:10px;overflow:hidden;display:flex;flex-direction:column}:where(.uc-awf) .ucg-thumb-nav{display:flex;align-items:center;gap:3px;padding:6px 8px;
border-bottom:1px solid #f6f6f6}:where(.uc-awf) .ucg-thumb-nav i{width:4px;height:4px;border-radius:50%;background:#e0e0e0;display:block}:where(.uc-awf) .ucg-thumb-nav u{flex:1;max-width:16px;height:2px;border-radius:2px;background:#ededed;display:block}:where(.uc-awf) .ucg-thumb-b{padding:8px;flex:1;display:flex;flex-direction:column}:where(.uc-awf) .ucg-tbar{display:block;height:5px;border-radius:2px;background:var(--ucgs-text)}:where(.uc-awf) .ucg-tbar--sub{height:3px;background:#d4d4d4;margin-top:4px}:where(.uc-awf) .ucg-tbtn{display:block;height:11px;width:30px;margin-top:7px;
background:var(--g-brand);border-radius:var(--g-btn-radius)}:where(.uc-awf) .ucg-tcard{flex:1;margin-top:7px;border:1px solid var(--g-card-border);
border-radius:var(--g-card-radius);background:var(--g-card-bg);padding:5px}:where(.uc-awf) .ucg-tcard i{display:block;height:15px;border-radius:3px;background:var(--ucgs-bg-default);margin-bottom:4px}:where(.uc-awf) .ucg-tcard u{display:block;height:3px;border-radius:2px;background:#ececec}:where(.uc-awf) .ucg-thumb-t{font-size:10px;color:var(--ucgs-text-faint);padding:0 8px 7px;line-height:1}:where(.uc-awf) .ucg-anim .ucg-bar, :where(.uc-awf) .ucg-anim .ucg-page, :where(.uc-awf) .ucg-anim .ucg-thumb{opacity:0}:where(.uc-awf) .ucg-anim .ucg-cell{border-radius:8px}:where(.uc-awf) .ucg-anim .ucg-bar, :where(.uc-awf) .ucg-anim .ucg-page, :where(.uc-awf) .ucg-anim .ucg-thumb, :where(.uc-awf) .ucg-anim .ucg-cell{will-change:transform,opacity}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .ucg-anim *{transition:none !important;animation:none !important}}:where(.uc-awf) .ucn-stage{
--n-bar-bg:#ffffff;
--n-bar-pad-y:1;
--n-cta-bg:#c94430;
--n-cta-radius:4px;
--n-align:flex-start;
}:where(.uc-awf) .ucn-stage.is-edited{
--n-bar-bg:#f4f4f4;
--n-bar-pad-y:1.45;
--n-cta-bg:#c94430;
--n-cta-radius:999px;
--n-align:center;
}:where(.uc-awf) .ucn-source.is-edited{
--n-bar-bg:#f4f4f4;
--n-bar-pad-y:1.45;
--n-cta-bg:#c94430;
--n-cta-radius:999px;
--n-align:center;
}:where(.uc-awf) .ucn-stage{
--ucns-bg-weaker:#ffffff;
--ucns-bg-default:#f4f4f4;
--ucns-text:#0a0a0a;
--ucns-text-weaker:#737373;
--ucns-text-faint:#8a8f98;
--ucns-border-weak:#e5e5e5;
--ucns-border-weaker:#f1f1f1;
--ucns-edge:#ffffff;
position:absolute;left:0;top:0;width:580px;height:560px;
line-height:normal;
background:var(--ucns-bg-weaker);border:1px solid var(--ucns-border-weak);
border-radius:16px;overflow:hidden;
font-family:"Zalando Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
transform-origin:top left;transform:scale(calc(var(--ucd-panel-w) / 580));
}:where(.uc-awf) .ucn-stage *{box-sizing:border-box}:where(.uc-awf) .ucn-icon{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}:where(.uc-awf) .ucn-source{position:absolute;left:26px;right:26px;top:26px;
background:var(--ucns-bg-weaker);border:1px solid var(--ucns-border-weak);
border-radius:12px;overflow:hidden}:where(.uc-awf) .ucn-source-head{display:flex;align-items:center;justify-content:space-between;
padding:10px 13px;border-bottom:1px solid var(--ucns-border-weaker)}:where(.uc-awf) .ucn-source-name{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ucns-text)}:where(.uc-awf) .ucn-source-name .ucn-icon{width:14px;height:14px;color:var(--ucns-text-weaker)}:where(.uc-awf) .ucn-source-meta{display:flex;align-items:center;gap:8px}:where(.uc-awf) .ucn-count{font-size:11px;color:var(--ucns-text-faint)}:where(.uc-awf) .ucn-badge{font-size:10px;color:var(--ucns-text);background:var(--ucns-bg-default);
border-radius:5px;padding:4px 7px;line-height:1}:where(.uc-awf) .ucn-instance .ucn-navbar{border-radius:5px;overflow:hidden}:where(.uc-awf) .ucn-navbar{display:flex;align-items:center;justify-content:var(--n-align);
background:var(--n-bar-bg);
gap:calc(10px * var(--n-scale));
padding:calc(11px * var(--n-bar-pad-y) * var(--n-scale)) calc(13px * var(--n-scale));
transition:background-color .42s cubic-bezier(.23,1,.32,1),
padding .42s cubic-bezier(.23,1,.32,1),
justify-content .42s cubic-bezier(.23,1,.32,1),
gap .42s cubic-bezier(.23,1,.32,1)}:where(.uc-awf) .ucn-logo{width:calc(11px * var(--n-scale));height:calc(11px * var(--n-scale));
border-radius:calc(3px * var(--n-scale));background:var(--ucns-text);flex:none}:where(.uc-awf) .ucn-link{height:calc(2.5px * var(--n-scale));width:calc(15px * var(--n-scale));
border-radius:2px;background:#d8d8d8;display:block;flex:none}:where(.uc-awf) .ucn-link--new{width:0;opacity:0;overflow:hidden}:where(.uc-awf) .is-edited .ucn-link--new{width:calc(15px * var(--n-scale));opacity:1}:where(.uc-awf) .ucn-cta{margin-left:auto;height:calc(11px * var(--n-scale));width:calc(26px * var(--n-scale));
border-radius:var(--n-cta-radius);background:var(--n-cta-bg);flex:none}:where(.uc-awf) .ucn-navbar{--n-scale:1}:where(.uc-awf) .ucn-navbar--sm{--n-scale:.62;margin-left:auto}:where(.uc-awf) .ucn-edges{position:absolute;left:26px;top:118px;width:528px;height:34px}:where(.uc-awf) .ucn-pages{position:absolute;left:26px;right:26px;top:152px;bottom:26px;
display:grid;grid-template-columns:repeat(3,1fr);gap:12px}:where(.uc-awf) .ucn-page{background:var(--ucns-bg-weaker);border:1px solid var(--ucns-border-weak);
border-radius:10px;overflow:hidden;display:flex;flex-direction:column}:where(.uc-awf) .ucn-instance{position:relative;margin:20px 4px 4px;border:1.5px solid var(--ucns-text);
border-radius:7px}:where(.uc-awf) .ucn-tag{position:absolute;top:-18px;right:3px;width:15px;height:15px;
border-radius:5px;background:var(--ucns-text);color:#fff;
display:grid;place-items:center}:where(.uc-awf) .ucn-tag .ucn-icon{width:9px;height:9px;stroke-width:2.2}:where(.uc-awf) .ucn-body{padding:9px;flex:1;display:flex;flex-direction:column;gap:7px}:where(.uc-awf) .ucn-h1{height:6px;border-radius:2px;background:var(--ucns-text);display:block}:where(.uc-awf) .ucn-h2{height:3.5px;border-radius:2px;background:#d4d4d4;display:block}:where(.uc-awf) .ucn-blk{border-radius:5px;background:var(--ucns-bg-default);display:block}:where(.uc-awf) .ucn-mini{border:1px solid var(--ucns-border-weaker);border-radius:6px;padding:6px;flex:1;min-width:0}:where(.uc-awf) .ucn-mini i{display:block;height:20px;border-radius:4px;background:var(--ucns-bg-default);margin-bottom:5px}:where(.uc-awf) .ucn-mini u{display:block;height:3px;border-radius:2px;background:#ececec}:where(.uc-awf) .ucn-title{font-size:10.5px;color:var(--ucns-text-faint);padding:0 9px 8px;line-height:1}:where(.uc-awf) .ucn-anim .ucn-cta{transition:border-radius .42s cubic-bezier(.23,1,.32,1),
background-color .42s cubic-bezier(.23,1,.32,1)}:where(.uc-awf) .ucn-anim .ucn-link--new{transition:width .42s cubic-bezier(.23,1,.32,1),
opacity .42s cubic-bezier(.23,1,.32,1)}:where(.uc-awf) .ucn-anim .ucn-source{opacity:0}:where(.uc-awf) .ucn-anim .ucn-page{opacity:0}:where(.uc-awf) .ucn-anim .ucn-tag{transform:scale(0)}:where(.uc-awf) .ucn-anim .ucn-source, :where(.uc-awf) .ucn-anim .ucn-page, :where(.uc-awf) .ucn-anim .ucn-tag{will-change:transform,opacity}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .ucn-anim .ucn-navbar, :where(.uc-awf) .ucn-anim .ucn-cta, :where(.uc-awf) .ucn-anim .ucn-link--new{transition:none !important}}:where(.uc-awf) .uac-stage{
--ucac-bg-weaker:#ffffff;
--ucac-bg-default:#f4f4f4;
--ucac-text:#0a0a0a;
--ucac-text-weaker:#737373;
--ucac-text-faint:#8a8f98;
--ucac-border-weak:#e5e5e5;
--ucac-border-weaker:#f1f1f1;
--ucac-brand:#c94430;
position:absolute;left:0;top:0;width:580px;height:560px;
line-height:normal;
background:var(--ucac-bg-weaker);border:1px solid var(--ucac-border-weak);
border-radius:16px;overflow:hidden;
font-family:"Zalando Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
transform-origin:top left;transform:scale(calc(var(--ucd-panel-w) / 580));
}:where(.uc-awf) .uac-stage *{box-sizing:border-box}:where(.uc-awf) .uac-brief{position:absolute;left:26px;right:26px;top:26px;
display:flex;align-items:center;justify-content:center;gap:6px}:where(.uc-awf) .uac-brief-lbl{font-size:11px;color:#ffffff;margin-right:2px}:where(.uc-awf) .uac-tag{font-size:11px;line-height:1;color:var(--ucac-text);background:var(--ucac-bg-weaker);
border:1px solid var(--ucac-border-weak);border-radius:7px;padding:6px 9px;white-space:nowrap}:where(.uc-awf) .uac-pages{position:absolute;left:26px;right:26px;top:74px;bottom:26px;
display:grid;grid-template-columns:repeat(3,1fr);gap:12px}:where(.uc-awf) .uac-page{background:var(--ucac-bg-weaker);border:1px solid var(--ucac-border-weak);
border-radius:10px;overflow:hidden;display:flex;flex-direction:column}:where(.uc-awf) .uac-nav{display:flex;align-items:center;gap:4px;padding:7px 8px;
border-bottom:1px solid var(--ucac-border-weaker);flex:none}:where(.uc-awf) .uac-nav b{width:6px;height:6px;border-radius:2px;background:var(--ucac-text);display:block}:where(.uc-awf) .uac-nav i{height:2px;width:9px;border-radius:2px;background:#dcdcdc;display:block}:where(.uc-awf) .uac-body{position:relative;flex:1;min-height:0}:where(.uc-awf) .uac-skeleton{position:absolute;inset:0;padding:9px;opacity:0;
display:flex;flex-direction:column;gap:4px;pointer-events:none}:where(.uc-awf) .uac-skeleton span{display:block;border-radius:2px;background:#ececec;height:3px}:where(.uc-awf) .uac-skeleton span.big{height:5px;background:#e0e0e0}:where(.uc-awf) .uac-skeleton span.blk{height:26px;border-radius:4px;background:#f4f4f4}:where(.uc-awf) .uac-content{position:absolute;inset:0;padding:9px;display:flex;flex-direction:column}:where(.uc-awf) .uac-h{font-size:9.5px;line-height:1.3;color:var(--ucac-text);margin:0;letter-spacing:-.01em}:where(.uc-awf) .uac-p{font-size:7px;line-height:1.65;color:var(--ucac-text-weaker);margin:5px 0 0}:where(.uc-awf) .uac-cta{align-self:flex-start;font-size:6.5px;line-height:1;color:#fff;
background:var(--ucac-brand);border-radius:4px;padding:4px 7px;margin-top:7px}:where(.uc-awf) .uac-sub{font-size:8px;line-height:1.3;color:var(--ucac-text);margin:9px 0 0}:where(.uc-awf) .uac-img{display:block;height:30px;border-radius:5px;background:var(--ucac-bg-default);margin-top:8px}:where(.uc-awf) .uac-cards{display:flex;gap:5px;margin-top:7px}:where(.uc-awf) .uac-card{flex:1;min-width:0;border:1px solid var(--ucac-border-weaker);border-radius:5px;padding:5px}:where(.uc-awf) .uac-card i{display:block;height:14px;border-radius:3px;background:var(--ucac-bg-default);margin-bottom:4px}:where(.uc-awf) .uac-ct{font-size:7px;line-height:1.2;color:var(--ucac-text);display:block}:where(.uc-awf) .uac-cp{font-size:6px;line-height:1.5;color:var(--ucac-text-faint);margin:2px 0 0}:where(.uc-awf) .uac-quote{display:flex;align-items:center;gap:6px;margin-top:7px;
border:1px solid var(--ucac-border-weaker);border-radius:5px;padding:5px}:where(.uc-awf) .uac-ava{width:16px;height:16px;border-radius:50%;background:var(--ucac-bg-default);flex:none}:where(.uc-awf) .uac-item{display:flex;justify-content:space-between;gap:6px;font-size:7px;
line-height:1.5;color:var(--ucac-text);padding:4px 0;
border-bottom:1px solid var(--ucac-border-weaker)}:where(.uc-awf) .uac-item span:last-child{color:var(--ucac-text-faint);flex:none}:where(.uc-awf) .uac-title{font-size:10.5px;color:var(--ucac-text-faint);padding:0 9px 8px;line-height:1;flex:none}:where(.uc-awf) .uac-hero-ring{position:absolute;border:1.5px solid #0a0a0a;border-radius:6px;
pointer-events:none;opacity:0;z-index:3}:where(.uc-awf) .uac-callout{position:absolute;left:46px;right:46px;top:212px;
background:var(--ucac-bg-weaker);border:1px solid #d4d4d4;
border-radius:12px;padding:15px 17px}:where(.uc-awf) .uac-callout-lbl{display:flex;align-items:center;gap:6px;font-size:11px;
color:var(--ucac-text-faint);margin:0 0 9px}:where(.uc-awf) .uac-callout-lbl svg{width:12px;height:12px;stroke:currentColor;fill:none;
stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}:where(.uc-awf) .uac-callout-h{font-size:20px;line-height:1.2;letter-spacing:-.02em;
color:var(--ucac-text);margin:0}:where(.uc-awf) .uac-callout-p{font-size:12.5px;line-height:1.55;color:var(--ucac-text-weaker);margin:8px 0 0}:where(.uc-awf) .uac-anim .uac-brief, :where(.uc-awf) .uac-anim .uac-page, :where(.uc-awf) .uac-anim .uac-callout{opacity:0}:where(.uc-awf) .uac-anim .uac-skeleton{opacity:1}:where(.uc-awf) .uac-anim .uac-content > *{opacity:0}:where(.uc-awf) .uac-anim .uac-brief, :where(.uc-awf) .uac-anim .uac-page, :where(.uc-awf) .uac-anim .uac-callout, :where(.uc-awf) .uac-anim .uac-content > *, :where(.uc-awf) .uac-anim .uac-skeleton{will-change:transform,opacity}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .uac-anim *{transition:none !important;animation:none !important}}:where(.uc-awf) .uai-stage{
--ucai-bg-weaker:#ffffff;
--ucai-bg-default:#f4f4f4;
--ucai-text:#0a0a0a;
--ucai-text-weaker:#525252;
--ucai-text-faint:#8a8f98;
--ucai-border-weak:#e5e5e5;
--ucai-border-weaker:#f1f1f1;
--ucai-brand:#c94430;
--ucai-select:#e3e3e3;
position:absolute;left:0;top:0;width:580px;height:560px;
line-height:normal;
background:var(--ucai-bg-weaker);border:1px solid var(--ucai-border-weak);
border-radius:16px;overflow:hidden;
font-family:"Zalando Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
transform-origin:top left;transform:scale(calc(var(--ucd-panel-w) / 580));
}:where(.uc-awf) .uai-stage *{box-sizing:border-box}:where(.uc-awf) .uai-icon{width:13px;height:13px;flex:none;stroke:currentColor;fill:none;
stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}:where(.uc-awf) .uai-page{position:absolute;left:26px;right:26px;top:30px;bottom:30px;
background:var(--ucai-bg-weaker);border:1px solid var(--ucai-border-weak);
border-radius:13px;overflow:hidden;display:flex;flex-direction:column}:where(.uc-awf) .uai-nav{display:flex;align-items:center;gap:9px;padding:10px 14px;
border-bottom:1px solid var(--ucai-border-weaker);flex:none}:where(.uc-awf) .uai-dots{display:flex;gap:4px}:where(.uc-awf) .uai-dots i{width:6px;height:6px;border-radius:50%;background:#dcdcdc;display:block}:where(.uc-awf) .uai-links{display:flex;gap:13px;margin-left:6px}:where(.uc-awf) .uai-links span{font-size:10.5px;color:var(--ucai-text-faint)}:where(.uc-awf) .uai-doc{padding:18px;flex:1;display:flex;flex-direction:column}:where(.uc-awf) .uai-h{font-size:19px;line-height:1.25;letter-spacing:-.02em;color:var(--ucai-text);margin:0}:where(.uc-awf) .uai-lead{font-size:11.5px;line-height:1.5;color:var(--ucai-text-faint);margin:7px 0 0}:where(.uc-awf) .uai-img{display:block;height:82px;border-radius:8px;background:var(--ucai-bg-default);margin:14px 0 0}:where(.uc-awf) .uai-para{font-size:13px;line-height:1.65;color:var(--ucai-text-weaker);
margin:15px 0 0;min-height:64px}:where(.uc-awf) .uai-sel{background:var(--ucai-select);border-radius:2px;
-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:1px 0}:where(.uc-awf) .uai-variant{display:none}:where(.uc-awf) .uai-variant.ucx-is-active{display:inline}:where(.uc-awf) .uai-caret{display:inline-block;width:1.5px;height:13px;background:var(--ucai-text);
vertical-align:-2px;margin-left:1px;opacity:0}:where(.uc-awf) .uai-cta{align-self:flex-start;font-size:11.5px;line-height:1;color:#fff;
background:var(--ucai-brand);border-radius:7px;padding:8px 13px;margin-top:15px}:where(.uc-awf) .uai-cards{display:flex;gap:10px;margin-top:auto;padding-top:16px}:where(.uc-awf) .uai-card{flex:1;min-width:0;border:1px solid var(--ucai-border-weaker);
border-radius:9px;padding:9px}:where(.uc-awf) .uai-card i{display:block;height:30px;border-radius:5px;background:var(--ucai-bg-default);margin-bottom:7px}:where(.uc-awf) .uai-ct{font-size:11px;line-height:1.2;color:var(--ucai-text);display:block}:where(.uc-awf) .uai-cp{font-size:10px;line-height:1.45;color:var(--ucai-text-faint);margin:3px 0 0}:where(.uc-awf) .uai-toolbar{position:absolute;display:inline-flex;align-items:center;gap:2px;
background:var(--ucai-bg-weaker);border:1px solid #d4d4d4;
border-radius:10px;padding:5px;transform-origin:20px 100%}:where(.uc-awf) .uai-act{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;line-height:1;
color:var(--ucai-text);padding:7px 10px;border-radius:6px;white-space:nowrap}:where(.uc-awf) .uai-act.is-hover{background:var(--ucai-bg-default)}:where(.uc-awf) .uai-act .uai-icon{color:var(--ucai-text-faint)}:where(.uc-awf) .uai-divider{width:1px;align-self:stretch;background:var(--ucai-border-weaker);margin:2px 4px}:where(.uc-awf) .uai-anim .uai-page, :where(.uc-awf) .uai-anim .uai-toolbar{opacity:0}:where(.uc-awf) .uai-anim .uai-sel{background:transparent;transition:background-color .25s linear}:where(.uc-awf) .uai-anim .uai-act{transition:background-color .18s linear}:where(.uc-awf) .uai-anim .uai-page, :where(.uc-awf) .uai-anim .uai-toolbar, :where(.uc-awf) .uai-anim .uai-act, :where(.uc-awf) .uai-anim .uai-sel{will-change:transform,opacity}:where(.uc-awf) .uai-anim .uai-caret.is-blink{animation:uaiBlink 1s step-end infinite}@keyframes uaiBlink{0%,50%{opacity:1}50.01%,100%{opacity:0}}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .uai-anim *{transition:none !important;animation:none !important}:where(.uc-awf) .uai-anim .uai-page, :where(.uc-awf) .uai-anim .uai-toolbar{opacity:1}:where(.uc-awf) .uai-anim .uai-sel{background:var(--ucai-select)}}:where(.uc-awf) .sl-stage{
--ucsl-bg-weaker:#ffffff;
--ucsl-bg-default:#f4f4f4;
--ucsl-text:#0a0a0a;
--ucsl-text-faint:#8a8f98;
--ucsl-border-weak:#e5e5e5;
--ucsl-border-weaker:#f1f1f1;
--ucsl-brand:#c94430;
position:absolute;left:0;top:0;width:580px;height:560px;
line-height:normal;
background:var(--ucsl-bg-weaker);border:1px solid var(--ucsl-border-weak);
border-radius:16px;overflow:hidden;
font-family:"Zalando Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
transform-origin:top left;transform:scale(calc(var(--ucd-panel-w) / 580));
}:where(.uc-awf) .sl-stage *{box-sizing:border-box}:where(.uc-awf) .sl-panel{position:absolute;left:24px;right:24px;top:26px;bottom:26px;
background:var(--ucsl-bg-weaker);border:1px solid var(--ucsl-border-weak);
border-radius:13px;display:flex;flex-direction:column;overflow:hidden}:where(.uc-awf) .sl-head{display:flex;align-items:center;gap:10px;padding:11px 13px;
border-bottom:1px solid var(--ucsl-border-weaker);flex:none}:where(.uc-awf) .sl-search{flex:1;display:flex;align-items:center;gap:7px;border:1px solid var(--ucsl-border-weak);
border-radius:8px;padding:7px 10px;font-size:11.5px;color:var(--ucsl-text-faint)}:where(.uc-awf) .sl-search svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8;
stroke-linecap:round;stroke-linejoin:round}:where(.uc-awf) .sl-total{font-size:11.5px;color:var(--ucsl-text);white-space:nowrap}:where(.uc-awf) .sl-body{display:flex;flex:1;min-height:0}:where(.uc-awf) .sl-rail{width:118px;flex:none;border-right:1px solid var(--ucsl-border-weaker);
padding:8px 7px;display:flex;flex-direction:column;gap:2px;overflow:hidden}:where(.uc-awf) .sl-ri{display:flex;align-items:center;justify-content:space-between;gap:6px;
font-size:11.5px;color:var(--ucsl-text-faint);padding:7px 9px;border-radius:7px}:where(.uc-awf) .sl-ri.is-on{background:var(--ucsl-bg-default);color:var(--ucsl-text)}:where(.uc-awf) .sl-cnt{font-size:10.5px;color:var(--ucsl-text-faint)}:where(.uc-awf) .sl-ri.is-on .sl-cnt{color:var(--ucsl-text-faint)}:where(.uc-awf) .sl-grids{position:relative;flex:1;min-width:0}:where(.uc-awf) .sl-grid{position:absolute;inset:0;padding:10px;display:grid;
grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:10px;
opacity:0;pointer-events:none}:where(.uc-awf) .sl-grid.ucx-is-active{opacity:1;pointer-events:auto}:where(.uc-awf) .sl-thumb{background:var(--ucsl-bg-weaker);border:1px solid var(--ucsl-border-weak);
border-radius:8px;padding:10px;display:flex;overflow:hidden}:where(.uc-awf) .sl-thumb > *{flex:1;min-width:0;display:flex}:where(.uc-awf) .sl-thumb--dark{background:var(--ucsl-text);border-color:var(--ucsl-text)}:where(.uc-awf) .sl-stage .sl-thumb--dark .b{background:#4d4d4d}:where(.uc-awf) .sl-stage .sl-thumb--dark .bd{background:#ffffff}:where(.uc-awf) .sl-stage .b{display:block;height:4px;border-radius:2px;background:#d8d8d8;flex:none}:where(.uc-awf) .sl-stage .bd{height:5px;background:var(--ucsl-text)}:where(.uc-awf) .sl-stage .g{display:block;border-radius:4px;background:#f0f0f0;flex:none}:where(.uc-awf) .sl-stage .br{display:block;height:10px;border-radius:3px;background:var(--ucsl-brand);flex:none}:where(.uc-awf) .sl-stage .bo{display:block;height:10px;border-radius:3px;border:1px solid #dcdcdc;flex:none}:where(.uc-awf) .sl-stage .o{display:block;width:14px;height:14px;border-radius:4px;background:#e8e8e8;flex:none}:where(.uc-awf) .sl-stage .av{display:block;width:16px;height:16px;border-radius:50%;background:#ececec;flex:none}:where(.uc-awf) .sl-stage .sr{display:block;width:5px;height:5px;border-radius:1px;background:#d8d8d8;flex:none}:where(.uc-awf) .sl-stage .tg{display:block;width:44px;height:12px;border-radius:100px;background:#f0f0f0;flex:none}:where(.uc-awf) .sl-stage .r{display:flex;gap:6px}:where(.uc-awf) .sl-stage .c{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}:where(.uc-awf) .sl-stage .ct{align-items:center}:where(.uc-awf) .sl-stage .ct > .b, :where(.uc-awf) .sl-stage .ct > .br, :where(.uc-awf) .sl-stage .ct > .bo{margin-inline:auto}:where(.uc-awf) .sl-anim .sl-panel{opacity:0}:where(.uc-awf) .sl-anim .sl-search, :where(.uc-awf) .sl-anim .sl-total{opacity:0}:where(.uc-awf) .sl-anim .sl-ri{opacity:0}:where(.uc-awf) .sl-anim .sl-ri.is-on{background:transparent}:where(.uc-awf) .sl-anim .sl-thumb{opacity:0}:where(.uc-awf) .sl-anim .sl-panel, :where(.uc-awf) .sl-anim .sl-ri, :where(.uc-awf) .sl-anim .sl-thumb, :where(.uc-awf) .sl-anim .sl-grid{will-change:transform,opacity}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .sl-anim *{transition:none !important;animation:none !important}:where(.uc-awf) .sl-anim .sl-panel, :where(.uc-awf) .sl-anim .sl-search, :where(.uc-awf) .sl-anim .sl-total, :where(.uc-awf) .sl-anim .sl-ri, :where(.uc-awf) .sl-anim .sl-thumb{opacity:1}:where(.uc-awf) .sl-anim .sl-ri.is-on{background:var(--ucsl-bg-default)}}:where(.uc-awf) .ag-stage{
--ucag-bg-weaker:#ffffff;
--ucag-bg-default:#f4f4f4;
--ucag-text:#0a0a0a;
--ucag-text-weaker:#525252;
--ucag-text-faint:#8a8f98;
--ucag-border-weak:#e5e5e5;
--ucag-border-weaker:#f1f1f1;
--ucag-brand:#c94430;
position:absolute;left:0;top:0;width:580px;height:560px;
line-height:normal;
background:var(--ucag-bg-weaker);border:1px solid var(--ucag-border-weak);
border-radius:16px;overflow:hidden;
font-family:"Zalando Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
transform-origin:top left;transform:scale(calc(var(--ucd-panel-w) / 580));
}:where(.uc-awf) .ag-stage *{box-sizing:border-box}:where(.uc-awf) .ag-icon{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}:where(.uc-awf) .ag-prompt{position:absolute;left:26px;right:26px;top:50px;
display:flex;align-items:center;gap:9px;
background:var(--ucag-bg-weaker);border:1px solid #d4d4d4;
border-radius:10px;padding:11px 12px}:where(.uc-awf) .ag-prompt > svg{width:15px;height:15px;color:var(--ucag-text-faint);flex:none}:where(.uc-awf) .ag-prompt-text{font-size:12.5px;color:var(--ucag-text);flex:1;min-width:0;white-space:nowrap;
overflow:hidden;text-overflow:ellipsis}:where(.uc-awf) .ag-caret{display:inline-block;width:1.5px;height:12px;background:var(--ucag-text);
vertical-align:-2px;margin-left:1px}:where(.uc-awf) .ag-generate{font-size:11.5px;line-height:1;color:#fff;background:var(--ucag-text);
border-radius:7px;padding:7px 12px;white-space:nowrap;flex:none}:where(.uc-awf) .ag-section{position:absolute;left:26px;right:26px;top:110px;height:344px;
background:var(--ucag-bg-weaker);border:1px solid var(--ucag-border-weak);
border-radius:12px;padding:20px;display:flex;flex-direction:column}:where(.uc-awf) .ag-h{font-size:17px;line-height:1.25;letter-spacing:-.02em;color:var(--ucag-text);
text-align:center;margin:0}:where(.uc-awf) .ag-sub{font-size:11.5px;line-height:1.4;color:var(--ucag-text-faint);text-align:center;margin:6px 0 0}:where(.uc-awf) .ag-toggle{display:flex;align-self:center;gap:2px;background:var(--ucag-bg-default);
border-radius:100px;padding:3px;margin-top:12px}:where(.uc-awf) .ag-toggle span{font-size:9.5px;line-height:1;color:var(--ucag-text-faint);padding:5px 10px;border-radius:100px}:where(.uc-awf) .ag-toggle span.is-on{background:var(--ucag-bg-weaker);color:var(--ucag-text)}:where(.uc-awf) .ag-tiers{display:flex;gap:10px;margin-top:16px;flex:1;min-height:0}:where(.uc-awf) .ag-tier{flex:1;min-width:0;border:1px solid var(--ucag-border-weaker);border-radius:10px;
padding:12px;display:flex;flex-direction:column}:where(.uc-awf) .ag-tier.is-featured{border:1.5px solid var(--ucag-brand);padding:11.5px}:where(.uc-awf) .ag-tier-name{font-size:10px;line-height:1;color:var(--ucag-text-faint)}:where(.uc-awf) .ag-tier-price{font-size:24px;line-height:1;letter-spacing:-.03em;color:var(--ucag-text);margin-top:5px}:where(.uc-awf) .ag-tier-per{font-size:9px;color:var(--ucag-text-faint);margin-top:4px}:where(.uc-awf) .ag-feats{margin-top:9px;display:flex;flex-direction:column;gap:5px;padding-bottom:9px}:where(.uc-awf) .ag-feat{display:flex;align-items:center;gap:5px;font-size:9.5px;line-height:1.25;color:var(--ucag-text-weaker)}:where(.uc-awf) .ag-feat svg{width:9px;height:9px;color:var(--ucag-text-faint);flex:none}:where(.uc-awf) .ag-btn{margin-top:auto;font-size:10px;line-height:1;text-align:center;border-radius:7px;
padding:8px 0;color:#fff;background:var(--ucag-brand)}:where(.uc-awf) .ag-btn--ghost{color:var(--ucag-text);background:transparent;border:1px solid var(--ucag-border-weak);padding:7px 0}:where(.uc-awf) .ag-tokens{position:absolute;left:26px;right:26px;top:470px;height:44px;
display:flex;align-items:center;gap:8px}:where(.uc-awf) .ag-tok-lbl{font-size:11px;color:var(--ucag-text-faint);white-space:nowrap;flex:none}:where(.uc-awf) .ag-tok{display:flex;align-items:center;justify-content:center;gap:6px;
background:var(--ucag-bg-weaker);border:1px solid var(--ucag-border-weak);
border-radius:8px;padding:8px 11px;height:36px}:where(.uc-awf) .ag-tok-sw{display:flex;gap:3px}:where(.uc-awf) .ag-tok-sw i{width:11px;height:11px;border-radius:3px;display:block}:where(.uc-awf) .ag-tok-aa{font-size:13px;line-height:1;color:var(--ucag-text)}:where(.uc-awf) .ag-tok-btn{width:26px;height:11px;border-radius:4px;background:var(--ucag-brand);display:block}:where(.uc-awf) .ag-tok-card{width:22px;height:16px;border:1px solid #dcdcdc;border-radius:4px;display:block;padding:2px}:where(.uc-awf) .ag-tok-card i{display:block;height:6px;border-radius:2px;background:#eeeeee;margin-bottom:2px}:where(.uc-awf) .ag-tok-card u{display:block;height:2px;border-radius:1px;background:#dedede}:where(.uc-awf) .ag-anim .ag-h, :where(.uc-awf) .ag-anim .ag-sub, :where(.uc-awf) .ag-anim .ag-toggle, :where(.uc-awf) .ag-anim .ag-tier, :where(.uc-awf) .ag-anim .ag-btn{opacity:0}:where(.uc-awf) .ag-anim .ag-generate{opacity:.45}:where(.uc-awf) .ag-anim .ag-tok{opacity:.4;border-color:#ececec}:where(.uc-awf) .ag-anim .ag-tier.is-featured{border-color:#f1f1f1}:where(.uc-awf) .ag-anim .ag-tier, :where(.uc-awf) .ag-anim .ag-btn, :where(.uc-awf) .ag-anim .ag-tok, :where(.uc-awf) .ag-anim .ag-generate{will-change:transform,opacity}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .ag-anim *{transition:none !important;animation:none !important}:where(.uc-awf) .ag-anim .ag-h, :where(.uc-awf) .ag-anim .ag-sub, :where(.uc-awf) .ag-anim .ag-toggle, :where(.uc-awf) .ag-anim .ag-tier, :where(.uc-awf) .ag-anim .ag-btn, :where(.uc-awf) .ag-anim .ag-tok, :where(.uc-awf) .ag-anim .ag-generate{opacity:1}:where(.uc-awf) .ag-anim .ag-tok{border-color:#d4d4d4}:where(.uc-awf) .ag-anim .ag-tier.is-featured{border-color:var(--ucag-brand)}:where(.uc-awf) .ag-anim .ag-caret{opacity:0}}:where(.uc-awf) .im-stage{
--ucim-bg-weaker:#ffffff;
--ucim-bg-default:#f4f4f4;
--ucim-text:#0a0a0a;
--ucim-text-faint:#8a8f98;
--ucim-border-weak:#e5e5e5;
--ucim-img-bg:#f7ece6;
--ucim-img-surface:#f2ded4;
--ucim-img-plate:#ffffff;
--ucim-img-subject:#c94430;
--ucim-img-score:#e07a68;
--ucim-img-object:#f2bdb1;
--ucim-img-added:#e07a68;
position:absolute;left:0;top:0;width:580px;height:560px;
line-height:normal;
background:var(--ucim-bg-weaker);border:1px solid var(--ucim-border-weak);
border-radius:16px;overflow:hidden;
font-family:"Zalando Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
transform-origin:top left;transform:scale(calc(var(--ucd-panel-w) / 580));
}:where(.uc-awf) .im-stage *{box-sizing:border-box}:where(.uc-awf) .im-icon{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}:where(.uc-awf) .im-prompt{position:absolute;left:26px;right:26px;top:30px;
display:flex;align-items:center;gap:9px;background:var(--ucim-bg-weaker);
border:1px solid #d4d4d4;border-radius:10px;padding:11px 12px}:where(.uc-awf) .im-prompt > svg{width:15px;height:15px;color:var(--ucim-text-faint);flex:none}:where(.uc-awf) .im-prompt-text{font-size:12.5px;color:var(--ucim-text);flex:1;min-width:0;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(.uc-awf) .im-caret{display:inline-block;width:1.5px;height:12px;background:var(--ucim-text);
vertical-align:-2px;margin-left:1px}:where(.uc-awf) .im-generate{font-size:11.5px;line-height:1;color:#fff;background:var(--ucim-text);
border-radius:7px;padding:7px 12px;white-space:nowrap;flex:none}:where(.uc-awf) .im-canvas{position:absolute;left:26px;right:26px;top:92px;bottom:30px;
border:1px solid var(--ucim-border-weak);border-radius:12px;overflow:hidden}:where(.uc-awf) .im-checker{position:absolute;inset:0;background-color:#fff;
background-image:
linear-gradient(45deg,#e8e8e8 25%,transparent 25%,transparent 75%,#e8e8e8 75%),
linear-gradient(45deg,#e8e8e8 25%,transparent 25%,transparent 75%,#e8e8e8 75%);
background-size:16px 16px;background-position:0 0,8px 8px}:where(.uc-awf) .im-bg{position:absolute;inset:0;background:var(--ucim-img-bg)}:where(.uc-awf) .im-scene{position:absolute;inset:0;width:100%;height:100%;transform-origin:50% 50%}:where(.uc-awf) .im-boundary{position:absolute;inset:0;border:1.5px dashed var(--ucim-text);
border-radius:4px;opacity:0;pointer-events:none}:where(.uc-awf) .im-handle{position:absolute;width:9px;height:9px;background:var(--ucim-bg-weaker);
border:1.5px solid var(--ucim-text);border-radius:2px;opacity:0}:where(.uc-awf) .im-toolbar{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;
display:inline-flex;align-items:center;gap:2px;background:var(--ucim-bg-weaker);
border:1px solid #d4d4d4;border-radius:10px;padding:5px}:where(.uc-awf) .im-tool{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;line-height:1;
color:var(--ucim-text);padding:8px 11px;border-radius:6px;white-space:nowrap}:where(.uc-awf) .im-tool.is-on{background:var(--ucim-bg-default)}:where(.uc-awf) .im-tool svg{width:14px;height:14px;color:var(--ucim-text-faint)}:where(.uc-awf) .im-tool.is-on svg{color:var(--ucim-text)}:where(.uc-awf) .im-anim .im-bg, :where(.uc-awf) .im-anim .im-surface, :where(.uc-awf) .im-anim .im-plate, :where(.uc-awf) .im-anim .im-subject, :where(.uc-awf) .im-anim .im-cup{opacity:0}:where(.uc-awf) .im-anim .im-generate{opacity:.45}:where(.uc-awf) .im-anim .im-toolbar{opacity:0;transform:translateX(-50%) translateY(8px)}:where(.uc-awf) .im-anim .im-scene, :where(.uc-awf) .im-anim .im-bg, :where(.uc-awf) .im-anim .im-added, :where(.uc-awf) .im-anim .im-cup{will-change:transform,opacity}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .im-anim *{transition:none !important;animation:none !important}:where(.uc-awf) .im-anim .im-bg, :where(.uc-awf) .im-anim .im-surface, :where(.uc-awf) .im-anim .im-plate, :where(.uc-awf) .im-anim .im-subject, :where(.uc-awf) .im-anim .im-cup, :where(.uc-awf) .im-anim .im-generate{opacity:1}:where(.uc-awf) .im-anim .im-toolbar{opacity:1;transform:translateX(-50%)}:where(.uc-awf) .im-anim .im-caret{opacity:0}}:where(.uc-awf) .li-stage{
--ucli-bg-weaker:#ffffff;
--ucli-bg-default:#f4f4f4;
--ucli-text:#0a0a0a;
--ucli-text-weaker:#525252;
--ucli-text-faint:#8a8f98;
--ucli-border-weak:#e5e5e5;
--ucli-border-weaker:#f1f1f1;
--ucli-brand:#c94430;
position:absolute;left:0;top:0;width:580px;height:560px;
line-height:normal;
background:var(--ucli-bg-weaker);border:1px solid var(--ucli-border-weak);
border-radius:16px;overflow:hidden;
font-family:"Zalando Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
transform-origin:top left;transform:scale(calc(var(--ucd-panel-w) / 580));
}:where(.uc-awf) .li-stage *{box-sizing:border-box}:where(.uc-awf) .li-icon{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}:where(.uc-awf) .li-page{position:absolute;left:26px;right:26px;top:30px;bottom:30px;
background:var(--ucli-bg-weaker);border:1px solid var(--ucli-border-weak);
border-radius:12px;overflow:hidden;display:flex;flex-direction:column}:where(.uc-awf) .li-nav{display:flex;align-items:center;gap:9px;padding:10px 14px;
border-bottom:1px solid var(--ucli-border-weaker);flex:none}:where(.uc-awf) .li-dots{display:flex;gap:4px}:where(.uc-awf) .li-dots i{width:6px;height:6px;border-radius:50%;background:#dcdcdc;display:block}:where(.uc-awf) .li-links{display:flex;gap:13px;margin-left:6px}:where(.uc-awf) .li-links span{font-size:10.5px;color:var(--ucli-text-faint)}:where(.uc-awf) .li-doc{padding:18px;flex:1;display:flex;flex-direction:column}:where(.uc-awf) .li-h{font-size:19px;line-height:1.25;letter-spacing:-.02em;color:var(--ucli-text);margin:0}:where(.uc-awf) .li-sub{font-size:12px;line-height:1.5;color:var(--ucli-text-faint);margin:7px 0 0}:where(.uc-awf) .li-slot{position:relative;height:110px;margin-top:16px;border-radius:9px;overflow:hidden;
border:1.5px dashed var(--ucli-text);display:grid;place-items:center}:where(.uc-awf) .li-slot-label{font-size:11px;color:var(--ucli-text-faint)}:where(.uc-awf) .li-slot-img{position:absolute;inset:0;opacity:0}:where(.uc-awf) .li-slot-img svg{display:block;width:100%;height:100%}:where(.uc-awf) .li-.li-ln{display:block;height:5px;border-radius:2px;background:#ececec}:where(.uc-awf) .li-cta{align-self:flex-start;font-size:11.5px;line-height:1;color:#fff;
background:var(--ucli-brand);border-radius:7px;padding:8px 13px;margin-top:14px}:where(.uc-awf) .li-picker{position:absolute;left:44px;right:44px;bottom:46px;
background:var(--ucli-bg-weaker);border:1px solid #d4d4d4;
border-radius:12px;padding:14px}:where(.uc-awf) .li-pick-head{display:flex;align-items:center;gap:10px;margin-bottom:11px}:where(.uc-awf) .li-logo{width:46px;height:22px;color:var(--ucli-text);flex:none}:where(.uc-awf) .li-search{flex:1;display:flex;align-items:center;gap:7px;border:1px solid var(--ucli-border-weak);
border-radius:8px;padding:7px 10px}:where(.uc-awf) .li-search > svg{width:13px;height:13px;color:var(--ucli-text-faint);flex:none}:where(.uc-awf) .li-query{font-size:11.5px;color:var(--ucli-text);flex:1;min-width:0;white-space:nowrap;overflow:hidden}:where(.uc-awf) .li-caret{display:inline-block;width:1.5px;height:11px;background:var(--ucli-text);
vertical-align:-2px;margin-left:1px}:where(.uc-awf) .li-count{font-size:11px;color:var(--ucli-text-faint);white-space:nowrap;flex:none}:where(.uc-awf) .li-results{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}:where(.uc-awf) .li-thumb{position:relative;height:84px;border-radius:7px;overflow:hidden;display:block;background:#eee}:where(.uc-awf) .li-thumb svg{display:block;width:100%;height:100%}:where(.uc-awf) .li-thumb.is-picked{outline:1.5px solid var(--ucli-text);outline-offset:2px}:where(.uc-awf) .li-flyer{position:absolute;left:60px;top:322px;width:109px;height:84px;
border-radius:7px;overflow:hidden;opacity:0;pointer-events:none;z-index:5}:where(.uc-awf) .li-flyer svg{display:block;width:100%;height:100%}:where(.uc-awf) .li-anim .li-page{opacity:0}:where(.uc-awf) .li-anim .li-picker{opacity:0;transform:translateY(14px)}:where(.uc-awf) .li-anim .li-count{opacity:0}:where(.uc-awf) .li-anim .li-thumb{opacity:0;transform:scale(.94)}:where(.uc-awf) .li-anim .li-flyer{will-change:transform,opacity;transform-origin:0 0}:where(.uc-awf) .li-anim .li-slot{will-change:border-color}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .li-anim *{transition:none !important;animation:none !important}:where(.uc-awf) .li-anim .li-page, :where(.uc-awf) .li-anim .li-count{opacity:1}:where(.uc-awf) .li-anim .li-picker{opacity:1;transform:none}:where(.uc-awf) .li-anim .li-thumb{opacity:1;transform:none}:where(.uc-awf) .li-anim .li-slot-img{opacity:1}:where(.uc-awf) .li-anim .li-slot-label{opacity:0}:where(.uc-awf) .li-anim .li-slot{border:1px solid var(--ucli-border-weak)}:where(.uc-awf) .li-anim .li-caret{opacity:0}}:where(.uc-awf) .il-stage{
--ucil-bg-weaker:#ffffff;
--ucil-bg-default:#f4f4f4;
--ucil-text:#0a0a0a;
--ucil-text-weaker:#525252;
--ucil-text-faint:#8a8f98;
--ucil-border-weak:#e5e5e5;
--ucil-border-weaker:#f1f1f1;
--ucil-edge:#c9c9c9;
position:absolute;left:0;top:0;width:580px;height:560px;
line-height:normal;
background:var(--ucil-bg-weaker);border:1px solid var(--ucil-border-weak);
border-radius:16px;overflow:hidden;
font-family:"Zalando Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
transform-origin:top left;transform:scale(calc(var(--ucd-panel-w) / 580));
}:where(.uc-awf) .il-stage *{box-sizing:border-box}:where(.uc-awf) .il-ic{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.7;
stroke-linecap:round;stroke-linejoin:round;display:block}:where(.uc-awf) .il-library{position:absolute;left:26px;right:26px;top:30px;
background:var(--ucil-bg-weaker);border:1px solid var(--ucil-border-weak);
border-radius:12px;padding:14px}:where(.uc-awf) .il-head{display:flex;align-items:center;gap:9px;margin-bottom:11px}:where(.uc-awf) .il-search{flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--ucil-border-weak);
border-radius:8px;padding:8px 10px}:where(.uc-awf) .il-search-ic{width:14px;height:14px;color:var(--ucil-text-faint);flex:none}:where(.uc-awf) .il-query{font-size:12px;color:var(--ucil-text);flex:1;min-width:0;white-space:nowrap;overflow:hidden}:where(.uc-awf) .il-caret{display:inline-block;width:1.5px;height:11px;background:var(--ucil-text);
vertical-align:-2px;margin-left:1px}:where(.uc-awf) .il-count{font-size:11px;color:var(--ucil-text-faint);white-space:nowrap;flex:none}:where(.uc-awf) .il-cells{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}:where(.uc-awf) .il-cell{aspect-ratio:1;border-radius:8px;display:grid;place-items:center;
color:var(--ucil-text-weaker);padding:14px}:where(.uc-awf) .il-cell.is-hover{background:var(--ucil-bg-default)}:where(.uc-awf) .il-cell.is-selected{background:var(--ucil-bg-default);color:var(--ucil-text);
outline:1.5px solid var(--ucil-text);outline-offset:-1.5px}:where(.uc-awf) .il-connector{position:absolute;left:26px;width:528px;height:39px;top:287px}:where(.uc-awf) .il-section{position:absolute;left:26px;right:26px;bottom:30px;
background:var(--ucil-bg-weaker);border:1px solid var(--ucil-border-weak);
border-radius:12px;padding:18px;display:flex;flex-direction:column}:where(.uc-awf) .il-sec-h{font-size:15px;line-height:1.25;letter-spacing:-.01em;color:var(--ucil-text);margin:0}:where(.uc-awf) .il-cards{display:flex;gap:10px;margin-top:14px;flex:1}:where(.uc-awf) .il-card{flex:1;min-width:0;border:1px solid var(--ucil-border-weaker);border-radius:10px;
padding:12px;display:flex;flex-direction:column}:where(.uc-awf) .il-card.is-target{border-color:var(--ucil-text)}:where(.uc-awf) .il-slot{width:40px;height:40px;border-radius:10px;background:var(--ucil-bg-default);
display:grid;place-items:center;color:var(--ucil-text);padding:10px;flex:none}:where(.uc-awf) .il-slot.is-empty{background:var(--ucil-bg-weaker);border:1.5px dashed var(--ucil-text)}:where(.uc-awf) .il-slot.is-empty .il-ic{opacity:0}:where(.uc-awf) .il-card-t{font-size:12.5px;line-height:1.3;color:var(--ucil-text);margin:12px 0 0}:where(.uc-awf) .il-card-p{font-size:11px;line-height:1.5;color:var(--ucil-text-faint);margin:5px 0 0}:where(.uc-awf) .il-flyer{position:absolute;left:119px;top:104px;width:30px;height:30px;color:var(--ucil-text);
opacity:0;pointer-events:none;z-index:5}:where(.uc-awf) .il-anim .il-library{opacity:0;transform:translateY(-8px)}:where(.uc-awf) .il-anim .il-section{opacity:0;transform:translateY(10px)}:where(.uc-awf) .il-anim .il-count{opacity:0}:where(.uc-awf) .il-anim .il-cell{opacity:0;transform:scale(.9)}:where(.uc-awf) .il-anim .il-edge{opacity:0}:where(.uc-awf) .il-anim .il-flyer{will-change:transform,opacity;transform-origin:0 0}:where(.uc-awf) .il-anim .il-selected .il-ic{will-change:opacity}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .il-anim *{transition:none !important;animation:none !important}:where(.uc-awf) .il-anim .il-library, :where(.uc-awf) .il-anim .il-section{opacity:1;transform:none}:where(.uc-awf) .il-anim .il-count{opacity:1}:where(.uc-awf) .il-anim .il-cell{opacity:1;transform:none}:where(.uc-awf) .il-anim .il-edge{opacity:1;stroke-dasharray:3 4}:where(.uc-awf) .il-anim .il-caret{opacity:0}:where(.uc-awf) .il-anim .il-flyer{opacity:0}}:where(.uc-awf) .mv-stage{
--ucmv-bg-weaker:#ffffff;
--ucmv-bg-default:#f4f4f4;
--ucmv-text:#0a0a0a;
--ucmv-text-faint:#8a8f98;
--ucmv-border-weak:#e5e5e5;
--ucmv-border-weaker:#f1f1f1;
position:absolute;left:0;top:0;width:580px;height:560px;
line-height:normal;
background:var(--ucmv-bg-weaker);border:1px solid var(--ucmv-border-weak);
border-radius:16px;overflow:hidden;
font-family:"Zalando Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
transform-origin:top left;transform:scale(calc(var(--ucd-panel-w) / 580));
}:where(.uc-awf) .mv-stage *{box-sizing:border-box}:where(.uc-awf) .mv-bar{position:absolute;left:26px;right:26px;top:26px;height:44px;
display:flex;align-items:center;gap:10px;background:var(--ucmv-bg-weaker);
border:1px solid var(--ucmv-border-weak);border-radius:10px;padding:0 13px}:where(.uc-awf) .mv-bar-t{font-size:12.5px;color:var(--ucmv-text);flex:1}:where(.uc-awf) .mv-people{display:flex;align-items:center}:where(.uc-awf) .mv-av{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--ucmv-bg-weaker);
font-size:9px;color:#525252;display:grid;place-items:center}:where(.uc-awf) .mv-av--cl{background:var(--ucmv-border-weak);margin-left:-8px}:where(.uc-awf) .mv-av--ag{background:var(--ucmv-bg-default)}:where(.uc-awf) .mv-status{font-size:11.5px;color:var(--ucmv-text-faint);white-space:nowrap}:where(.uc-awf) .mv-variants{position:absolute;left:26px;right:26px;top:86px;bottom:26px;
display:grid;grid-template-columns:repeat(3,1fr);gap:10px}:where(.uc-awf) .mv-variant{display:flex;flex-direction:column;border-radius:11px;overflow:hidden;
border:1px solid var(--ucmv-border-weak);background:var(--ucmv-bg-weaker)}:where(.uc-awf) .mv-variant.is-dimmed{opacity:.55}:where(.uc-awf) .mv-variant.is-picked{border:1.5px solid var(--ucmv-text)}:where(.uc-awf) .mv-a{ --v-brand:#c94430; --v-brand-2:#e07a68; --v-brand-3:#f2bdb1;
--v-font:Georgia,"Times New Roman",serif; --v-weight:400; --v-track:0em;
--v-btn-radius:6px; --v-card-radius:10px; --v-card-bg:#ffffff;
--v-card-border:#ececec; --v-surface:#fffaf7; }:where(.uc-awf) .mv-b{ --v-brand:#3f7d5a; --v-brand-2:#6ba484; --v-brand-3:#bcd8c8;
--v-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
--v-weight:500; --v-track:-.01em;
--v-btn-radius:999px; --v-card-radius:15px; --v-card-bg:#f2f6f3;
--v-card-border:transparent; --v-surface:#f7fbf8; }:where(.uc-awf) .mv-c{ --v-brand:#22356b; --v-brand-2:#4a63a8; --v-brand-3:#b6c1de;
--v-font:Verdana,Geneva,sans-serif; --v-weight:700; --v-track:-.03em;
--v-btn-radius:2px; --v-card-radius:2px; --v-card-bg:#ffffff;
--v-card-border:#d9dce6; --v-surface:#f6f7fb; }:where(.uc-awf) .mv-page{flex:1;min-height:0;background:var(--v-surface);display:flex;flex-direction:column}:where(.uc-awf) .mv-nav{display:flex;align-items:center;gap:4px;padding:7px 8px;flex:none;
border-bottom:1px solid rgba(0,0,0,.05)}:where(.uc-awf) .mv-logo{width:8px;height:8px;border-radius:2px;background:var(--v-brand);display:block}:where(.uc-awf) .mv-nav i{height:2px;width:9px;border-radius:2px;background:rgba(0,0,0,.14);display:block}:where(.uc-awf) .mv-doc{padding:9px;flex:1;display:flex;flex-direction:column}:where(.uc-awf) .mv-h{font-family:var(--v-font);font-weight:var(--v-weight);letter-spacing:var(--v-track);
font-size:11.5px;line-height:1.25;color:var(--ucmv-text);margin:0}:where(.uc-awf) .mv-s{font-family:var(--v-font);font-size:8px;line-height:1.55;color:#6b6b6b;margin:5px 0 0}:where(.uc-awf) .mv-btn{align-self:flex-start;font-family:var(--v-font);font-weight:var(--v-weight);
font-size:7.5px;line-height:1;color:#fff;background:var(--v-brand);
border-radius:var(--v-btn-radius);padding:6px 10px;margin-top:8px}:where(.uc-awf) .mv-img{display:block;height:66px;border-radius:var(--v-card-radius);
background:var(--v-brand-3);margin-top:9px}:where(.uc-awf) .mv-cards{display:flex;gap:5px;margin-top:8px}:where(.uc-awf) .mv-card{flex:1;min-width:0;background:var(--v-card-bg);border:1px solid var(--v-card-border);
border-radius:var(--v-card-radius);padding:6px}:where(.uc-awf) .mv-card i{display:block;height:14px;border-radius:calc(var(--v-card-radius) - 2px);
background:var(--v-brand-3);margin-bottom:5px;opacity:.7}:where(.uc-awf) .mv-ct{font-family:var(--v-font);font-weight:var(--v-weight);font-size:7.5px;
line-height:1.2;color:var(--ucmv-text);display:block}:where(.uc-awf) .mv-ln{display:block;height:2.5px;border-radius:2px;background:rgba(0,0,0,.1);margin-top:4px}:where(.uc-awf) .mv-sub2{font-family:var(--v-font);font-weight:var(--v-weight);letter-spacing:var(--v-track);
font-size:9px;line-height:1.2;color:var(--ucmv-text);margin:10px 0 0}:where(.uc-awf) .mv-mini{display:flex;gap:5px;margin-top:6px}:where(.uc-awf) .mv-mchip{flex:1;height:42px;border-radius:var(--v-card-radius);background:var(--v-card-bg);
border:1px solid var(--v-card-border);display:block}:where(.uc-awf) .mv-quote{margin-top:auto;padding-top:8px;display:flex;align-items:center;gap:6px}:where(.uc-awf) .mv-qav{width:16px;height:16px;border-radius:50%;background:var(--v-brand-2);flex:none;opacity:.8}:where(.uc-awf) .mv-tokens{flex:none;display:flex;align-items:center;gap:7px;padding:8px 9px;
border-top:1px solid var(--ucmv-border-weaker);background:var(--ucmv-bg-weaker)}:where(.uc-awf) .mv-sw{display:flex;gap:2px}:where(.uc-awf) .mv-sw i{width:9px;height:9px;border-radius:2px;display:block}:where(.uc-awf) .mv-aa{font-family:var(--v-font);font-weight:var(--v-weight);letter-spacing:var(--v-track);
font-size:12px;line-height:1;color:var(--ucmv-text)}:where(.uc-awf) .mv-tbtn{width:20px;height:9px;border-radius:var(--v-btn-radius);background:var(--v-brand);display:block}:where(.uc-awf) .mv-tcard{width:14px;height:11px;border-radius:calc(var(--v-card-radius) / 1.6);
background:var(--v-card-bg);border:1px solid var(--v-card-border);display:block}:where(.uc-awf) .mv-label{flex:none;display:flex;align-items:center;justify-content:space-between;gap:5px;
padding:0 9px 8px;background:var(--ucmv-bg-weaker)}:where(.uc-awf) .mv-name{font-size:10.5px;color:var(--ucmv-text-faint)}:where(.uc-awf) .mv-badge{font-size:9px;line-height:1;color:#fff;background:var(--ucmv-text);
border-radius:4px;padding:4px 6px;opacity:0}:where(.uc-awf) .is-picked .mv-badge{opacity:1}:where(.uc-awf) .mv-anim .mv-bar{opacity:0;transform:translateY(-8px)}:where(.uc-awf) .mv-anim .mv-av--cl{opacity:0;transform:scale(.7) translateX(8px)}:where(.uc-awf) .mv-anim .mv-variant{opacity:0;transform:translateY(12px) scale(.97);will-change:transform,opacity}:where(.uc-awf) .mv-anim .mv-doc > *{opacity:0;transform:translateY(6px)}:where(.uc-awf) .mv-anim .mv-tokens{opacity:0}:where(.uc-awf) .mv-anim .mv-badge{opacity:0}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .mv-anim *{transition:none !important;animation:none !important}:where(.uc-awf) .mv-anim .mv-bar{opacity:1;transform:none}:where(.uc-awf) .mv-anim .mv-av--cl{opacity:1;transform:none}:where(.uc-awf) .mv-anim .mv-variant{opacity:1;transform:none}:where(.uc-awf) .mv-anim .mv-variant.is-dimmed{opacity:.55}:where(.uc-awf) .mv-anim .mv-doc > *{opacity:1;transform:none}:where(.uc-awf) .mv-anim .mv-tokens{opacity:1}:where(.uc-awf) .mv-anim .is-picked .mv-badge{opacity:1}}:where(.uc-awf) .cs-stage{
--uccs-bg-weaker:#ffffff;
--uccs-bg-default:#f4f4f4;
--uccs-text:#0a0a0a;
--uccs-text-weaker:#525252;
--uccs-text-faint:#8a8f98;
--uccs-border-weak:#e5e5e5;
--uccs-border-weaker:#f1f1f1;
--uccs-brand:#c94430;
--uccs-client:#e0e7f5;
position:absolute;left:0;top:0;width:580px;height:560px;
line-height:normal;
background:var(--uccs-bg-weaker);border:1px solid var(--uccs-border-weak);
border-radius:16px;overflow:hidden;
font-family:"Zalando Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
transform-origin:top left;transform:scale(calc(var(--ucd-panel-w) / 580));
}:where(.uc-awf) .cs-stage *{box-sizing:border-box}:where(.uc-awf) .cs-icon{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}:where(.uc-awf) .cs-page{position:absolute;left:26px;right:26px;top:30px;bottom:30px;
background:var(--uccs-bg-weaker);border:1px solid var(--uccs-border-weak);
border-radius:12px;overflow:hidden;display:flex;flex-direction:column}:where(.uc-awf) .cs-nav{display:flex;align-items:center;gap:10px;padding:9px 12px;flex:none;
border-bottom:1px solid var(--uccs-border-weaker)}:where(.uc-awf) .cs-dots{display:flex;gap:4px}:where(.uc-awf) .cs-dots i{width:6px;height:6px;border-radius:50%;background:#dcdcdc;display:block}:where(.uc-awf) .cs-links{display:flex;gap:12px}:where(.uc-awf) .cs-links span{font-size:10.5px;color:var(--uccs-text-faint)}:where(.uc-awf) .cs-share{margin-left:auto;display:flex;align-items:center;gap:7px}:where(.uc-awf) .cs-avs{display:flex}:where(.uc-awf) .cs-av{width:21px;height:21px;border-radius:50%;border:1.5px solid var(--uccs-bg-weaker);
font-size:8.5px;display:grid;place-items:center;color:var(--uccs-text-weaker)}:where(.uc-awf) .cs-av--ag{background:var(--uccs-bg-default)}:where(.uc-awf) .cs-av--cl{background:var(--uccs-client);margin-left:-7px}:where(.uc-awf) .cs-share-btn{display:flex;align-items:center;gap:5px;font-size:10.5px;line-height:1;
color:var(--uccs-text);background:var(--uccs-bg-default);
border-radius:100px;padding:6px 10px}:where(.uc-awf) .cs-share-btn svg{width:12px;height:12px;color:var(--uccs-text-weaker)}:where(.uc-awf) .cs-doc{padding:18px;flex:1;display:flex;flex-direction:column}:where(.uc-awf) .cs-h{font-size:19px;line-height:1.3;letter-spacing:-.02em;color:var(--uccs-text);margin:0;max-width:76%}:where(.uc-awf) .cs-s{font-size:11.5px;line-height:1.5;color:var(--uccs-text-faint);margin:8px 0 0;max-width:72%}:where(.uc-awf) .cs-btn{align-self:flex-start;font-size:11.5px;line-height:1;color:#fff;
background:var(--uccs-brand);border-radius:7px;padding:8px 13px;margin-top:14px}:where(.uc-awf) .cs-img{display:block;height:76px;border-radius:9px;background:var(--uccs-bg-default);margin-top:16px}:where(.uc-awf) .cs-cards{display:flex;gap:10px;margin-top:16px;flex:1}:where(.uc-awf) .cs-card{flex:1;min-width:0;border:1px solid var(--uccs-border-weaker);border-radius:9px;padding:10px}:where(.uc-awf) .cs-card i{display:block;height:100px;border-radius:5px;background:var(--uccs-bg-default);margin-bottom:8px}:where(.uc-awf) .cs-ct{font-size:11px;line-height:1.2;color:var(--uccs-text);display:block}:where(.uc-awf) .cs-ln{display:block;height:4px;border-radius:2px;background:#ececec;margin-top:5px}:where(.uc-awf) .cs-pin{position:absolute;width:22px;height:22px;border-radius:50% 50% 50% 3px;
background:var(--uccs-bg-weaker);border:1.5px solid var(--uccs-text);
display:grid;place-items:center;font-size:10px;color:var(--uccs-text);z-index:4}:where(.uc-awf) .cs-pin.ucx-is-open{background:var(--uccs-text);color:#fff}:where(.uc-awf) .cs-thread{position:absolute;width:250px;background:var(--uccs-bg-weaker);
border:1px solid #d4d4d4;border-radius:11px;padding:11px;z-index:5;
transform-origin:0 0}:where(.uc-awf) .cs-msg{display:flex;gap:8px;align-items:flex-start}:where(.uc-awf) .cs-msg + .cs-msg{margin-top:9px;padding-top:9px;border-top:1px solid var(--uccs-border-weaker)}:where(.uc-awf) .cs-msg-av{width:20px;height:20px;border-radius:50%;font-size:8px;display:grid;
place-items:center;color:var(--uccs-text-weaker);flex:none}:where(.uc-awf) .cs-msg-b{flex:1;min-width:0}:where(.uc-awf) .cs-msg-who{font-size:10.5px;color:var(--uccs-text)}:where(.uc-awf) .cs-msg-when{font-size:9.5px;color:var(--uccs-text-faint);margin-left:3px}:where(.uc-awf) .cs-msg-tx{font-size:10.5px;line-height:1.45;color:var(--uccs-text-weaker);margin:3px 0 0}:where(.uc-awf) .cs-resolve{width:19px;height:19px;border-radius:5px;background:var(--uccs-bg-default);
display:grid;place-items:center;color:var(--uccs-text-weaker);flex:none}:where(.uc-awf) .cs-resolve svg{width:11px;height:11px}:where(.uc-awf) .cs-resolve.is-done{background:var(--uccs-text);color:#fff}:where(.uc-awf) .cs-reply{display:flex;align-items:center;gap:7px;border:1px solid var(--uccs-border-weak);
border-radius:8px;padding:6px 9px;margin-top:10px}:where(.uc-awf) .cs-reply-t{font-size:10.5px;color:#b0b4ba}:where(.uc-awf) .cs-anim .cs-page{opacity:0;transform:scale(.985)}:where(.uc-awf) .cs-anim .cs-av--cl{opacity:0;transform:scale(.7) translateX(8px)}:where(.uc-awf) .cs-anim .cs-share-btn{opacity:0;transform:scale(.9)}:where(.uc-awf) .cs-anim .cs-pin{opacity:0;transform:scale(.4) translateY(-6px)}:where(.uc-awf) .cs-anim .cs-thread{opacity:0;transform:scale(.94);overflow:hidden}:where(.uc-awf) .cs-anim .cs-msg1, :where(.uc-awf) .cs-anim .cs-msg2, :where(.uc-awf) .cs-anim .cs-msg3, :where(.uc-awf) .cs-anim .cs-reply{opacity:0}:where(.uc-awf) .cs-anim .cs-pin.ucx-is-open{background:var(--uccs-text);color:#fff}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .cs-anim *{transition:none !important;animation:none !important}:where(.uc-awf) .cs-anim .cs-page, :where(.uc-awf) .cs-anim .cs-av--cl, :where(.uc-awf) .cs-anim .cs-share-btn, :where(.uc-awf) .cs-anim .cs-pin, :where(.uc-awf) .cs-anim .cs-thread, :where(.uc-awf) .cs-anim .cs-msg1, :where(.uc-awf) .cs-anim .cs-msg2, :where(.uc-awf) .cs-anim .cs-msg3, :where(.uc-awf) .cs-anim .cs-reply{opacity:1;transform:none}:where(.uc-awf) .cs-anim .cs-thread{height:auto !important;overflow:visible}}:where(.uc-awf) .rv-stage{
--ucrv-bg-weaker:#ffffff;
--ucrv-bg-default:#f4f4f4;
--ucrv-text:#0a0a0a;
--ucrv-text-weaker:#525252;
--ucrv-text-faint:#8a8f98;
--ucrv-border-weak:#e5e5e5;
--ucrv-border-weaker:#f1f1f1;
--ucrv-brand:#c94430;
position:absolute;left:0;top:0;width:580px;height:560px;
line-height:normal;
background:var(--ucrv-bg-weaker);border:1px solid var(--ucrv-border-weak);
border-radius:16px;overflow:hidden;
font-family:"Zalando Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
transform-origin:top left;transform:scale(calc(var(--ucd-panel-w) / 580));
}:where(.uc-awf) .rv-stage *{box-sizing:border-box}:where(.uc-awf) .rv-viewer.is-desktop{ --rv-w:528px }:where(.uc-awf) .rv-viewer.is-tablet{ --rv-w:380px }:where(.uc-awf) .rv-viewer.is-mobile{ --rv-w:250px }:where(.uc-awf) .rv-icon{stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}:where(.uc-awf) .rv-bar{position:absolute;left:26px;right:26px;top:30px;height:36px;
display:flex;align-items:center;gap:10px}:where(.uc-awf) .rv-seg{display:inline-flex;gap:2px;background:var(--ucrv-bg-default);border-radius:100px;padding:3px}:where(.uc-awf) .rv-opt{display:inline-flex;align-items:center;gap:6px;font-size:11px;line-height:1;
color:var(--ucrv-text-faint);padding:7px 12px;border-radius:100px}:where(.uc-awf) .rv-opt svg{width:13px;height:13px}:where(.uc-awf) .rv-opt.is-on{background:var(--ucrv-bg-weaker);color:var(--ucrv-text)}:where(.uc-awf) .rv-dims{margin-left:auto;font-size:11px;color:var(--ucrv-text-faint);white-space:nowrap}:where(.uc-awf) .rv-frame{position:absolute;left:50%;transform:translateX(-50%);top:86px;bottom:30px;
width:var(--rv-w);background:var(--ucrv-bg-weaker);border:1px solid #d4d4d4;
border-radius:11px;overflow:hidden;display:flex;flex-direction:column}:where(.uc-awf) .rv-nav{display:flex;align-items:center;gap:10px;padding:9px 11px;flex:none;
border-bottom:1px solid var(--ucrv-border-weaker)}:where(.uc-awf) .rv-dots{display:flex;gap:4px;flex:none}:where(.uc-awf) .rv-dots i{width:5px;height:5px;border-radius:50%;background:#dcdcdc;display:block}:where(.uc-awf) .rv-links{display:flex;gap:11px;overflow:hidden}:where(.uc-awf) .rv-link{font-size:10px;color:var(--ucrv-text-faint);white-space:nowrap}:where(.uc-awf) .is-tablet .rv-link--extra{opacity:0;width:0;margin:0}:where(.uc-awf) .is-mobile .rv-link{opacity:0;width:0;margin:0}:where(.uc-awf) .rv-burger{margin-left:auto;display:flex;flex-direction:column;gap:3px;
opacity:0;width:0;overflow:hidden;flex:none}:where(.uc-awf) .rv-burger i{width:13px;height:1.5px;background:var(--ucrv-text-faint);display:block}:where(.uc-awf) .is-mobile .rv-burger{opacity:1;width:13px}:where(.uc-awf) .rv-doc{padding:16px;flex:1;min-height:0}:where(.uc-awf) .rv-h{font-size:18px;line-height:1.28;letter-spacing:-.02em;color:var(--ucrv-text);
margin:0;max-width:58%}:where(.uc-awf) .is-tablet .rv-h{max-width:80%}:where(.uc-awf) .is-mobile .rv-h{max-width:100%}:where(.uc-awf) .rv-s{font-size:11px;line-height:1.5;color:var(--ucrv-text-faint);margin:8px 0 0;max-width:54%}:where(.uc-awf) .is-tablet .rv-s{max-width:78%}:where(.uc-awf) .is-mobile .rv-s{max-width:100%}:where(.uc-awf) .rv-btn{display:inline-block;font-size:11px;line-height:1;color:#fff;
background:var(--ucrv-brand);border-radius:7px;padding:8px 13px;margin-top:13px}:where(.uc-awf) .rv-img{display:block;height:84px;border-radius:8px;background:var(--ucrv-bg-default);margin-top:14px}:where(.uc-awf) .is-mobile .rv-img{height:64px}:where(.uc-awf) .rv-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}:where(.uc-awf) .is-tablet .rv-cards{grid-template-columns:repeat(2,1fr)}:where(.uc-awf) .is-mobile .rv-cards{grid-template-columns:1fr}:where(.uc-awf) .rv-card{border:1px solid var(--ucrv-border-weaker);border-radius:9px;padding:9px;min-width:0}:where(.uc-awf) .rv-card i{display:block;height:32px;border-radius:5px;background:var(--ucrv-bg-default);margin-bottom:7px}:where(.uc-awf) .rv-ct{font-size:10.5px;line-height:1.2;color:var(--ucrv-text);display:block}:where(.uc-awf) .rv-sub2{font-size:12px;line-height:1.2;color:var(--ucrv-text);margin:16px 0 0}:where(.uc-awf) .rv-quote{display:flex;align-items:center;gap:10px;margin-top:10px;
border:1px solid var(--ucrv-border-weaker);border-radius:9px;padding:10px}:where(.uc-awf) .rv-ava{width:26px;height:26px;border-radius:50%;background:var(--ucrv-bg-default);flex:none}:where(.uc-awf) .rv-ln{display:block;height:4px;border-radius:2px;background:#ececec;margin-top:5px}:where(.uc-awf) .rv-frame{transition:width 620ms cubic-bezier(.23,1,.32,1)}:where(.uc-awf) .rv-link, :where(.uc-awf) .rv-burger{transition:opacity 260ms,width 320ms,margin 320ms}:where(.uc-awf) .rv-h, :where(.uc-awf) .rv-s{transition:max-width 500ms cubic-bezier(.23,1,.32,1)}:where(.uc-awf) .rv-opt{transition:background 180ms,color 180ms}:where(.uc-awf) .rv-anim .rv-bar{opacity:0;transform:translateY(-6px)}:where(.uc-awf) .rv-anim .rv-frame{opacity:0}@media (prefers-reduced-motion: reduce){:where(.uc-awf) .rv-anim *{transition:none !important;animation:none !important}:where(.uc-awf) .rv-anim .rv-bar, :where(.uc-awf) .rv-anim .rv-frame{opacity:1;transform:none}:where(.uc-awf) .rv-anim .rv-frame{transform:translateX(-50%)}}:where(.uc-awf) .ucx-frame{
position:relative;width:100%;
border-radius:14px;overflow:hidden;background:#171717;
}:where(.uc-awf) .ucx-frame .ucx-grad{
position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);
max-width:none;object-fit:cover;display:block;pointer-events:none;
}:where(.uc-awf) .ex-stage{
--ucx-bg-weaker:#ffffff;
--ucx-bg-default:#f4f4f4;
--ucx-text:#0a0a0a;
--ucx-border-weaker:#f1f1f1;
--ucx-brand:#c94430;
position:absolute;left:50%;top:50%;width:600px;height:300px;
line-height:normal;
font-family:"Zalando Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
transform-origin:center center;
transform:translate(-50%,-50%) scale(var(--ucx-scale,1));
}:where(.uc-awf) .ex-stage *{box-sizing:border-box}:where(.uc-awf) .ex-row{position:absolute;left:18px;right:18px;top:18px;bottom:18px;
display:grid;grid-template-columns:repeat(3,1fr);gap:11px}:where(.uc-awf) .ex-win{background:var(--ucx-bg-weaker);border:1px solid #d4d4d4;border-radius:10px;
overflow:hidden;display:flex;flex-direction:column}:where(.uc-awf) .ex-chrome{display:flex;align-items:center;gap:7px;padding:8px 9px;flex:none;
border-bottom:1px solid var(--ucx-border-weaker)}:where(.uc-awf) .ex-logo{width:18px;height:18px;border-radius:4px;flex:none;display:block}:where(.uc-awf) .ex-name{font-size:11px;color:var(--ucx-text)}:where(.uc-awf) .ex-done{margin-left:auto;width:15px;height:15px;border-radius:50%;background:var(--ucx-text);
color:#fff;display:grid;place-items:center;flex:none}:where(.uc-awf) .ex-done svg{width:9px;height:9px;stroke:currentColor;fill:none;stroke-width:3;
stroke-linecap:round;stroke-linejoin:round}:where(.uc-awf) .ex-body{display:flex;flex:1;min-height:0}:where(.uc-awf) .ex-rail{width:27px;flex:none;border-right:1px solid #f4f4f4;padding:6px 4px;
display:flex;flex-direction:column}:where(.uc-awf) .ex-rail--grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;align-content:start}:where(.uc-awf) .ex-rail--grid i{display:block;height:8px;border-radius:2px;background:#f0f0f0}:where(.uc-awf) .ex-rail--stack{gap:4px;align-items:stretch}:where(.uc-awf) .ex-rail--stack b{display:block;height:9px;border-radius:2px;background:var(--ucx-text);opacity:.85}:where(.uc-awf) .ex-rail--stack s{display:block;height:6px;border-radius:2px;background:#f0f0f0;text-decoration:none}:where(.uc-awf) .ex-rail--tree{gap:5px;align-items:stretch}:where(.uc-awf) .ex-rail--tree s{display:block;height:3px;border-radius:2px;background:#e6e6e6;text-decoration:none}:where(.uc-awf) .ex-canvas{flex:1;min-width:0;padding:8px;display:flex;flex-direction:column;gap:5px}:where(.uc-awf) .ex-nav{display:flex;align-items:center;gap:3px;padding-bottom:5px;
border-bottom:1px solid #f4f4f4;flex:none}:where(.uc-awf) .ex-nav u{width:4px;height:4px;border-radius:1px;background:var(--ucx-text);display:block}:where(.uc-awf) .ex-nav i{height:2px;width:10px;border-radius:2px;background:#e2e2e2;display:block}:where(.uc-awf) .ex-h{height:5px;border-radius:2px;background:var(--ucx-text);display:block;flex:none}:where(.uc-awf) .ex-s{height:3px;border-radius:2px;background:#d4d4d4;display:block;flex:none}:where(.uc-awf) .ex-btn{height:10px;width:30px;border-radius:3px;background:var(--ucx-brand);display:block;
flex:none;margin-top:3px}:where(.uc-awf) .ex-img{height:66px;border-radius:5px;background:var(--ucx-bg-default);display:block;
flex:none;margin-top:5px}:where(.uc-awf) .ex-cards{display:flex;gap:5px;flex:1;min-height:0;margin-top:5px}:where(.uc-awf) .ex-card{flex:1;min-width:0;border:1px solid var(--ucx-border-weaker);border-radius:5px;padding:5px}:where(.uc-awf) .ex-card i{display:block;height:40px;border-radius:3px;background:var(--ucx-bg-default);margin-bottom:5px}:where(.uc-awf) .ex-card u{display:block;height:2px;border-radius:1px;background:#ececec;
margin-top:3px;text-decoration:none}@media (prefers-reduced-motion: no-preference){@keyframes ex-win0{0%{opacity:0;transform:translateY(8px);animation-timing-function:cubic-bezier(.23,1,.32,1)}3.4%{opacity:1;transform:translateY(0)}95.5%{opacity:1;transform:translateY(0)}99.5%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(8px)}}:where(.uc-awf) .ex-stage .w0{animation:ex-win0 10s linear infinite both}@keyframes ex-r0-0{0%{opacity:0}11%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}13%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r0-0{animation:ex-r0-0 10s linear infinite both}@keyframes ex-r0-1{0%{opacity:0}11.4%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}13.4%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r0-1{animation:ex-r0-1 10s linear infinite both}@keyframes ex-r0-2{0%{opacity:0}11.8%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}13.8%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r0-2{animation:ex-r0-2 10s linear infinite both}@keyframes ex-r0-3{0%{opacity:0}12.2%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}14.2%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r0-3{animation:ex-r0-3 10s linear infinite both}@keyframes ex-r0-4{0%{opacity:0}12.6%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}14.6%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r0-4{animation:ex-r0-4 10s linear infinite both}@keyframes ex-r0-5{0%{opacity:0}13%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}15%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r0-5{animation:ex-r0-5 10s linear infinite both}@keyframes ex-r0-6{0%{opacity:0}13.4%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}15.4%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r0-6{animation:ex-r0-6 10s linear infinite both}@keyframes ex-r0-7{0%{opacity:0}13.8%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}15.8%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r0-7{animation:ex-r0-7 10s linear infinite both}@keyframes ex-r0-8{0%{opacity:0}14.2%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}16.2%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r0-8{animation:ex-r0-8 10s linear infinite both}@keyframes ex-r0-9{0%{opacity:0}14.6%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}16.6%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r0-9{animation:ex-r0-9 10s linear infinite both}@keyframes ex-r0-10{0%{opacity:0}15%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}17%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r0-10{animation:ex-r0-10 10s linear infinite both}@keyframes ex-r0-11{0%{opacity:0}15.4%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}17.4%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r0-11{animation:ex-r0-11 10s linear infinite both}@keyframes ex-r0-12{0%{opacity:0}15.8%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}17.8%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r0-12{animation:ex-r0-12 10s linear infinite both}@keyframes ex-r0-13{0%{opacity:0}16.2%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}18.2%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r0-13{animation:ex-r0-13 10s linear infinite both}@keyframes ex-c0-0{0%{opacity:0;transform:translateY(4px)}13.5%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}15.7%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}:where(.uc-awf) .ex-stage .c0-0{animation:ex-c0-0 10s linear infinite both}@keyframes ex-c0-1{0%{opacity:0;transform:translateY(4px)}14.35%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}16.55%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}:where(.uc-awf) .ex-stage .c0-1{animation:ex-c0-1 10s linear infinite both}@keyframes ex-c0-2{0%{opacity:0;transform:translateY(4px)}15.2%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}17.4%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}:where(.uc-awf) .ex-stage .c0-2{animation:ex-c0-2 10s linear infinite both}@keyframes ex-c0-3{0%{opacity:0;transform:translateY(4px)}16.05%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}18.25%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}:where(.uc-awf) .ex-stage .c0-3{animation:ex-c0-3 10s linear infinite both}@keyframes ex-c0-4{0%{opacity:0;transform:translateY(4px)}16.9%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}19.1%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}:where(.uc-awf) .ex-stage .c0-4{animation:ex-c0-4 10s linear infinite both}@keyframes ex-c0-5{0%{opacity:0;transform:translateY(4px)}17.75%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}19.95%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}:where(.uc-awf) .ex-stage .c0-5{animation:ex-c0-5 10s linear infinite both}@keyframes ex-c0-6{0%{opacity:0;transform:translateY(4px)}18.6%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}20.8%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}:where(.uc-awf) .ex-stage .c0-6{animation:ex-c0-6 10s linear infinite both}@keyframes ex-t0{0%{opacity:0;transform:scale(.5)}20%{opacity:0;transform:scale(.5);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}22%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1);animation-timing-function:cubic-bezier(.23,1,.32,1)}93%{opacity:0;transform:scale(.5)}100%{opacity:0;transform:scale(.5)}}:where(.uc-awf) .ex-stage .t0{animation:ex-t0 10s linear infinite both}@keyframes ex-win1{0%{opacity:0;transform:translateY(8px);animation-timing-function:linear}1.1%{opacity:0;transform:translateY(8px);animation-timing-function:cubic-bezier(.23,1,.32,1)}4.5%{opacity:1;transform:translateY(0)}95.5%{opacity:1;transform:translateY(0)}99.5%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(8px)}}:where(.uc-awf) .ex-stage .w1{animation:ex-win1 10s linear infinite both}@keyframes ex-r1-0{0%{opacity:0}26%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}28%{opacity:0.85}90%{opacity:0.85;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r1-0{animation:ex-r1-0 10s linear infinite both}@keyframes ex-r1-1{0%{opacity:0}26.4%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}28.4%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r1-1{animation:ex-r1-1 10s linear infinite both}@keyframes ex-r1-2{0%{opacity:0}26.8%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}28.8%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r1-2{animation:ex-r1-2 10s linear infinite both}@keyframes ex-r1-3{0%{opacity:0}27.2%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}29.2%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r1-3{animation:ex-r1-3 10s linear infinite both}@keyframes ex-r1-4{0%{opacity:0}27.6%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}29.6%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r1-4{animation:ex-r1-4 10s linear infinite both}@keyframes ex-r1-5{0%{opacity:0}28%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}30%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r1-5{animation:ex-r1-5 10s linear infinite both}@keyframes ex-r1-6{0%{opacity:0}28.4%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}30.4%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r1-6{animation:ex-r1-6 10s linear infinite both}@keyframes ex-r1-7{0%{opacity:0}28.8%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}30.8%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r1-7{animation:ex-r1-7 10s linear infinite both}@keyframes ex-r1-8{0%{opacity:0}29.2%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}31.2%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r1-8{animation:ex-r1-8 10s linear infinite both}@keyframes ex-r1-9{0%{opacity:0}29.6%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}31.6%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r1-9{animation:ex-r1-9 10s linear infinite both}@keyframes ex-c1-0{0%{opacity:0;transform:translateY(4px)}28.5%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}30.7%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}:where(.uc-awf) .ex-stage .c1-0{animation:ex-c1-0 10s linear infinite both}@keyframes ex-c1-1{0%{opacity:0;transform:translateY(4px)}29.35%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}31.55%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}:where(.uc-awf) .ex-stage .c1-1{animation:ex-c1-1 10s linear infinite both}@keyframes ex-c1-2{0%{opacity:0;transform:translateY(4px)}30.2%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}32.4%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}:where(.uc-awf) .ex-stage .c1-2{animation:ex-c1-2 10s linear infinite both}@keyframes ex-c1-3{0%{opacity:0;transform:translateY(4px)}31.05%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}33.25%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}:where(.uc-awf) .ex-stage .c1-3{animation:ex-c1-3 10s linear infinite both}@keyframes ex-c1-4{0%{opacity:0;transform:translateY(4px)}31.9%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}34.1%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}:where(.uc-awf) .ex-stage .c1-4{animation:ex-c1-4 10s linear infinite both}@keyframes ex-c1-5{0%{opacity:0;transform:translateY(4px)}32.75%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}34.95%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}:where(.uc-awf) .ex-stage .c1-5{animation:ex-c1-5 10s linear infinite both}@keyframes ex-c1-6{0%{opacity:0;transform:translateY(4px)}33.6%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}35.8%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}:where(.uc-awf) .ex-stage .c1-6{animation:ex-c1-6 10s linear infinite both}@keyframes ex-t1{0%{opacity:0;transform:scale(.5)}35%{opacity:0;transform:scale(.5);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}37%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1);animation-timing-function:cubic-bezier(.23,1,.32,1)}93%{opacity:0;transform:scale(.5)}100%{opacity:0;transform:scale(.5)}}:where(.uc-awf) .ex-stage .t1{animation:ex-t1 10s linear infinite both}@keyframes ex-win2{0%{opacity:0;transform:translateY(8px);animation-timing-function:linear}2.2%{opacity:0;transform:translateY(8px);animation-timing-function:cubic-bezier(.23,1,.32,1)}5.6%{opacity:1;transform:translateY(0)}95.5%{opacity:1;transform:translateY(0)}99.5%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(8px)}}:where(.uc-awf) .ex-stage .w2{animation:ex-win2 10s linear infinite both}@keyframes ex-r2-0{0%{opacity:0}41%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}43%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r2-0{animation:ex-r2-0 10s linear infinite both}@keyframes ex-r2-1{0%{opacity:0}41.4%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}43.4%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r2-1{animation:ex-r2-1 10s linear infinite both}@keyframes ex-r2-2{0%{opacity:0}41.8%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}43.8%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r2-2{animation:ex-r2-2 10s linear infinite both}@keyframes ex-r2-3{0%{opacity:0}42.2%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}44.2%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r2-3{animation:ex-r2-3 10s linear infinite both}@keyframes ex-r2-4{0%{opacity:0}42.6%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}44.6%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r2-4{animation:ex-r2-4 10s linear infinite both}@keyframes ex-r2-5{0%{opacity:0}43%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}45%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r2-5{animation:ex-r2-5 10s linear infinite both}@keyframes ex-r2-6{0%{opacity:0}43.4%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}45.4%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r2-6{animation:ex-r2-6 10s linear infinite both}@keyframes ex-r2-7{0%{opacity:0}43.8%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}45.8%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r2-7{animation:ex-r2-7 10s linear infinite both}@keyframes ex-r2-8{0%{opacity:0}44.2%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}46.2%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r2-8{animation:ex-r2-8 10s linear infinite both}@keyframes ex-r2-9{0%{opacity:0}44.6%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}46.6%{opacity:1}90%{opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0}100%{opacity:0}}:where(.uc-awf) .ex-stage .r2-9{animation:ex-r2-9 10s linear infinite both}@keyframes ex-c2-0{0%{opacity:0;transform:translateY(4px)}43.5%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}45.7%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}:where(.uc-awf) .ex-stage .c2-0{animation:ex-c2-0 10s linear infinite both}@keyframes ex-c2-1{0%{opacity:0;transform:translateY(4px)}44.35%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}46.55%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}:where(.uc-awf) .ex-stage .c2-1{animation:ex-c2-1 10s linear infinite both}@keyframes ex-c2-2{0%{opacity:0;transform:translateY(4px)}45.2%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}47.4%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}:where(.uc-awf) .ex-stage .c2-2{animation:ex-c2-2 10s linear infinite both}@keyframes ex-c2-3{0%{opacity:0;transform:translateY(4px)}46.05%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}48.25%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}:where(.uc-awf) .ex-stage .c2-3{animation:ex-c2-3 10s linear infinite both}@keyframes ex-c2-4{0%{opacity:0;transform:translateY(4px)}46.9%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}49.1%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}:where(.uc-awf) .ex-stage .c2-4{animation:ex-c2-4 10s linear infinite both}@keyframes ex-c2-5{0%{opacity:0;transform:translateY(4px)}47.75%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}49.95%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}:where(.uc-awf) .ex-stage .c2-5{animation:ex-c2-5 10s linear infinite both}@keyframes ex-c2-6{0%{opacity:0;transform:translateY(4px)}48.6%{opacity:0;transform:translateY(4px);animation-timing-function:cubic-bezier(.23,1,.32,1)}50.8%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}94%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}:where(.uc-awf) .ex-stage .c2-6{animation:ex-c2-6 10s linear infinite both}@keyframes ex-t2{0%{opacity:0;transform:scale(.5)}50%{opacity:0;transform:scale(.5);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}52%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1);animation-timing-function:cubic-bezier(.23,1,.32,1)}93%{opacity:0;transform:scale(.5)}100%{opacity:0;transform:scale(.5)}}:where(.uc-awf) .ex-stage .t2{animation:ex-t2 10s linear infinite both}}.uc-awf{
--pg: #ffffff;
--pg2: #f7f7f9;
--tx: #0a0a0a;
--txd: #525252;
--txf: #a3a3a3;
--acc: #fd6a35;
--acc-dk: #171717;
--acc-soft: #f4f4f4;
--acc-line: #e7e7ea;
--acc2: #c2410c;
--acc2-solid: #c2410c;
--cardbg: #ffffff;
--cardbd: #e7e7ea;
--line: #ebebeb;
--mist: #f4f4f4;
--ink: #0a0a0a;
--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.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}html:has(.uc-awf), html:has(.uc-awf), body:has(.uc-awf){ background-color: #fff; }.uc-awf *{ box-sizing: border-box; }.uc-awf.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;
}.uc-awf, .uc-awf .ucx-sec, .uc-awf .sec-head, .uc-awf .eyebrow, .uc-awf .ucx-accent-lemon, .uc-awf h1, .uc-awf h2, .uc-awf h3, .uc-awf p, .uc-awf li, .uc-awf .ds-fine, .uc-awf .faq2-eyebrow, .uc-awf .conv-eyebrow, .uc-awf .conv-title, .uc-awf .conv-sub{
transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}.uc-awf :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.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}@media (prefers-reduced-motion: reduce){.uc-awf, .uc-awf .ucx-sec, .uc-awf .sec-head, .uc-awf .eyebrow, .uc-awf .ucx-accent-lemon, .uc-awf h1, .uc-awf h2, .uc-awf h3, .uc-awf p, .uc-awf li, .uc-awf .ds-fine, .uc-awf .faq2-eyebrow, .uc-awf .conv-eyebrow, .uc-awf .conv-title, .uc-awf .conv-sub{ transition: none; }.uc-awf :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; }.uc-awf{ transition: none; }}.uc-awf.is-night .ax-num{ background: #262626; }.uc-awf.is-night .ax-media{ background: #2e2e2e; }.uc-awf.is-night .hp-card{ background: var(--cardbg); }.uc-awf.is-night .hero-chip{ background: #1f1f1f; border-color: rgba(255, 255, 255, 0.12); box-shadow: none; }.uc-awf.is-night .hero-chip:hover{ border-color: rgba(255, 255, 255, 0.24); }.uc-awf.is-night .widget-chip{ background: #1f1f1f; border-color: rgba(255, 255, 255, 0.12); box-shadow: none; }.uc-awf.is-night .rp-ic{ color: #525252; border-color: rgba(10, 10, 10, 0.12); }.uc-awf.is-night .rp-ic:hover{ color: #0a0a0a; border-color: rgba(10, 10, 10, 0.28); }.uc-awf .conv-card, .uc-awf .conv-tile{ transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1); }.uc-awf img{ max-width: 100%; }.uc-awf .ucx-uc-container{ max-width: var(--uc-container-max); margin-inline: auto; padding-inline: var(--uc-gutter); }.uc-awf .ucx-sec{ position: relative; padding: 104px 0; scroll-margin-top: 80px; }@media (max-width: 700px){.uc-awf .ucx-sec{ padding: 68px 0; }}.uc-awf .sec-head{ max-width: 900px; margin: 0 auto; text-align: center; }.uc-awf .ucx-sec h2{ font-size: 36px; line-height: 40px; font-weight: 500; letter-spacing: -0.02em; margin: 16px 0 14px; text-wrap: balance; color: var(--tx); }@media (min-width: 768px){.uc-awf .ucx-sec h2{ font-size: 46px; line-height: 50px; }}.uc-awf .ucx-sec .ucx-sub{ color: var(--txd); font-size: 18px; line-height: 28px; margin: 0; }.uc-awf .sec-head .ucx-sub{ margin-left: auto; margin-right: auto; max-width: 760px; }.uc-awf .ucx-accent-lemon{ color: var(--tx); }.uc-awf .sec-note{ text-align: center; color: var(--txf); font-size: 14px; line-height: 22px; margin: 20px 0 0; }.uc-awf .eyebrow{
display: inline-flex; align-items: center; gap: 8px;
color: var(--tx); background: none;
border: 0; padding: 0; border-radius: 0;
font-size: 16px; font-weight: 500; letter-spacing: -0.01em;
line-height: 24px;
}.uc-awf .badge-new{
display: inline-block;
height: var(--spacing-sprout-16); line-height: var(--spacing-sprout-16);
padding: 0 var(--spacing-sprout-8);
font-size: 10px; font-weight: 700; letter-spacing: 0.04em;
border-radius: 999px; text-transform: uppercase;
background: var(--acc2-solid); color: #fff;
}.uc-awf .mcp-link{
position: relative; display: inline-flex; align-items: center; gap: 7px;
color: var(--acc-dk); text-decoration: none; font-size: 16px; font-weight: 500; line-height: 26px;
}.uc-awf .mcp-link svg{ width: 17px; height: 17px; transition: transform 0.24s var(--ease); }.uc-awf .mcp-link:hover svg{ transform: translateX(3px); }.uc-awf .mcp-link::after{ content: ""; position: absolute; left: 0; bottom: -4px; width: 100%; height: 2px; border-radius: 2px; background: var(--acc); transform: scaleX(0); transform-origin: left; transition: transform 0.3s var(--ease); }.uc-awf .mcp-link:hover::after{ transform: scaleX(1); }.uc-awf .btn-wp-dl{ color: var(--tx); }.uc-awf .btn-wp-dl img{ width: 18px; height: auto; display: block; flex: 0 0 auto; filter: brightness(0); transition: filter 0.55s cubic-bezier(0.4, 0, 0.2, 1); }.uc-awf.is-night .btn-wp-dl img{ filter: brightness(1); }.uc-awf .ucx-reveal{ opacity: 0; transform: translateY(22px); transition: opacity 0.6s var(--ease), transform 0.6s var(--ease); will-change: opacity, transform; }.uc-awf .ucx-reveal.ucx-in{ opacity: 1; transform: none; }.uc-awf .ucxx-frame{
position: relative; margin: 52px auto 0; 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: 0 18px 44px -24px rgba(16, 24, 40, 0.28);
}.uc-awf .ucxx-frame .fi{ position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; color: var(--txd); }.uc-awf .ucxx-frame .fi svg{ width: 40px; height: 40px; }.uc-awf .ucxx-frame .fi span{ font-size: 14px; line-height: 20px; }.uc-awf .ucx-vplay{ width: 72px; height: 72px; border-radius: 50%; background: var(--acc); display: grid; place-items: center; box-shadow: 0 10px 30px rgba(253, 106, 53, 0.35); }.uc-awf .ucx-vplay svg{ fill: #fff; }.uc-awf .ucx-hero{
position: relative; overflow: hidden; text-align: center;
padding: clamp(120px, 15vh, 176px) 0 clamp(56px, 7vw, 88px);
background: var(--pg);
}.uc-awf .ucx-hero > .ucx-uc-container{ position: relative; z-index: 2; }.uc-awf .ucx-hero .eyebrow{ margin-bottom: 18px; }.uc-awf .ucx-hero .ucx-sub{ max-width: 900px; margin: 0 auto 34px; color: var(--txd); font-size: 18px; line-height: 28px; }.uc-awf .ucx-hero::before, .uc-awf .ucx-hero::after{ content: none; }.uc-awf .uic-spell-layer{ position: absolute; inset: 0; z-index: 1; overflow: hidden; pointer-events: none; --mx: 0; --my: 0; }.uc-awf .uic-orb{ position: absolute; border-radius: 50%; filter: blur(55px); will-change: transform; opacity: 0.5; }.uc-awf .uic-orb-1{ width: 480px; height: 480px; left: -4%; top: 12%; background: radial-gradient(circle, rgba(253, 106, 53, 0.28) 0%, transparent 68%); animation: f2w-float-a 14s ease-in-out infinite alternate; transform: translate(calc(var(--mx) * 24px), calc(var(--my) * 24px)); }.uc-awf .uic-orb-2{ width: 400px; height: 400px; right: -3%; top: 40%; background: radial-gradient(circle, rgba(82, 2, 253, 0.18) 0%, transparent 68%); animation: f2w-float-b 18s ease-in-out infinite alternate; transform: translate(calc(var(--mx) * -32px), calc(var(--my) * -32px)); }.uc-awf .uic-orb-3{ width: 300px; height: 300px; left: 40%; top: 55%; background: radial-gradient(circle, rgba(253, 106, 53, 0.16) 0%, transparent 68%); animation: f2w-float-a 22s ease-in-out infinite alternate-reverse; transform: translate(calc(var(--mx) * 16px), calc(var(--my) * 16px)); }.uc-awf .uic-orb-4{ width: 420px; height: 420px; left: -8%; top: 66%; background: radial-gradient(circle, rgba(253, 106, 53, 0.2) 0%, transparent 68%); animation: f2w-float-b 20s ease-in-out infinite alternate; transform: translate(calc(var(--mx) * -22px), calc(var(--my) * -22px)); }.uc-awf .uic-orb-5{ width: 360px; height: 360px; right: -7%; top: 80%; background: radial-gradient(circle, rgba(82, 2, 253, 0.14) 0%, transparent 66%); animation: f2w-float-a 24s ease-in-out infinite alternate-reverse; transform: translate(calc(var(--mx) * 26px), calc(var(--my) * 26px)); }.uc-awf .uic-orb-6{ width: 280px; height: 280px; left: 36%; top: 92%; background: radial-gradient(circle, rgba(253, 106, 53, 0.12) 0%, transparent 66%); animation: f2w-float-a 18s ease-in-out infinite alternate; transform: translate(calc(var(--mx) * 14px), calc(var(--my) * 14px)); }.uc-awf .trusted{ display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 30px; }.uc-awf .trusted .avatars{ height: 34px; width: auto; }.uc-awf .trusted .stars-wrap{ display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }.uc-awf .trusted .stars-wrap img{ height: 15px; width: auto; }.uc-awf .trusted .stars-line{ display: flex; align-items: center; gap: 7px; }.uc-awf .trusted .rate-num{ color: var(--tx); font-size: 12px; font-weight: 700; line-height: 14px; }.uc-awf .trusted .tnum{ color: var(--txd); font-size: 12px; font-weight: 500; line-height: 14px; }.uc-awf .ucx-pill-title{ display: block; text-align: center; margin: 18px auto 20px; max-width: 1180px; font-size: 40px; line-height: 44px; font-weight: 500; letter-spacing: -0.02em; color: var(--tx); }@media (min-width: 768px){.uc-awf .ucx-pill-title{ font-size: 54px; line-height: 58px; }}.uc-awf .ucx-pill-title .bw{ white-space: nowrap; }.uc-awf .ucx-pill-title .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: 0 -0.06em; position: relative; top: -0.1em; box-shadow: 0 3px 10px -4px rgba(16, 24, 40, 0.25); }.uc-awf .ucx-pill-title .brand-chip img{ max-width: 100%; max-height: 100%; width: auto; height: auto; display: block; object-fit: contain; border-radius: 8px; }.uc-awf .ucx-pill-title .brand-chip img[src*="ucwr-figma-mark"]{ border-radius: 0; }.uc-awf .ucx-pill-title .brand-chip.is-badge{ padding: 0; border: 0; background: transparent; overflow: hidden; }.uc-awf .ucx-pill-title .brand-chip.is-inset{ padding: 0.12em; }.uc-awf .ucx-pill-title .brand-chip.is-badge img{ width: 100%; height: 100%; object-fit: cover; }.uc-awf .ucx-pill-title .hero-br{ display: none; }@media (min-width: 1000px){.uc-awf .ucx-pill-title .hero-br{ display: block; }}.uc-awf .hero-checks{ display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; max-width: 780px; margin: 0 auto 34px; }.uc-awf .hero-chip{ display: inline-flex; align-items: center; gap: 9px; padding: 9px 16px; border-radius: 999px; font-size: 14px; line-height: 18px; font-weight: 500; color: var(--tx); background: var(--cardbg); border: 1px solid var(--cardbd); box-shadow: 0 2px 6px -3px rgba(16, 24, 40, 0.16); transition: border-color 0.24s var(--ease), transform 0.24s var(--ease); }.uc-awf .hero-chip:hover{ border-color: var(--acc-line); transform: translateY(-2px); }.uc-awf .hero-chip svg{ width: 18px; height: 18px; flex: 0 0 auto; }.uc-awf .hero-logo{ display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; background: #ffffff; border: 1px solid var(--cardbd); box-shadow: 0 2px 6px -3px rgba(16, 24, 40, 0.16); transition: border-color 0.24s var(--ease), transform 0.24s var(--ease); }.uc-awf .hero-logo:hover{ border-color: var(--acc-line); transform: translateY(-2px); }.uc-awf .hero-logo img, .uc-awf .hero-logo svg{ width: 28px; height: 28px; object-fit: contain; }.uc-awf .ucx-cta-row{ display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; }.uc-awf .cta-primary{ position: relative; display: inline-flex; }@media (max-width: 640px){.uc-awf .cta-primary{ flex-direction: column; align-items: center; }.uc-awf .cta-primary .uc-note{
position: static; transform: none; translate: none;
margin-top: var(--spacing-sprout-8, 8px); text-align: center;
}}.uc-awf .hero-reassure{ margin: 18px 0 0; text-align: center; color: var(--txf); font-size: 14px; line-height: 20px; }.uc-awf .hero-video{ cursor: pointer; background: var(--cardbg); box-shadow: none; }.uc-awf .hero-video .hero-screen{ position: absolute; inset: 4px; border-radius: 28px; overflow: hidden; background: var(--mist); }.uc-awf .hero-video .ucx-demo-thumb{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }.uc-awf .hero-video .ucx-demo-play{ position: absolute; inset: 0; display: grid; place-items: center; background: color-mix(in srgb, var(--ink) 6%, transparent); border: 0; cursor: pointer; z-index: 2; }.uc-awf .hero-video iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }@media (min-width: 640px){.uc-awf .hero-video .hero-screen{ border-radius: 44px; }}@media (min-width: 768px){.uc-awf .hero-video .hero-screen{ border-radius: 60px; }}.uc-awf .stats{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; max-width: 1020px; margin: clamp(32px, 4vw, 44px) auto 0; background: var(--cardbd); border: 1px solid var(--cardbd); border-radius: 24px; overflow: hidden; }.uc-awf .stat{ display: flex; align-items: center; justify-content: center; gap: 12px; text-align: left; background: var(--cardbg); padding: 24px 20px; }.uc-awf .stat .num{ font-size: clamp(1.75rem, 2.6vw, 2.25rem); font-weight: 700; letter-spacing: -0.03em; color: var(--tx); line-height: 1; flex: 0 0 auto; }.uc-awf .stat .num em{ font-style: normal; color: var(--txd); }.uc-awf .stat .lbl{ color: var(--txd); font-size: 14px; line-height: 20px; margin-top: 0; max-width: 126px; }@media (max-width: 900px){.uc-awf .stats{ grid-template-columns: repeat(2, 1fr); }}@media (max-width: 520px){.uc-awf .stats{ grid-template-columns: 1fr; }}.uc-awf .diff-stage{ position: relative; aspect-ratio: 16/10; background: var(--mist); }.uc-awf .dl-vid{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }.uc-awf .diff-play{ position: absolute; top: 10px; right: 10px; z-index: 3; width: 24px; height: 24px; border-radius: 999px; cursor: pointer; border: 0; background: rgba(0, 0, 0, 0.12); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: #171717; display: grid; place-items: center; transition: background 0.2s var(--ease), transform 0.2s var(--ease); }.uc-awf .diff-play:hover{ background: rgba(0, 0, 0, 0.22); transform: scale(1.06); }.uc-awf .diff-play svg{ width: 12px; height: 12px; }.uc-awf .diff-play .i-pause{ display: none; }.uc-awf #diffReal:not(.is-paused) .diff-play .i-play{ display: none; }.uc-awf #diffReal:not(.is-paused) .diff-play .i-pause{ display: block; }.uc-awf .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;
}.uc-awf .ax-track{ position: relative; height: 540vh; margin-top: 10px; }.uc-awf .ax-pin{ position: sticky; top: 0; height: 100vh; display: flex; align-items: center; overflow: hidden; }.uc-awf .ax-stage{ display: flex; flex-direction: column; gap: clamp(24px, 4.4vh, 52px); width: 100%; }.uc-awf .ax-window{
overflow: hidden; padding-block: 8px; width: 100%;
-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--ax-gutter), #000 calc(100% - var(--ax-gutter)), transparent 100%);
mask-image: linear-gradient(90deg, transparent 0, #000 var(--ax-gutter), #000 calc(100% - var(--ax-gutter)), transparent 100%);
}.uc-awf .ax-row{ display: grid; grid-auto-flow: column; grid-auto-columns: var(--ax-col); gap: var(--ax-gap); will-change: transform; }.uc-awf .ax-media-wrap{ width: 100%; }.uc-awf .ax-col{ display: flex; flex-direction: column; gap: 18px; opacity: 1; transition: opacity 0.45s var(--ease); }.uc-awf .ax-col.is-dim{ opacity: 0.42; }.uc-awf .ax-bar{ position: relative; height: 3px; border-radius: 999px; background: var(--line); overflow: hidden; }.uc-awf .ax-fill{ position: absolute; inset: 0 auto 0 0; width: 0; border-radius: 999px; background: linear-gradient(90deg, var(--acc2), var(--acc)); box-shadow: 0 0 10px rgba(253, 106, 53, 0.35); }.uc-awf .ax-copy{ display: flex; flex-direction: column; gap: 8px; }.uc-awf .ax-h{ display: flex; align-items: flex-start; gap: 12px; }.uc-awf .ax-num{ flex: 0 0 auto; margin-top: -2px; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-size: 14px; line-height: 14px; font-weight: 700; color: var(--txf); background: #fff; 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); }.uc-awf .ax-col.ucx-is-active .ax-num, .uc-awf .ax-col.is-done .ax-num{ color: #fff; background: var(--acc); border-color: var(--acc); }.uc-awf .ax-col.ucx-is-active .ax-num{ box-shadow: 0 0 0 5px rgba(253, 106, 53, 0.14), 0 0 18px rgba(253, 106, 53, 0.38); }.uc-awf .ax-h h3{ margin: 0; font-size: 20px; font-weight: 500; letter-spacing: -0.01em; color: var(--tx); line-height: 24px; }.uc-awf .ax-copy p{ margin: 0; color: var(--txd); font-size: 16px; line-height: 26px; }.uc-awf .ax-media{ position: relative; width: 100%; max-width: calc(60vh * 1240 / 584); margin-inline: auto; aspect-ratio: 1240 / 584; border-radius: 20px; background: #fff; border: 1px solid var(--cardbd); }.uc-awf .ax-screen{ position: absolute; inset: 4px; border-radius: 16px; overflow: hidden; background: var(--mist); }.uc-awf .ax-slide{ position: absolute; inset: 0; opacity: 0; will-change: transform, opacity; }.uc-awf .ax-vid{ width: 100%; height: 100%; object-fit: cover; display: block; background: var(--mist); }.uc-awf .ax-track.is-off{ display: none; }.uc-awf .ax-stack{ display: none; margin-top: 48px; flex-direction: column; gap: 44px; }.uc-awf .ax-s{ display: flex; flex-direction: column; gap: 14px; }.uc-awf .ax-s .ax-num{ color: #fff; background: var(--acc); border-color: var(--acc); }.uc-awf .ax-s h3{ margin: 0; font-size: 20px; font-weight: 500; letter-spacing: -0.01em; color: var(--tx); line-height: 24px; }.uc-awf .ax-s p{ margin: 0; color: var(--txd); font-size: 16px; line-height: 26px; }.uc-awf .ax-s-frame{ padding: 4px; border-radius: var(--r-card); background: var(--mist); }.uc-awf .ax-s-inner{ position: relative; aspect-ratio: 16 / 10; border-radius: 14px; overflow: hidden; background: var(--mist); border: 1px solid var(--cardbd); }.uc-awf .ax-m-vid{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }@media (max-width: 860px){.uc-awf .ax-track{ display: none; }.uc-awf .ax-stack{ display: flex; }}.uc-awf .ax--six .ax-track{ height: 660vh; }.uc-awf .ax--six .ax-media{ aspect-ratio: 1920 / 1050; }.uc-awf .zz{ display: flex; flex-direction: column; gap: 64px; margin-top: 60px; }.uc-awf .zz-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 52px; align-items: center; }.uc-awf .zz-row:nth-child(even) .zz-media{ order: -1; }.uc-awf .zz-text h3{ font-size: 24px; margin: 0 0 12px; line-height: 30px; font-weight: 500; letter-spacing: -0.01em; color: var(--tx); }.uc-awf .zz-text .eyebrow{ margin-bottom: 14px; }.uc-awf .zz-text p{ color: var(--txd); font-size: 16px; line-height: 26px; margin: 0; }.uc-awf .zz-media .ucxx-frame{ margin: 0; max-width: none; }.uc-awf .zz-media .ucxx-frame{ transition: transform 0.34s var(--ease), box-shadow 0.34s var(--ease), border-color 0.34s var(--ease); }.uc-awf .zz-media .ucxx-frame:hover{ transform: translateY(-6px); border-color: var(--acc-line); box-shadow: 0 28px 60px -30px rgba(16, 24, 40, 0.34); }@media (max-width: 820px){.uc-awf .zz-row{ grid-template-columns: minmax(0, 1fr); gap: 24px; }.uc-awf .zz-row:nth-child(even) .zz-media{ order: 0; }.uc-awf .zz-media, .uc-awf .zz-media .ucxx-frame{ max-width: 100%; min-width: 0; overflow: hidden; }}.uc-awf .demo-chip, .uc-awf .scan-chip, .uc-awf .dfx-chip, .uc-awf .hf-chip{
position: absolute; left: 14px; bottom: 14px; z-index: 8; display: inline-flex; align-items: center; gap: 8px;
padding: 7px 13px; border-radius: 999px; font-size: 12px; font-weight: 500; color: var(--tx);
background: rgba(255, 255, 255, 0.86); border: 1px solid var(--cardbd);
-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); line-height: 14px; box-shadow: 0 6px 18px -10px rgba(16, 24, 40, 0.4);
}.uc-awf .demo-chip i, .uc-awf .scan-chip i{ width: 8px; height: 8px; border-radius: 50%; background: var(--acc); box-shadow: 0 0 8px 1px rgba(253, 106, 53, 0.6); animation: f2w-blink 1.6s ease-in-out infinite; }.uc-awf .ucxx-frame.scan{ overflow: hidden; place-items: stretch; background: #eef0f3; }.uc-awf .scan-img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; z-index: 0; }.uc-awf .scan-veil{ position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(16, 24, 40, 0.08)); }.uc-awf .scan-grid{ position: absolute; inset: 0; z-index: 2; pointer-events: none; background-image: linear-gradient(rgba(253, 106, 53, 0.16) 1px, transparent 1px), linear-gradient(90deg, rgba(253, 106, 53, 0.16) 1px, transparent 1px); background-size: 34px 34px; -webkit-mask-image: linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent); }.uc-awf .scan-line{ position: absolute; left: 0; right: 0; top: 4%; height: 2px; z-index: 4; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(82, 2, 253, 0.6) 14%, var(--acc) 50%, rgba(82, 2, 253, 0.6) 86%, transparent); box-shadow: 0 0 18px 3px rgba(253, 106, 53, 0.5); animation: f2w-scan-sweep 3s var(--ease) infinite alternate; }.uc-awf .scan-line::before{ content: ""; position: absolute; left: 0; right: 0; bottom: 2px; height: 64px; background: linear-gradient(180deg, transparent, rgba(253, 106, 53, 0.16)); }.uc-awf .scan-line::after{ content: ""; position: absolute; left: 0; right: 0; top: 2px; height: 64px; background: linear-gradient(180deg, rgba(253, 106, 53, 0.18), transparent); }.uc-awf .scan-dot{ position: absolute; z-index: 5; left: var(--x); top: var(--y); width: var(--s, 7px); height: var(--s, 7px); border-radius: 50%; transform: translate(-50%, -50%) scale(0.2); opacity: 0; background: var(--acc); box-shadow: 0 0 6px 1px rgba(253, 106, 53, 0.5); animation: f2w-scan-pop var(--dur, 3.2s) ease-in-out infinite; animation-delay: var(--d, 0s); }.uc-awf .ucxx-frame.dfx{ overflow: hidden; place-items: center; background: #ffffff; aspect-ratio: 16/10; }.uc-awf .dfx-bento{ --dfxgap: 24px; position: relative; display: flex; gap: var(--dfxgap); width: 100%; height: 100%; padding: 16px; align-items: stretch; }.uc-awf .dfx-col{ flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--dfxgap); }.uc-awf .dfx-col.c3{ animation: f2w-dfx-slide 4.5s var(--ease) infinite; }.uc-awf .dfx-g{ flex: 1 1 0; min-height: 0; border-radius: 12px; overflow: hidden; }.uc-awf .dfx-g.card{ background: #234540; padding: 10px 12px; display: flex; flex-direction: column; justify-content: space-between; gap: 6px; }.uc-awf .dfx-g.img{ background-size: cover; background-position: center; position: relative; }.uc-awf .dfx-g.img::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 40%, rgba(0, 0, 0, 0.52)); }.uc-awf .dfx-ic{ width: 28px; height: 28px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.32); display: grid; place-items: center; color: #fff; flex: 0 0 auto; }.uc-awf .dfx-ic svg{ width: 16px; height: 16px; }.uc-awf .dfx-tx b{ display: block; color: #fff; font-size: clamp(0.625rem, 1.25vw, 0.75rem); font-weight: 700; letter-spacing: -0.01em; line-height: 1.15; }.uc-awf .dfx-g.card .big{ display: block; color: #fff; font-weight: 700; letter-spacing: -0.01em; font-size: clamp(0.75rem, 1.7vw, 1rem); line-height: 1.3; }.uc-awf .dfx-tx p{ margin: 4px 0 0; color: #dfe4e1; font-size: clamp(0.375rem, 0.85vw, 0.5rem); line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }.uc-awf .dfx-pills{ display: flex; gap: 6px; margin-top: 7px; }.uc-awf .dfx-pills span{ background: #f2f2f0; color: #1e2b28; font-size: 8px; font-weight: 500; padding: 3px 8px; border-radius: 20px; white-space: nowrap; line-height: 10px; }.uc-awf .dfx-mark{ position: absolute; top: 50%; left: 66.4%; transform: translate(-50%, -50%); z-index: 7; white-space: nowrap; font-size: 10px; font-weight: 700; letter-spacing: 0.02em; padding: 3px 7px; border-radius: 6px; line-height: 12px; }.uc-awf .dfx-mark.bad{ color: #b42318; background: #fff1ef; border: 1px solid rgba(246, 82, 88, 0.5); animation: f2w-dfx-bad 4.5s var(--ease) infinite; }.uc-awf .dfx-mark.good{ color: #067647; background: #ecfdf3; border: 1px solid rgba(46, 163, 67, 0.5); opacity: 0; animation: f2w-dfx-good 4.5s var(--ease) infinite; }.uc-awf .dfx-chip i.dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--coral); animation: f2w-dfx-dot 4.5s var(--ease) infinite; }.uc-awf .dfx-lbls{ position: relative; display: inline-grid; }.uc-awf .dfx-lbls em{ grid-area: 1/1; font-style: normal; white-space: nowrap; }.uc-awf .dfx-lbls .a{ animation: f2w-dfx-lbl-a 4.5s var(--ease) infinite; }.uc-awf .dfx-lbls .b{ opacity: 0; animation: f2w-dfx-lbl-b 4.5s var(--ease) infinite; }.uc-awf .ucxx-frame.mtn{ overflow: hidden; place-items: center; background: #fbf8f1; }.uc-awf .mtn-page{ width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px 20px; text-align: center; }.uc-awf .mtn-eye{ font-size: 10px; font-weight: 700; letter-spacing: 0.18em; color: #8a94a0; margin-bottom: 7px; line-height: 12px; }.uc-awf .mtn-h{ font-family: Georgia, "Times New Roman", serif; color: #1b2534; font-weight: 600; font-size: clamp(1rem, 2.3vw, 1.375rem); line-height: 1.18; max-width: 92%; }.uc-awf .mtn-sub{ color: #5c6b7a; font-size: 12px; margin-top: 8px; max-width: 80%; line-height: 16px; }.uc-awf .mtn-cards{ display: flex; align-items: stretch; justify-content: center; gap: 10px; margin-top: 18px; width: 100%; }.uc-awf .mtn-card{ flex: 1 1 0; max-width: 98px; background: #fffdf9; border: 1px solid rgba(20, 30, 45, 0.07); border-radius: 12px; box-shadow: 0 10px 22px -14px rgba(20, 30, 45, 0.28); padding: 12px 8px 11px; display: flex; flex-direction: column; align-items: center; gap: 5px; }.uc-awf .mtn-av{ width: 42px; height: 42px; border-radius: 50%; overflow: hidden; display: grid; place-items: end center; background: radial-gradient(circle at 50% 34%, #e6e5e6, #c2c3c6); }.uc-awf .mtn-av svg{ width: 32px; height: 32px; color: #a3a9b2; }.uc-awf .mtn-card b{ font-size: 10px; font-weight: 700; color: #1b2534; letter-spacing: -0.01em; white-space: nowrap; line-height: 12px; }.uc-awf .mtn-card i{ font-size: 10px; font-style: normal; color: #8a94a0; white-space: nowrap; line-height: 12px; }.uc-awf .mtn-eye, .uc-awf .mtn-h, .uc-awf .mtn-sub, .uc-awf .mtn-card{ opacity: 0; will-change: opacity, transform; }.uc-awf .mtn-eye{ --fy: -10px; animation: f2w-mt-eye 6.5s var(--ease) infinite; }.uc-awf .mtn-h{ --fy: -12px; animation: f2w-mt-h 6.5s var(--ease) infinite; }.uc-awf .mtn-sub{ --fy: -10px; animation: f2w-mt-sub 6.5s var(--ease) infinite; }.uc-awf .mtn-card:nth-child(1){ --fy: 16px; animation: f2w-mt-c1 6.5s var(--ease) infinite; }.uc-awf .mtn-card:nth-child(2){ --fy: 16px; animation: f2w-mt-c2 6.5s var(--ease) infinite; }.uc-awf .mtn-card:nth-child(3){ --fy: 16px; animation: f2w-mt-c3 6.5s var(--ease) infinite; }.uc-awf .mtn-card:nth-child(4){ --fy: 16px; animation: f2w-mt-c4 6.5s var(--ease) infinite; }.uc-awf .mtn-card:nth-child(5){ --fy: 16px; animation: f2w-mt-c5 6.5s var(--ease) infinite; }.uc-awf .ucxx-frame.rzc{ aspect-ratio: auto; height: 305px; background: var(--mist); }.uc-awf .rz-vid, .uc-awf .gl-vid{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }.uc-awf .ucxx-frame.gl{ overflow: hidden; place-items: center; background: var(--mist); aspect-ratio: 299/216; }.uc-awf .ucxx-frame.hf{ overflow: hidden; place-items: center; background: #eef0f3; }.uc-awf .hf-stage{ position: absolute; inset: 0; }.uc-awf .hf-page{ position: absolute; left: 3%; top: 8%; width: 44%; height: 84%; z-index: 0; background: #ffffff; border: 1px solid var(--cardbd); border-radius: 10px; box-shadow: 0 8px 22px -14px rgba(16, 24, 40, 0.3); }.uc-awf .hf-body{ position: absolute; z-index: 1; border-radius: 3px; }.uc-awf .hf-body.b1{ left: 6%; top: 31%; width: 22%; height: 4.5%; background: rgba(20, 20, 40, 0.16); }.uc-awf .hf-body.b2{ left: 6%; top: 39%; width: 17%; height: 3.5%; background: rgba(20, 20, 40, 0.1); }.uc-awf .hf-body.b4{ left: 6%; top: 47%; width: 20%; height: 3.5%; background: rgba(20, 20, 40, 0.1); }.uc-awf .hf-body.b3{ left: 29%; top: 31%; width: 15%; height: 24%; border-radius: 6px; background: linear-gradient(135deg, #ffe3d6, #ffc9b3); }.uc-awf .hf-h, .uc-awf .hf-f{ display: flex; align-items: center; gap: 5%; padding: 0 4%; border-radius: 6px; box-sizing: border-box; will-change: transform; }.uc-awf .hf-h{ position: absolute; left: 6%; top: 13%; width: 38%; height: 11%; z-index: 2; background: #fff; border: 1px solid rgba(20, 20, 40, 0.08); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06); animation: f2w-hf-lift-h 6.5s var(--ease) infinite; }.uc-awf .hf-f{ position: absolute; left: 6%; top: 74%; width: 38%; height: 13%; z-index: 2; background: #1b2230; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); animation: f2w-hf-lift-f 6.5s var(--ease) infinite; }.uc-awf .hf-logo{ width: 11%; aspect-ratio: 1; border-radius: 3px; background: var(--acc); flex: 0 0 auto; }.uc-awf .hf-nav{ width: 13%; height: 16%; border-radius: 2px; background: rgba(20, 20, 40, 0.2); flex: 0 0 auto; }.uc-awf .hf-btn{ margin-left: auto; width: 20%; height: 36%; border-radius: 20px; background: var(--acc); flex: 0 0 auto; }.uc-awf .hf-fcol{ width: 15%; height: 26%; border-radius: 2px; background: rgba(255, 255, 255, 0.4); flex: 0 0 auto; }.uc-awf .hf-slot{ position: absolute; z-index: 1; border: 1px dashed var(--acc-line); border-radius: 8px; background: rgba(16, 24, 40, 0.03); }.uc-awf .hf-slot.s1{ left: 53%; top: 12%; width: 44%; height: 32%; }.uc-awf .hf-slot.s2{ left: 53%; top: 56%; width: 44%; height: 32%; }.uc-awf .hf-slot-label{ position: absolute; top: 7px; left: 9px; font-size: 8px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--acc-dk); line-height: 10px; }.uc-awf .hf-ck{ position: absolute; top: 6px; right: 8px; width: 15px; height: 15px; border-radius: 50%; background: var(--acc); color: #fff; font-size: 8px; font-weight: 900; display: grid; place-items: center; opacity: 0; line-height: 8px; }.uc-awf .hf-ck.ck1{ animation: f2w-hf-ck1 6.5s var(--ease) infinite; }.uc-awf .hf-ck.ck2{ animation: f2w-hf-ck2 6.5s var(--ease) infinite; }.uc-awf .hf-chip i.dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--acc2); animation: f2w-hf-dot 6.5s var(--ease) infinite; }.uc-awf .hf-lbls{ position: relative; display: inline-grid; }.uc-awf .hf-lbls em{ grid-area: 1/1; font-style: normal; white-space: nowrap; }.uc-awf .hf-lbls .a{ animation: f2w-hf-la 6.5s var(--ease) infinite; }.uc-awf .hf-lbls .b{ opacity: 0; animation: f2w-hf-lb 6.5s var(--ease) infinite; }.uc-awf .chatai{ display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 42px; align-items: center; margin-top: 44px; }@media (max-width: 980px){.uc-awf .chatai{ grid-template-columns: minmax(0, 1fr); gap: 28px; }}.uc-awf .chatai-tabs{ display: flex; flex-direction: column; gap: 12px; min-width: 0; }.uc-awf .chatai-tab{ display: block; width: 100%; text-align: left; cursor: pointer; font-family: inherit; padding: 16px 18px; border-radius: 14px; background: #fff; border: 1px solid var(--cardbd); border-left: 3px solid transparent; transition: background 0.24s var(--ease), border-color 0.24s var(--ease); }.uc-awf .chatai-tab:hover{ background: var(--mist); }.uc-awf .chatai-tab.active{ background: var(--acc-soft); border-color: var(--acc-line); border-left-color: var(--acc); }.uc-awf .chatai-tab h3{ color: var(--tx); margin: 0; font-size: 18px; line-height: 28px; font-weight: 500; letter-spacing: -0.01em; }.uc-awf .chatai-tab p{ color: var(--txd); font-size: 16px; line-height: 24px; margin: 7px 0 0; }.uc-awf .chatai-stage{ position: relative; min-width: 0; }.uc-awf .chatai-viewport{ overflow: hidden; border-radius: 16px; }.uc-awf .chatai-track{ display: flex; transition: transform 0.45s var(--ease); will-change: transform; }.uc-awf .chatai-slide{ min-width: 100%; }.uc-awf .chatai-slide .ucxx-frame{ margin: 0; max-width: none; }.uc-awf .chatai-dots{ display: flex; gap: 8px; justify-content: center; margin-top: 16px; }.uc-awf .chatai-dot{ width: 9px; height: 9px; border-radius: 50%; background: var(--cardbd); border: none; padding: 0; cursor: pointer; transition: background 0.24s var(--ease), width 0.24s var(--ease); }.uc-awf .chatai-dot.active{ background: var(--acc); width: 22px; border-radius: 5px; }.uc-awf .mcp-grid{ display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 48px; align-items: center; margin-top: 8px; }@media (max-width: 900px){.uc-awf .mcp-grid{ grid-template-columns: 1fr; gap: 30px; }}.uc-awf .mcp-copy .eyebrow{ margin-bottom: 16px; }.uc-awf .mcp-copy h2{ text-align: left; }.uc-awf .mcp-copy .ucx-sub{ max-width: 56ch; }.uc-awf .term{ position: relative; display: flex; flex-direction: column; height: 375px; border-radius: 16px; overflow: hidden; background: linear-gradient(180deg, #16121f, #0c0910); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 24px 60px -28px rgba(16, 24, 40, 0.5); transition: transform 0.34s var(--ease), box-shadow 0.34s var(--ease); }@media (max-width: 560px){.uc-awf .term{ height: 430px; }}.uc-awf .term:hover{ transform: translateY(-6px); }
/* --- legacy hover-transform conflict (swept 2026-09-03) ---------------------
#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. They were killing every hover lift this page inherited from
components/uichemy/*.css (24 hero chips render here). 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. ------------------- */
.uc-awf .hero-chip.hero-chip:hover{ transform: translateY(-2px) !important; }
.uc-awf .hp-card.hp-card:hover{ transform: translateY(-8px) !important; }
.uc-awf .src-tile.src-tile:not(.is-soon):hover{ transform: translateY(-4px) !important; }
.uc-awf .sup-card.sup-card:hover{ transform: translateY(-5px) !important; }
.uc-awf .term.term:hover{ transform: translateY(-6px) !important; }
.uc-awf .tpl-card.tpl-card:hover{ transform: translateY(-4px) !important; }
:where(.uc-awf) .uc-hero-chip.uc-hero-chip:hover{ transform: translateY(-2px) !important; }
.uc-awf .term-grid{ position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(253, 106, 53, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(253, 106, 53, 0.06) 1px, transparent 1px); background-size: 30px 30px; -webkit-mask-image: radial-gradient(120% 90% at 72% 0%, #000, transparent 78%); mask-image: radial-gradient(120% 90% at 72% 0%, #000, transparent 78%); }.uc-awf .term-glow{ position: absolute; top: -28%; right: -12%; width: 62%; height: 82%; background: radial-gradient(circle, rgba(253, 106, 53, 0.24), transparent 70%); filter: blur(42px); pointer-events: none; }.uc-awf .term-scan{ position: absolute; left: 0; right: 0; top: 0; height: 84px; pointer-events: none; background: linear-gradient(180deg, transparent, rgba(253, 106, 53, 0.1), transparent); animation: f2w-term-scan 5s linear infinite; }.uc-awf .term-bar{ position: relative; display: flex; align-items: center; gap: 7px; padding: 12px 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.02); }.uc-awf .term-dot{ width: 11px; height: 11px; border-radius: 999px; }.uc-awf .term-file{ margin-left: 8px; font-size: 12px; color: rgba(255, 255, 255, 0.42); font-family: ui-monospace, monospace; line-height: 14px; }.uc-awf .term-live{ margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--acc); line-height: 14px; }.uc-awf .term-live i{ width: 7px; height: 7px; border-radius: 999px; background: var(--acc); box-shadow: 0 0 8px var(--acc); }.uc-awf .term-body{ position: relative; flex: 1; min-height: 0; overflow: hidden; padding: 20px; font-family: ui-monospace, monospace; font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.62); }.uc-awf .term-line{ animation: f2w-term-swap 0.42s ease both; }.uc-awf .term-line .p, .uc-awf .term-line .ok{ color: var(--acc); }.uc-awf .term-caret{ display: inline-block; width: 8px; height: 15px; margin-left: 3px; vertical-align: -2px; border-radius: 1px; background: var(--acc); animation: f2w-term-blink 1s steps(1) infinite; }.uc-awf .term-tabs{ position: relative; display: flex; gap: 8px; padding: 0 20px 18px; flex-wrap: wrap; }.uc-awf .term-tab{ display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; border-radius: 9px; cursor: pointer; font-family: inherit; font-size: 14px; font-weight: 500; 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; }.uc-awf .term-tab:not(.ucx-on):hover{ background: rgba(255, 255, 255, 0.09); border-color: rgba(255, 255, 255, 0.2); color: #fff; }.uc-awf .term-tab.ucx-on{ background: rgba(253, 106, 53, 0.16); border-color: rgba(253, 106, 53, 0.5); color: var(--acc); }.uc-awf .term-tab-ic{ width: 15px; height: 15px; display: block; }.uc-awf .src-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 52px; }@media (max-width: 900px){.uc-awf .src-grid{ grid-template-columns: repeat(2, 1fr); }}@media (max-width: 480px){.uc-awf .src-grid{ grid-template-columns: 1fr; }}.uc-awf .src-tile{ position: relative; display: block; padding: 20px; border-radius: 16px; background: #fff; border: 1px solid var(--cardbd); text-decoration: none; color: inherit; box-shadow: 0 10px 26px -20px rgba(16, 24, 40, 0.22); transition: transform 0.24s var(--ease), border-color 0.24s var(--ease); }.uc-awf .src-tile.is-soon{ cursor: default; }.uc-awf .src-tile.is-soon::after{ content: "Soon"; position: absolute; top: 14px; right: 14px; font-size: 10px; line-height: 16px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--acc2); background: color-mix(in srgb, var(--acc2) 10%, #fff); border: 1px solid color-mix(in srgb, var(--acc2) 22%, transparent); padding: 2px 8px; border-radius: 999px; }.uc-awf .src-tile:not(.is-soon):hover{ transform: translateY(-4px); border-color: var(--acc-line); }.uc-awf .src-ic{ width: 40px; height: 40px; border-radius: 10px; background: var(--mist); border: 1px solid var(--line); display: grid; place-items: center; margin-bottom: 16px; overflow: hidden; }.uc-awf .src-ic img.logo-img{ width: 24px; height: 24px; object-fit: contain; }.uc-awf .src-ic svg{ width: 22px; height: 22px; color: var(--txd); }.uc-awf .src-tile h3{ margin: 0 0 4px; font-size: 16px; line-height: 24px; font-weight: 500; color: var(--tx); }.uc-awf .src-tile p{ margin: 0; font-size: 14px; line-height: 20px; color: var(--txd); }.uc-awf .mode-seg-wrap{ display: flex; justify-content: center; margin-top: 36px; }.uc-awf .mode-seg{ display: inline-flex; gap: 4px; padding: 4px; border-radius: 12px; background: var(--mist); border: 1px solid var(--cardbd); }.uc-awf .mode-opt{ padding: 9px 18px; border-radius: 9px; border: 0; cursor: pointer; font-family: inherit; font-size: 14px; line-height: 22px; font-weight: 500; background: transparent; color: var(--txd); transition: background 0.2s var(--ease), color 0.2s var(--ease), box-shadow 0.2s var(--ease); }.uc-awf .mode-opt.ucx-on{ background: #fff; color: var(--tx); box-shadow: 0 1px 3px rgba(16, 24, 40, 0.12); }.uc-awf .pbx-pane{ display: none; }.uc-awf .pbx-pane.ucx-is-active{ display: block; animation: f2w-pwfade 0.35s var(--ease); }.uc-awf .pbx-grid{ display: flex; flex-wrap: wrap; justify-content: center; gap: 22px 30px; margin-top: 40px; }.uc-awf .pbx-ic{ display: flex; flex-direction: column; align-items: center; gap: 11px; width: 112px; }.uc-awf .pbx-tile{ display: grid; place-items: center; background: none; border: 0; box-shadow: none; transition: transform 0.28s var(--ease); animation: f2w-pbx-float 3.6s var(--ease) infinite; }.uc-awf .pbx-tile img{ width: 60px; height: 60px; display: block; border-radius: 15px; }.uc-awf .pbx-ic:not(.is-soon) .pbx-tile img{ filter: drop-shadow(0 8px 20px rgba(253, 106, 53, 0.28)); }.uc-awf .pbx-name{ font-size: 14px; font-weight: 500; color: var(--tx); text-align: center; line-height: 18px; }.uc-awf .pbx-live{ font-size: 10px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #fff; background: var(--acc); padding: 2px 9px; border-radius: 999px; line-height: 12px; }.uc-awf .pbx-soon{ font-size: 10px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--txf); background: var(--mist); border: 1px solid var(--cardbd); padding: 2px 9px; border-radius: 999px; line-height: 12px; }.uc-awf .pbx-ic:hover .pbx-tile{ transform: translateY(-5px); }.uc-awf .pbx-ic.is-soon .pbx-tile{ animation: none; }.uc-awf .pbx-ic.is-soon .pbx-tile img{ filter: grayscale(1); opacity: 0.42; }.uc-awf .pbx-ic.is-soon .pbx-name{ color: var(--txf); }.uc-awf .pbx-grid .pbx-ic:nth-child(2) .pbx-tile{ animation-delay: 0.3s; }.uc-awf .pbx-grid .pbx-ic:nth-child(3) .pbx-tile{ animation-delay: 0.6s; }.uc-awf .pbx-grid .pbx-ic:nth-child(4) .pbx-tile{ animation-delay: 0.9s; }.uc-awf .pbx-grid .pbx-ic:nth-child(5) .pbx-tile{ animation-delay: 1.2s; }.uc-awf .pbx-grid .pbx-ic:nth-child(6) .pbx-tile{ animation-delay: 1.5s; }.uc-awf .pbx-grid .pbx-ic:nth-child(7) .pbx-tile{ animation-delay: 1.8s; }.uc-awf .pbx-grid .pbx-ic:nth-child(8) .pbx-tile{ animation-delay: 2.1s; }.uc-awf .hp-stage{ position: relative; z-index: 2; margin-top: 52px; overflow: hidden; padding: 20px 0; }.uc-awf .hp-stage::before, .uc-awf .hp-stage::after{ content: ""; position: absolute; top: 0; bottom: 0; width: 9%; z-index: 3; pointer-events: none; }.uc-awf .hp-stage::before{ left: 0; background: linear-gradient(90deg, var(--pg) 0%, transparent 100%); }.uc-awf .hp-stage::after{ right: 0; background: linear-gradient(270deg, var(--pg) 0%, transparent 100%); }.uc-awf .hp-grid{ display: flex; flex-direction: column; gap: 22px; }.uc-awf .hp-row{ display: flex; gap: 22px; justify-content: flex-start; will-change: transform; padding: 0 clamp(20px, 5vw, 80px); }.uc-awf .hp-card{ flex: 0 0 300px; width: 300px; box-sizing: border-box; border-radius: 16px; overflow: hidden; background: #fff; border: 1px solid var(--cardbd); box-shadow: 0 14px 34px -22px rgba(16, 24, 40, 0.26); transition: transform 0.34s var(--ease), border-color 0.34s var(--ease), box-shadow 0.34s var(--ease); }.uc-awf .hp-card:hover{ transform: translateY(-8px); border-color: var(--acc-line); box-shadow: 0 26px 54px -28px rgba(16, 24, 40, 0.34); }.uc-awf .hp-thumb{ position: relative; aspect-ratio: 4/5; overflow: hidden; border-radius: 16px 16px 0 0; background: linear-gradient(180deg, #f4f0ff, #fef2ec); border-bottom: 1px solid var(--line); }.uc-awf .hp-vid{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0; transition: opacity 0.45s var(--ease); }.uc-awf .hp-vid.ucx-ready{ opacity: 1; }.uc-awf .hp-badge{ position: absolute; top: 10px; left: 10px; z-index: 2; padding: 5px 11px; border-radius: 999px; font-size: 10px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--tx); background: rgba(255, 255, 255, 0.86); border: 1px solid var(--cardbd); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); line-height: 12px; }.uc-awf .hp-meta{ padding: 14px 16px 16px; }.uc-awf .hp-meta h3{ margin: 0 0 5px; font-size: 18px; line-height: 28px; font-weight: 500; color: var(--tx); }.uc-awf .hp-meta p{ font-size: 14px; color: var(--txd); line-height: 20px; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }@media (max-width: 640px){.uc-awf .hp-card{ flex-basis: 230px; width: 230px; }}@media (max-width: 768px){.uc-awf .hp-slider .hp-grid{ padding: 0; }.uc-awf .hp-slider .hp-row{ transform: none !important; overflow-x: auto; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; gap: 14px; padding: 4px 16px 16px; scrollbar-width: none; }.uc-awf .hp-slider .hp-row::-webkit-scrollbar{ display: none; }.uc-awf .hp-slider .hp-card{ scroll-snap-align: center; }}.uc-awf .cmp-sec .sec-head{ max-width: 1040px; }.uc-awf .cmp-sec .sec-head .ucx-sub{ max-width: 1040px; }.uc-awf .cmp{
--c1: 1.1;
--c2: 1.16;
--c3: 1.16;
--ct: 3.42;
position: relative;
max-width: 1020px;
margin: 68px auto 0;
}.uc-awf .cmp-grid{
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 1.1fr 1.16fr 1.16fr;
}.uc-awf .cmp-base{
position: absolute;
inset: 0;
background: var(--cardbg);
border: 1px solid var(--cardbd);
border-radius: 20px;
z-index: 0;
}.uc-awf .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: #0b0b0f;
box-shadow: 0 34px 70px -34px rgba(10, 10, 15, 0.6);
overflow: hidden;
z-index: 1;
}.uc-awf .cmp-spot::before{
content: "";
position: absolute;
inset: -34px 0 auto 0;
height: 122px;
background:
radial-gradient(120% 150% at 88% -10%, rgba(158, 72, 236, 1) 0%, rgba(158, 72, 236, 0.5) 30%, transparent 62%),
radial-gradient(120% 150% at 8% -6%, rgba(255, 194, 128, 1) 0%, rgba(246, 132, 78, 0.66) 32%, transparent 64%),
linear-gradient(96deg, #fbad6b 0%, #f0623d 46%, #9741d6 100%);
-webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 26%, transparent 100%);
mask-image: linear-gradient(to bottom, #000 0%, #000 26%, transparent 100%);
}.uc-awf .cmp-cell{
position: relative;
z-index: 2;
display: flex;
align-items: center;
gap: 11px;
padding: 16px 22px;
font-size: 16px;
line-height: 22px;
min-width: 0;
overflow-wrap: break-word;
word-break: break-word;
}.uc-awf .cmp-cell.feat{ color: var(--txd); font-weight: 400; }.uc-awf .cmp-cell.classic{ color: var(--txd); }.uc-awf .cmp-cell.ai{ color: #fff; font-weight: 500; }.uc-awf .cmp-cell.feat:not(.hd), .uc-awf .cmp-cell.classic:not(.hd){ border-top: 1px solid var(--line); }.uc-awf .cmp-cell.ai:not(.hd){ border-top: 1px solid rgba(255, 255, 255, 0.1); }.uc-awf .cmp-cell.ai.first{ border-top: 0; }.uc-awf .cmp-logos{ display: inline-flex; align-items: center; }.uc-awf .cmp-logo{
position: relative;
display: inline-flex;
transition: transform 0.2s var(--ease);
}.uc-awf .cmp-logo + .cmp-logo{ margin-left: -6px; }.uc-awf .cmp-logo img{
width: 32px;
height: 32px;
border-radius: 9px;
display: block;
}.uc-awf .cmp-cell.ai .cmp-logo img{ box-shadow: 0 0 0 2.5px #0b0b0f; }.uc-awf .cmp-cell.classic .cmp-logo img{ box-shadow: 0 0 0 2.5px var(--cardbg); }.uc-awf .cmp-logo--fill img{ background: #0a0a0a; object-fit: contain; padding: 5px; }.uc-awf .cmp-logo:hover{ transform: translateY(-6px); z-index: 5; }.uc-awf .cmp-cell.hd{
padding-top: 20px;
padding-bottom: 20px;
font-size: 12px; line-height: 18px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}.uc-awf .cmp-cell.feat.hd{ color: var(--txf); }.uc-awf .cmp-cell.classic.hd{ color: var(--txf); }.uc-awf .cmp-cell.ai.hd{ padding-top: 24px; padding-bottom: 22px; }.uc-awf .cmp-brand{
display: inline-flex;
align-items: center;
gap: 9px;
color: #fff;
font-size: 14px; line-height: 22px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}@media (max-width: 700px){.uc-awf .cmp{ --c1: 0.9; --c2: 1; --c3: 1; --ct: 2.9; margin-top: 44px; }.uc-awf .cmp-grid{ grid-template-columns: 0.9fr 1fr 1fr; }.uc-awf .cmp-spot{ top: 0; bottom: 0; box-shadow: none; }.uc-awf .cmp-cell{ padding: 12px 12px; font-size: 14px; line-height: 22px; gap: 8px; align-items: flex-start; }.uc-awf .cmp-cell.ai.hd{ padding-top: 14px; }.uc-awf .cmp-brand{ font-size: 12px; line-height: 18px; gap: 6px; }}.uc-awf .rev-wall{ margin-top: 52px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; height: 660px; overflow: hidden; -webkit-mask-image: linear-gradient(180deg, transparent, #000 7%, #000 93%, transparent); mask-image: linear-gradient(180deg, transparent, #000 7%, #000 93%, transparent); }.uc-awf .rev-col{ overflow: hidden; }.uc-awf .rev-track{ display: flex; flex-direction: column; gap: 18px; animation: f2w-rev-up linear infinite; will-change: transform; }.uc-awf .rev-col:hover .rev-track{ animation-play-state: paused; }.uc-awf .rev-card{ border-radius: 16px; background: #fff; border: 1px solid var(--cardbd); box-shadow: none; transition: border-color 0.28s var(--ease); }.uc-awf .rev-card:hover{ border-color: var(--acc-line); }.uc-awf a.rev-card{ display: block; text-decoration: none; color: inherit; cursor: pointer; }.uc-awf .rev-txt{ padding: 21px; }.uc-awf .rev-head{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 15px; }.uc-awf .rev-who{ display: flex; align-items: center; gap: 11px; }.uc-awf .rev-av{ width: 38px; height: 38px; border-radius: 999px; flex: 0 0 auto; background: linear-gradient(135deg, var(--acc), #cc4b23); display: grid; place-items: center; font-size: 14px; font-weight: 700; color: #fff; line-height: 18px; }.uc-awf .rev-av.has-img, .uc-awf .rev-yt-row .av.has-img{ position: relative; overflow: hidden; }.uc-awf .rev-av img, .uc-awf .rev-yt-row .av img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; background: var(--mist); }.uc-awf .rev-handle{ font-size: 14px; font-weight: 500; color: var(--tx); line-height: 18px; }.uc-awf .rev-meta{ font-size: 12px; color: var(--txf); line-height: 14px; }.uc-awf .rev-body{ margin: 0; font-size: 14px; line-height: 22px; color: var(--txd); }.uc-awf .rev-stars{ margin-top: 13px; color: var(--acc); letter-spacing: 1px; font-size: 12px; line-height: 14px; }.uc-awf .rev-glyph{ flex: 0 0 auto; width: 22px; height: 22px; display: grid; place-items: center; }.uc-awf .rev-glyph svg{ width: 18px; height: 18px; }.uc-awf .rev-yt-thumb{ position: relative; }.uc-awf .rev-yt-thumb img{ display: block; width: 100%; height: 168px; object-fit: cover; }.uc-awf .rev-yt-thumb .ucx-play{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; border-radius: 999px; background: #ff3b4e; display: grid; place-items: center; box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.4); }.uc-awf .rev-yt-cap{ padding: 15px 18px 17px; }.uc-awf .rev-yt-cap p{ margin: 0; font-size: 14px; line-height: 20px; color: var(--tx); font-weight: 500; }.uc-awf .rev-yt-row{ margin-top: 13px; display: flex; align-items: center; gap: 10px; }.uc-awf .rev-yt-row .av{ width: 30px; height: 30px; border-radius: 999px; background: linear-gradient(135deg, var(--acc), #cc4b23); display: grid; place-items: center; font-size: 12px; font-weight: 700; color: #fff; line-height: 14px; }.uc-awf .rev-glyph svg[data-x] path{ fill: var(--tx); }@media (max-width: 1024px){.uc-awf .rev-wall{ grid-template-columns: repeat(2, 1fr); height: 560px; }.uc-awf .rev-wall .rev-col:nth-child(3){ display: none; }}@media (max-width: 640px){.uc-awf .rev-wall{ grid-template-columns: 1fr; height: 620px; }.uc-awf .rev-wall .rev-col:nth-child(n+2){ display: none; }}.uc-awf .faq2{ display: flex; flex-direction: column; gap: clamp(28px, 4vw, 44px); max-width: 1020px; margin-inline: auto; }.uc-awf .faq2-title{ text-align: left; }.uc-awf .faq2-title .faq2-eyebrow{ display: inline-block; margin-bottom: 16px; }.uc-awf .faq2-title h2{ text-align: left; margin: 0; }.uc-awf .faq2-grid{ display: grid; grid-template-columns: 1fr; gap: 32px; }@media (min-width: 900px){.uc-awf .faq2-grid{ grid-template-columns: minmax(220px, 260px) 1fr; gap: 28px; align-items: start; }}.uc-awf .faq2-side{ display: flex; flex-direction: column; background: #fff; border: 1px solid var(--cardbd); border-radius: 16px; overflow: hidden; }.uc-awf .faq2-cta{ display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px; background: none; border: 0; color: var(--txd); font-size: 16px; line-height: 26px; }.uc-awf .faq2-cta a{ display: inline-flex; align-items: center; gap: 7px; color: var(--acc-dk); text-decoration: none; font-weight: 600; }.uc-awf .faq2-cta a svg{ width: 16px; height: 16px; color: var(--acc); }.uc-awf .faq2-tabs{ position: relative; display: flex; flex-direction: column; gap: 4px; margin: 4px 4px 0; padding: 4px; box-shadow: inset 0 0 0 1px var(--cardbd); border-radius: 12px; background: var(--mist); }.uc-awf .faq2-tab-ind{ position: absolute; left: 4px; right: 4px; top: 0; height: 0; opacity: 0; border-radius: 9px; background: #fff; box-shadow: 0 1px 3px rgba(16, 24, 40, 0.12); 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; }.uc-awf .faq2-tab{ position: relative; z-index: 1; text-align: left; padding: 9px 16px; border: 0; border-radius: 9px; background: transparent; cursor: pointer; font-family: inherit; font-size: 14px; line-height: 22px; font-weight: 500; color: var(--txd); transition: color 0.2s var(--ease); }.uc-awf .faq2-tab:hover{ color: var(--tx); }.uc-awf .faq2-tab.ucx-on{ color: var(--tx); }.uc-awf .ucx-faq-pane{ display: none; flex-direction: column; gap: 12px; }.uc-awf .ucx-faq-pane.ucx-is-active{ display: flex; }.uc-awf .ucx-faq-item{ border-radius: 16px; background: #fff; border: 1px solid var(--cardbd); overflow: hidden; transition: border-color 0.24s var(--ease); }.uc-awf .ucx-faq-item.ucx-open, .uc-awf .ucx-faq-item:hover{ border-color: var(--tx); }.uc-awf .ucx-faq-q{ width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 24px; background: none; border: 0; cursor: pointer; text-align: left; font-family: inherit; color: var(--tx); font-size: 18px; font-weight: 500; letter-spacing: -0.01em; line-height: 26px; }.uc-awf .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); }.uc-awf .ucx-faq-ic svg{ width: 20px; height: 20px; }.uc-awf .ucx-faq-item.ucx-open .ucx-faq-ic{ transform: rotate(135deg); }.uc-awf .ucx-faq-a{ display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.32s var(--ease); }.uc-awf .ucx-faq-item.ucx-open .ucx-faq-a{ grid-template-rows: 1fr; }.uc-awf .ucx-faq-a > div{ overflow: hidden; }.uc-awf .ucx-faq-a p{ margin: 0; padding: 0 24px 22px; color: var(--txd); font-size: 16px; line-height: 26px; }.uc-awf .ucx-faq-a a{ color: var(--acc-dk); font-weight: 500; }.uc-awf .sup-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 44px; }@media (max-width: 820px){.uc-awf .sup-grid{ grid-template-columns: 1fr 1fr; }}@media (max-width: 440px){.uc-awf .sup-grid{ grid-template-columns: 1fr; }}.uc-awf .sup-card{ padding: 26px 22px; text-align: center; border-radius: 16px; background: #fff; border: 1px solid var(--cardbd); box-shadow: 0 12px 30px -22px rgba(16, 24, 40, 0.22); transition: transform 0.24s var(--ease), border-color 0.24s var(--ease); }.uc-awf .sup-card:hover{ transform: translateY(-5px); border-color: var(--acc-line); }.uc-awf .sup-ic{ width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; margin: 0 auto 15px; background: var(--acc-soft); border: 1px solid var(--acc-line); color: var(--acc-dk); }.uc-awf .sup-ic svg{ width: 23px; height: 23px; }.uc-awf .sup-card h3{ margin: 0 0 6px; font-size: 18px; line-height: 28px; font-weight: 500; color: var(--tx); }.uc-awf .sup-card p{ margin: 0; font-size: 14px; color: var(--txd); line-height: 20px; }.uc-awf .news{ position: relative; margin-top: 40px; border-radius: 20px; padding: 40px 44px; background: var(--mist); border: 1px solid var(--cardbd); }.uc-awf .news-badge{ position: absolute; top: 0; left: 32px; transform: translateY(-50%); display: inline-flex; align-items: center; gap: 7px; padding: 8px 15px; border-radius: 999px; background: var(--acc); color: #fff; font-size: 12px; font-weight: 500; box-shadow: 0 10px 26px -10px rgba(253, 106, 53, 0.7); line-height: 14px; }.uc-awf .news-badge svg{ width: 15px; height: 15px; }.uc-awf .news-inner{ display: flex; align-items: center; justify-content: space-between; gap: 44px; flex-wrap: wrap; }.uc-awf .news-copy{ flex: 1 1 380px; }.uc-awf .news-title{ font-size: 24px; line-height: 30px; margin: 6px 0 0; font-weight: 500; letter-spacing: -0.01em; text-wrap: balance; color: var(--tx); }.uc-awf .news-sub{ margin: 10px 0 0; color: var(--txd); font-size: 16px; line-height: 26px; max-width: 56ch; }.uc-awf .news-form{ display: flex; gap: 12px; flex: 0 0 auto; }.uc-awf .news-input{ width: 300px; max-width: 100%; padding: 13px 18px; border-radius: 12px; border: 1px solid var(--cardbd); background: #fff; color: var(--tx); font-size: 16px; font-family: inherit; outline: none; transition: border-color 0.2s var(--ease); line-height: 22px; }.uc-awf .news-input::placeholder{ color: var(--txf); }.uc-awf .news-input:focus{ border-color: var(--acc); }@media (max-width: 860px){.uc-awf .news{ padding: 36px 28px 32px; }.uc-awf .news-inner{ flex-direction: column; align-items: flex-start; gap: 24px; }.uc-awf .news-form{ width: 100%; }.uc-awf .news-input{ flex: 1; width: auto; }}@media (max-width: 560px){.uc-awf .news-form{ flex-direction: column; }.uc-awf .news-form .uc-btn{ width: 100%; }}.uc-awf .logo-eyebrow{ text-align: center; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--txf); margin-bottom: 24px; line-height: 14px; }.uc-awf .logo-band{ position: relative; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 44px 0; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }.uc-awf .logo-track{ display: flex; gap: 14px; width: max-content; will-change: transform; }.uc-awf .logo-track.no-anim{ animation: f2w-logo-marq 34s linear infinite; }.uc-awf .logo-band .brand-chip{ display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 44px; padding: 0 28px; flex: 0 0 auto; will-change: transform; background: none; border: 0; box-shadow: none; }.uc-awf .logo-band .brand-chip .bc-ic{ height: 22px; width: auto; max-width: none; object-fit: contain; display: block; opacity: 0.5; filter: grayscale(1); transition: opacity 0.4s var(--ease), filter 0.4s var(--ease); }.uc-awf .logo-band .brand-chip .bc-tx{ display: inline; font-weight: 700; font-size: 20px; line-height: 20px; letter-spacing: -0.01em; color: var(--tx); opacity: 0.4; white-space: nowrap; transition: opacity 0.4s var(--ease); }.uc-awf .logo-band .brand-chip.ucx-lit .bc-ic{ opacity: 1; filter: none; }.uc-awf .logo-band .brand-chip.ucx-lit .bc-tx{ opacity: 0.9; }@media (prefers-reduced-motion: reduce){.uc-awf .ucx-reveal{ opacity: 1 !important; transform: none !important; transition: none; }.uc-awf .ucx-hero, .uc-awf .ucx-hero::before, .uc-awf .ucx-hero::after, .uc-awf .uic-orb, .uc-awf .scan-line, .uc-awf .scan-dot, .uc-awf .dfx-col.c3, .uc-awf .dfx-mark, .uc-awf .dfx-chip i.dot, .uc-awf .dfx-lbls em, .uc-awf [class*="mtn-"], .uc-awf .hf-h, .uc-awf .hf-f, .uc-awf .hf-ck, .uc-awf .hf-chip i.dot, .uc-awf .hf-lbls em, .uc-awf .term-scan, .uc-awf .pbx-tile, .uc-awf .rev-track, .uc-awf .logo-track, .uc-awf .demo-chip i, .uc-awf .scan-chip i{
animation: none !important;
}.uc-awf .scan-line{ top: 50%; }.uc-awf .mtn-eye, .uc-awf .mtn-h, .uc-awf .mtn-sub, .uc-awf .mtn-card{ opacity: 1 !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: 0 0; } 50% { translate: 5% -7%; } 100% { translate: -4% 6%; } }@keyframes f2w-float-b{ 0% { translate: 0 0; } 50% { translate: -6% 7%; } 100% { translate: 5% -5%; } }@keyframes f2w-blink{ 0%, 100% { opacity: 1; } 50% { opacity: 0.25; } }@keyframes f2w-scan-sweep{ from { top: 4%; } to { 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(0); } 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(0); } 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(0); } 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(0); } 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(0); } 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(0); } 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(0); } 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(0); } 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(0); } 92%, 100% { opacity: 0; transform: translateY(var(--fy)); } }@keyframes f2w-hf-lift-h{ 0%, 10% { transform: translateY(0); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06); } 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(0); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06); } }@keyframes f2w-hf-lift-f{ 0%, 20% { transform: translateY(0); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); } 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(0); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); } }@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{ from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }@keyframes f2w-term-blink{ 50% { opacity: 0; } }@keyframes f2w-rev-up{ from { transform: translateY(0); } to { transform: translateY(-50%); } }@keyframes f2w-logo-marq{ to { transform: translateX(-50%); } }@keyframes f2w-pbx-float{ 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }@keyframes f2w-pwfade{ from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }.uc-awf .hero-grid{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; }.uc-awf .hero-copy{ display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 0; }.uc-awf .hero-eyebrow{ display: inline-flex; align-items: center; gap: var(--spacing-sprout-8); color: var(--txd); font-size: 14px; line-height: 18px; font-weight: 500; letter-spacing: 0.01em; }.uc-awf .hero-copy .uc-eyebrow{ margin-bottom: var(--spacing-sprout-24); }.uc-awf .hero-copy .hero-eyebrow{ margin-bottom: var(--spacing-sprout-20); }.uc-awf .hero-copy .ucx-pill-title{ margin: 0 auto var(--spacing-sprout-20); }.uc-awf .hero-copy .ucx-sub{ max-width: 1100px; margin: 0 auto var(--spacing-sprout-32); }.uc-awf .hero-copy .ucx-cta-row{ gap: var(--spacing-sprout-12); }.uc-awf .ucx-hero .uc-marquee-wrap{ margin-top: 80px; }.uc-awf .hero-video-wrap{ position: relative; margin-top: 80px; }.uc-awf .ucx-pill-title .brand-chip .ai-cluster{ display: block; width: 100%; height: 100%; }.uc-awf .ucx-hero .hero-video{ position: relative; z-index: 1; margin-top: 0; max-width: none; width: 100%; border-radius: 32px; }@media (min-width: 640px){.uc-awf .ucx-hero .hero-video{ border-radius: 48px; }}@media (min-width: 768px){.uc-awf .ucx-hero .hero-video{ border-radius: 64px; }}@media (min-width: 1025px){.uc-awf .ucx-hero .hero-video{ width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; }}.uc-awf .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%); }.uc-awf .ucx-hero .hero-checks{ margin-top: clamp(24px, 3vw, 34px); }.uc-awf .mcpset{ max-width: 640px; margin: 52px auto 0; }.uc-awf .mcpset-panel{
position: relative; background: var(--uc-surface-sunken); border: 1px solid var(--uc-border-subtle);
border-radius: var(--uc-radius-16); padding: var(--uc-space-4) var(--uc-space-4) 0;
box-shadow: var(--uc-shadow-5);
text-align: left;
}.uc-awf .mcpset-inner{
background: var(--uc-surface-raised); border: 1px solid var(--uc-border-subtle);
border-radius: var(--uc-radius-12); padding: var(--uc-space-24) var(--uc-space-28);
}.uc-awf .mcpset-eyebrow{
display: block; font-size: var(--uc-text-xs); font-weight: var(--uc-weight-semibold);
letter-spacing: 0.08em; text-transform: uppercase; color: var(--uc-text-subtle);
line-height: var(--uc-leading-tight); margin-bottom: var(--uc-space-16);
}.uc-awf .mcpset-tabs{ margin-bottom: var(--uc-space-20); }.uc-awf .mcpset-tab-ic{ width: 17px; height: 17px; display: block; object-fit: contain; flex: 0 0 auto; }.uc-awf .mcpset-intro{ margin: 0 0 var(--uc-space-16); color: var(--uc-text-strong); font-size: var(--uc-text-md); line-height: var(--uc-leading-normal); }.uc-awf .mcpset-intro b{ font-weight: var(--uc-weight-semibold); }.uc-awf .mcpset-steps{ margin: 0; padding: 0 0 0 var(--uc-space-20); list-style: decimal; display: flex; flex-direction: column; gap: var(--uc-space-16); }.uc-awf .mcpset-steps > li{ color: var(--uc-text-muted); font-size: var(--uc-text-base); line-height: var(--uc-leading-normal); padding-left: var(--uc-space-6); }.uc-awf .mcpset-steps > li::marker{ color: var(--uc-text-subtle); font-weight: var(--uc-weight-semibold); }.uc-awf .mcpset-steps b{ color: var(--uc-text-strong); font-weight: var(--uc-weight-semibold); }.uc-awf .mcpset-steps code{
font-family: var(--uc-font-mono);
font-size: var(--uc-text-sm); padding: var(--uc-space-1) var(--uc-space-6); border-radius: var(--uc-radius-6);
background: var(--uc-surface-sunken); border: 1px solid var(--uc-border-subtle); color: var(--uc-text-strong); white-space: nowrap;
}.uc-awf .mcpset-code{
position: relative; display: flex; align-items: center; margin-top: var(--uc-space-10);
background: var(--uc-surface-sunken); border: 1px solid var(--uc-border-subtle); border-radius: var(--uc-radius-8);
padding: var(--uc-space-12) var(--uc-space-48) var(--uc-space-12) var(--uc-space-14); overflow: hidden;
}.uc-awf .mcpset-code code{
flex: 1 1 auto; min-width: 0; overflow-x: auto; white-space: nowrap;
font-family: var(--uc-font-mono);
font-size: var(--uc-text-sm); line-height: var(--uc-leading-normal); color: var(--uc-text-strong);
background: none; border: 0; padding: 0; scrollbar-width: none;
}.uc-awf .mcpset-code code::-webkit-scrollbar{ display: none; }.uc-awf .mcpset-copy{
position: absolute; right: var(--uc-space-8); top: 50%; transform: translateY(-50%);
display: grid; place-items: center; width: 30px; height: 30px; border-radius: var(--uc-radius-8);
border: 1px solid var(--uc-border-subtle); background: var(--uc-surface-raised); color: var(--uc-text-muted); cursor: pointer;
transition: color var(--uc-dur-fast) var(--uc-ease-standard), border-color var(--uc-dur-fast) var(--uc-ease-standard), background var(--uc-dur-fast) var(--uc-ease-standard);
}.uc-awf .mcpset-copy:hover{ color: var(--uc-text-strong); border-color: var(--uc-brand-border); }.uc-awf .mcpset-copy.done{ color: var(--uc-success); border-color: var(--uc-success-border); }.uc-awf .mcpset-copy svg{ width: 16px; height: 16px; }.uc-awf .mcpset-docs{
display: flex; align-items: center; gap: var(--uc-space-3); margin: 0; padding: var(--uc-space-12) var(--uc-space-28);
color: var(--uc-text-strong); font-size: var(--uc-text-base); line-height: var(--uc-leading-snug);
text-decoration: underline; text-underline-offset: 2px;
}.uc-awf .mcpset-docs > svg{ width: 14px; height: 14px; }.uc-awf .mcpset-docs:hover{ color: var(--uc-brand-fg); }.uc-awf .mcpset-docs .mcpset-docs-tail{ color: var(--uc-text-subtle); text-decoration: none; }@media (max-width: 560px){.uc-awf .mcpset-inner{ padding: var(--uc-space-20) var(--uc-space-16); }.uc-awf .mcpset-docs{ padding: var(--uc-space-12) var(--uc-space-16); }}.uc-awf .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: #171717; transform: scale(var(--cs, 0.9)); transform-origin: center; will-change: transform; }.uc-awf .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;
}.uc-awf .conv-card > *{ position: relative; z-index: 1; }.uc-awf .conv-card .conv-dots{ position: absolute; inset: 0; z-index: 0; }.uc-awf .conv-eyebrow{ color: var(--uc-text); font-size: 16px; font-weight: 500; letter-spacing: -0.01em; line-height: 24px; text-transform: none; }.uc-awf .reveal-text{ color: transparent; -webkit-background-clip: text; background-clip: text; }.uc-awf .conv-card .conv-title{ margin: 18px auto 0; max-width: 780px; font-size: 48px; line-height: 56px; font-weight: var(--uc-weight-medium); letter-spacing: -0.02em; text-wrap: balance; color: var(--uc-text-strong); }.uc-awf .conv-card .conv-sub{ margin: var(--uc-space-16) auto 0; max-width: 1040px; font-size: 18px; line-height: 30px; text-wrap: balance; color: var(--uc-text); }.uc-awf .conv-cta{ margin-top: clamp(40px, 5vw, 64px); text-align: center; }.uc-awf .conv-marquee-wrap{ position: relative; display: flex; justify-content: flex-start; margin-top: clamp(40px, 5vw, 64px); overflow: hidden; -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%); mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%); }.uc-awf .conv-marquee{ display: flex; flex: 0 0 auto; width: max-content; animation: conv-marquee-x 45s linear infinite; will-change: transform; }.uc-awf .conv-marquee-wrap:hover .conv-marquee{ animation-play-state: paused; }.uc-awf .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; }.uc-awf .conv-tile img{ width: 48px; height: 48px; object-fit: contain; }.uc-awf .conv-tip{
position: fixed; left: 0; top: 0; z-index: 60; pointer-events: none;
display: flex; flex-direction: column; gap: 4px;
max-width: 300px; padding: 12px 14px;
border-radius: 12px; text-align: left;
background: #1c1c1c; border: 1px solid rgba(255, 255, 255, 0.10);
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
opacity: 0; transform-origin: top left;
transition: opacity 0.14s cubic-bezier(0.2, 0, 0, 1);
will-change: transform;
}.uc-awf .conv-tip.ucx-in{ opacity: 1; }.uc-awf .conv-tip-t{ color: #fff; font-size: 14px; font-weight: 600; line-height: 18px; }.uc-awf .conv-tip-d{ color: rgba(255, 255, 255, 0.6); font-size: 14px; line-height: 20px; }@keyframes conv-marquee-x{ from { transform: translateX(0); } to { transform: translateX(-50%); } }@media (prefers-reduced-motion: reduce){.uc-awf .conv-marquee{ animation: none; }}.uc-awf .xway-grid{ display: grid; grid-template-columns: 1fr; gap: 18px; margin: 52px auto 0; max-width: 1120px; }.uc-awf .xway-card{ border-radius: var(--r-xl); overflow: visible; background: var(--pg2); padding: 4px; }.uc-awf .xway-solo .xway-card{ display: grid; grid-template-columns: 1fr 1fr; gap: 4px; align-items: stretch; }.uc-awf .xway-media{ position: relative; overflow: hidden; min-height: 320px; border: 1px solid var(--cardbd); border-radius: 16px; background: radial-gradient(circle at 1px 1px, rgba(16, 24, 40, 0.07) 1px, transparent 0) 0 0 / 22px 22px, #fff; }.uc-awf.is-night .xway-media{ background: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.09) 1px, transparent 0) 0 0 / 22px 22px, #171717; }.uc-awf .xway-stack{ position: absolute; inset: 0; }.uc-awf .xway-shot{ position: absolute; top: 50%; left: 50%; height: 84%; width: auto; max-width: 62%; object-fit: contain; object-position: top; border-radius: 12px; border: 1px solid var(--cardbd); box-shadow: 0 22px 46px -18px rgba(16, 24, 40, 0.45); background: #fff; transition: transform 0.55s var(--ease); will-change: transform; }.uc-awf .xway-shot.s1{ transform: translate(-50%, -50%) rotate(0deg); z-index: 3; }.uc-awf .xway-shot.s2{ transform: translate(-88%, -46%) rotate(-8deg) scale(0.94); z-index: 2; }.uc-awf .xway-shot.s3{ transform: translate(-12%, -46%) rotate(8deg) scale(0.94); z-index: 1; }.uc-awf .xway-card:hover .xway-shot.s1{ transform: translate(-12%, -46%) rotate(8deg) scale(0.94); z-index: 1; }.uc-awf .xway-card:hover .xway-shot.s2{ transform: translate(-50%, -50%) rotate(0deg); z-index: 3; }.uc-awf .xway-card:hover .xway-shot.s3{ transform: translate(-88%, -46%) rotate(-8deg) scale(0.94); z-index: 2; }.uc-awf .xway-body{ display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 12px; padding: 30px 34px; }.uc-awf .xway-body .xic{ width: 50px; height: 50px; border-radius: 14px; display: grid; place-items: center; background: #f2f2f2; border: 1px solid #dcdcdc; color: #171717; margin-bottom: 12px; }.uc-awf.is-night .xway-body .xic{ background: var(--cardbg); border-color: var(--cardbd); color: var(--tx); }.uc-awf .xway-body .xic svg{ width: 24px; height: 24px; }.uc-awf .xway-body .xeye{ font-size: 12px; line-height: 18px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }.uc-awf .xway-body .xeye--live{ display: inline-flex; align-items: center; gap: 7px; color: var(--acc); }.uc-awf .xway-body .xeye--live::before{ content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--acc); box-shadow: 0 0 0 3px color-mix(in srgb, var(--acc) 24%, transparent); }.uc-awf .xway-body h3{ margin: 4px 0 0; font-size: 24px; line-height: 30px; font-weight: 500; letter-spacing: -0.01em; color: var(--tx); }.uc-awf .xway-body p{ margin: 0; color: var(--txd); font-size: 16px; line-height: 26px; }.uc-awf .xway-body .xway-link{ margin-top: 6px; color: var(--acc); }.uc-awf .xway-body .xway-link::after{ background: var(--acc); }@media (prefers-reduced-motion: reduce){.uc-awf .xway-shot{ transition: none; }}@media (max-width: 860px){.uc-awf .xway-solo .xway-card{ grid-template-columns: 1fr; }.uc-awf .xway-media{ border-right: 0; border-bottom: 1px solid var(--line); min-height: 300px; }.uc-awf .xway-body{ padding: 32px 28px 34px; }}.uc-awf .map-ba{ position: relative; width: 100%; max-width: 940px; margin: 0 auto; aspect-ratio: 16 / 9; border-radius: var(--r-xl); overflow: hidden; border: 1px solid var(--cardbd); box-shadow: 0 30px 70px -44px rgba(16, 24, 40, 0.5); user-select: none; touch-action: none; background: #0a0a0a; }.uc-awf .map-ba-media{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }.uc-awf .map-ba-top{ z-index: 2; will-change: clip-path; }.uc-awf .map-ba-handle{ position: absolute; top: 0; bottom: 0; z-index: 3; width: 2px; background: #fff; transform: translateX(-1px); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06); }.uc-awf .map-ba-knob{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px; border-radius: 999px; background: #fff; display: grid; place-items: center; box-shadow: 0 8px 22px -6px rgba(0, 0, 0, 0.45); cursor: ew-resize; }.uc-awf .map-ba-knob svg{ width: 22px; height: 22px; color: var(--acc); }.uc-awf .map-ba-tag{ position: absolute; z-index: 4; top: 14px; padding: 5px 12px; border-radius: 999px; font-size: 12px; line-height: 18px; font-weight: 600; letter-spacing: 0.01em; color: #fff; background: rgba(10, 10, 10, 0.62); backdrop-filter: blur(6px); }.uc-awf .map-ba-tag.l{ left: 14px; }.uc-awf .map-ba-tag.r{ right: 14px; }.uc-awf .map-hint{ text-align: center; color: var(--txf); font-size: 14px; line-height: 22px; margin: 16px 0 0; }.uc-awf .map-chips{ margin-top: 30px; display: flex; flex-direction: column; gap: 12px; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }.uc-awf .map-chip-row{ display: flex; gap: 12px; width: max-content; will-change: transform; }.uc-awf .map-chip-row.a{ animation: cm-chips-l 42s linear infinite; }.uc-awf .map-chip-row.b{ animation: cm-chips-r 48s linear infinite; }.uc-awf .widget-chip{ flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border-radius: 999px; background: #fff; border: 1px solid var(--cardbd); color: var(--txd); font-size: 14px; line-height: 22px; font-weight: 500; white-space: nowrap; box-shadow: 0 6px 16px -12px rgba(16, 24, 40, 0.4); }.uc-awf .widget-chip svg{ width: var(--spacing-sprout-16); height: var(--spacing-sprout-16); flex: 0 0 auto; }.uc-awf .map-cta{ text-align: center; margin-top: 28px; }@keyframes cm-chips-l{ to { transform: translateX(-50%); } }@keyframes cm-chips-r{ from { transform: translateX(-50%); } to { transform: translateX(0); } }@media (prefers-reduced-motion: reduce){.uc-awf .map-chip-row.a, .uc-awf .map-chip-row.b{ animation: none; }}.uc-awf .tm-bars{ max-width: 980px; margin: 0 auto 44px; display: flex; flex-direction: column; gap: 30px; }.uc-awf .tm-row .tm-top{ display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 12px; }.uc-awf .tm-name{ font-size: 16px; line-height: 24px; font-weight: 500; color: var(--tx); }.uc-awf .tm-hrs{ font-size: 22px; line-height: 34px; font-weight: 700; letter-spacing: -0.01em; }.uc-awf .tm-hrs.red{ color: var(--coral); }.uc-awf .tm-hrs.brand{ color: var(--acc); }.uc-awf .tm-track{ position: relative; height: 16px; border-radius: 999px; background: var(--mist); overflow: visible; }.uc-awf .tm-fill{ position: absolute; inset: 0 auto 0 0; width: 0; border-radius: 999px; }.uc-awf .tm-fill.red{ background: linear-gradient(90deg, #f97b70, var(--coral)); }.uc-awf .tm-fill.brand{ background: linear-gradient(90deg, var(--acc2), var(--acc)); }.uc-awf .tm-live{ position: absolute; top: 50%; right: 6px; transform: translateY(-50%); z-index: 3; display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px; background: #fff; border: 1px solid var(--cardbd); font-size: 12px; line-height: 18px; font-weight: 600; color: var(--tx); box-shadow: 0 4px 12px -4px rgba(16, 24, 40, 0.3); white-space: nowrap; opacity: 0; transition: opacity 0.4s var(--ease); }.uc-awf .tm-live svg{ width: 12px; height: 12px; color: var(--acc); }.uc-awf .tm-runner{ position: absolute; top: 50%; left: 0; width: 22px; height: 22px; border-radius: 50%; transform: translate(-50%, -50%); z-index: 2; }.uc-awf .tm-runner.red{ background: var(--coral); box-shadow: 0 0 0 5px color-mix(in srgb, var(--coral) 18%, transparent), 0 4px 14px -2px rgba(16, 24, 40, 0.3); }.uc-awf .tm-runner.brand{ background: var(--acc); box-shadow: 0 0 0 5px color-mix(in srgb, var(--acc) 20%, transparent), 0 4px 14px -2px rgba(16, 24, 40, 0.3); }.uc-awf .tm-bars.go .lane-without .tm-fill{ animation: tm-fill 7.2s var(--ease) forwards; }.uc-awf .tm-bars.go .lane-without .tm-runner{ animation: tm-run 7.2s var(--ease) forwards; }.uc-awf .tm-bars.go .lane-with .tm-fill{ animation: tm-fill 1.5s var(--ease) forwards; }.uc-awf .tm-bars.go .lane-with .tm-runner{ animation: tm-run 1.5s var(--ease) forwards; }.uc-awf .tm-bars.go .tm-live{ opacity: 1; transition-delay: 1.4s; }@keyframes tm-fill{ from { width: 0; } to { width: 100%; } }@keyframes tm-run{ from { left: 0; } to { left: 100%; } }@media (prefers-reduced-motion: reduce){.uc-awf .tm-bars .tm-fill{ width: 100%; animation: none; }.uc-awf .tm-bars .tm-runner{ left: 100%; animation: none; }.uc-awf .tm-bars .tm-live{ opacity: 1; transition: none; }}.uc-awf .tm-cards{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }.uc-awf .tm-card{ padding: 4px; border-radius: var(--r-xl); background: var(--pg2); }.uc-awf .tm-card-in{ background: #fff; border: 1px solid var(--cardbd); border-radius: 16px; padding: 24px 22px; height: 100%; }.uc-awf .tm-card-h{ display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }.uc-awf .tm-pill{ display: inline-flex; align-items: center; padding: 5px 12px; border-radius: 999px; font-size: 14px; line-height: 22px; font-weight: 700; letter-spacing: -0.01em; }.uc-awf .tm-pill.red{ color: var(--coral); background: color-mix(in srgb, var(--coral) 12%, #fff); }.uc-awf .tm-pill.brand{ color: var(--acc); background: color-mix(in srgb, var(--acc) 12%, #fff); }.uc-awf .tm-card-h h3{ margin: 0; font-size: 18px; line-height: 28px; font-weight: 500; color: var(--tx); }.uc-awf .tm-item{ display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 13px 0; border-top: 1px solid var(--line); }.uc-awf .tm-item:first-of-type{ border-top: 0; }.uc-awf .tm-item span{ color: var(--txd); font-size: 16px; line-height: 24px; }.uc-awf .tm-item b{ flex: 0 0 auto; font-size: 16px; line-height: 24px; font-weight: 700; letter-spacing: -0.01em; white-space: nowrap; }.uc-awf .tm-item.red b{ color: var(--coral); }.uc-awf .tm-item.brand b{ color: var(--acc); }.uc-awf .tm-item .tm-free{ color: var(--acc); }.uc-awf .tm-saved{ text-align: center; margin: 40px auto 0; max-width: 640px; }.uc-awf .tm-saved-num{ font-size: 44px; font-weight: 700; letter-spacing: -0.03em; color: var(--acc); line-height: 44px; }.uc-awf .tm-saved p{ margin: 12px 0 0; color: var(--txd); font-size: 16px; line-height: 24px; }.uc-awf .tm-note{ text-align: center; color: var(--txf); font-size: 14px; line-height: 22px; margin: 18px 0 0; }.uc-awf.is-night .tm-card-in{ background: #262626; }.uc-awf.is-night .tm-live{ background: #262626; border-color: rgba(255, 255, 255, 0.14); box-shadow: none; }.uc-awf.is-night .tm-pill.red{ background: color-mix(in srgb, var(--coral) 20%, #1f1f1f); }.uc-awf.is-night .tm-pill.brand{ background: color-mix(in srgb, var(--acc) 20%, #1f1f1f); }@media (max-width: 720px){.uc-awf .tm-cards{ grid-template-columns: 1fr; }}.uc-awf .watch-grid{ display: grid; grid-template-columns: 1.5fr 1fr; gap: 22px; align-items: start; }.uc-awf .watch-main-wrap{ padding: 4px; border-radius: var(--r-xl); background: var(--pg2); }.uc-awf .watch-main{ position: relative; border-radius: 16px; overflow: hidden; border: 1px solid var(--cardbd); background: #000; aspect-ratio: 16 / 9; cursor: pointer; }.uc-awf .watch-main img, .uc-awf .watch-main iframe{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; display: block; }.uc-awf .watch-main .watch-play{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: 74px; height: 74px; border-radius: 999px; background: var(--acc); display: grid; place-items: center; box-shadow: 0 12px 30px -8px rgba(253, 106, 53, 0.7); transition: transform 0.24s var(--ease); }.uc-awf .watch-main:hover .watch-play{ transform: translate(-50%, -50%) scale(1.06); }.uc-awf .watch-play svg{ width: 30px; height: 30px; color: #fff; margin-left: 3px; }.uc-awf .watch-main .watch-cap{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 40px 20px 18px; color: #fff; font-size: 16px; line-height: 24px; font-weight: 500; background: linear-gradient(0deg, rgba(0, 0, 0, 0.72), transparent); }.uc-awf .watch-list{ display: flex; flex-direction: column; gap: 10px; max-height: 500px; overflow-y: auto; padding: 6px 4px; scrollbar-width: none; -webkit-mask-image: linear-gradient(transparent 0, #000 7%, #000 88%, transparent 100%); mask-image: linear-gradient(transparent 0, #000 7%, #000 88%, transparent 100%); }.uc-awf .watch-list::-webkit-scrollbar{ width: 0; height: 0; display: none; }.uc-awf .watch-item{ display: flex; gap: 12px; align-items: center; padding: 8px; border-radius: 14px; border: 1px solid transparent; cursor: pointer; text-align: left; background: none; transition: background 0.2s var(--ease), border-color 0.2s var(--ease); }.uc-awf .watch-item:hover{ background: var(--pg2); }.uc-awf .watch-item.ucx-on{ background: color-mix(in srgb, var(--acc) 7%, #fff); border-color: var(--acc-line); }.uc-awf.is-night .watch-item.ucx-on{ background: color-mix(in srgb, var(--acc) 15%, #1f1f1f); }.uc-awf .watch-thumb{ position: relative; flex: 0 0 108px; width: 108px; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: #000; }.uc-awf .watch-thumb img{ width: 100%; height: 100%; object-fit: cover; display: block; }.uc-awf .watch-thumb::after{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 26px; height: 26px; border-radius: 999px; background: rgba(255, 255, 255, 0.92); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fd6a35'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E"); background-size: 15px; background-repeat: no-repeat; background-position: 56% 50%; }.uc-awf .watch-item .watch-t{ font-size: 14px; font-weight: 500; color: var(--tx); line-height: 20px; }.uc-awf .watch-cta{ text-align: center; margin-top: 30px; display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--txd); font-size: 16px; line-height: 24px; }@media (max-width: 820px){.uc-awf .watch-grid{ grid-template-columns: 1fr; }.uc-awf .watch-list{ flex-direction: row; overflow-x: auto; overflow-y: visible; max-height: none; -webkit-mask-image: none; mask-image: none; }.uc-awf .watch-item{ flex: 0 0 240px; }}.uc-awf .sprout-shot{ max-width: 1000px; margin: 8px auto 0; padding: 4px; border-radius: var(--r-xl); background: var(--pg2); }.uc-awf .sprout-shot img{ display: block; width: 100%; height: auto; border: 1px solid var(--cardbd); border-radius: 16px; }.uc-awf .tpl-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }.uc-awf .tpl-card{ display: flex; flex-direction: column; padding: 4px; border-radius: var(--r-xl); background: var(--pg2); transition: transform 0.24s var(--ease); }.uc-awf .tpl-card:hover{ transform: translateY(-4px); }.uc-awf .tpl-thumb{ position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: #fff; border: 1px solid var(--cardbd); border-radius: 16px; }.uc-awf .tpl-thumb img{ width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 15px; }.uc-awf .tpl-badge{ position: absolute; top: 12px; left: 12px; z-index: 2; }.uc-awf .tpl-body{ padding: 12px; display: flex; flex-direction: column; gap: 4px; flex: 1; }.uc-awf .tpl-body h3{ margin: 0; font-size: 18px; line-height: 28px; font-weight: 500; color: var(--tx); }.uc-awf .tpl-body p{ margin: 0; color: var(--txd); font-size: 14px; line-height: 20px; }.uc-awf .tpl-cta{ text-align: center; margin-top: 36px; }@media (max-width: 900px){.uc-awf .tpl-grid{ grid-template-columns: 1fr 1fr; }}@media (max-width: 560px){.uc-awf .tpl-grid{ grid-template-columns: 1fr; }}.uc-awf .feat-wrap{ display: grid; grid-template-columns: 250px 1fr; gap: 32px; margin-top: 44px; align-items: start; }.uc-awf .feat-side{ position: sticky; top: 96px; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--cardbd); border-radius: 16px; overflow: hidden; }.uc-awf .feat-tabs{ position: relative; display: flex; flex-direction: column; gap: 4px; margin: 4px; padding: 4px; box-shadow: inset 0 0 0 1px var(--cardbd); border-radius: 12px; background: var(--mist); }.uc-awf .feat-tab-ind{ position: absolute; left: 4px; right: 4px; top: 0; height: 0; opacity: 0; border-radius: 9px; background: #fff; box-shadow: 0 1px 3px rgba(16, 24, 40, 0.12); 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; }.uc-awf .feat-tab{ position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px; text-align: left; cursor: pointer; padding: 11px 14px; border: 0; border-radius: 9px; background: transparent; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 18px; color: var(--txd); transition: color 0.2s var(--ease); }.uc-awf .feat-tab:hover{ color: var(--tx); }.uc-awf .feat-tab.ucx-is-active{ color: var(--tx); }.uc-awf .ft-count{ flex: 0 0 auto; font-size: 12px; line-height: 18px; font-weight: 700; color: var(--txf); background: #fff; box-shadow: inset 0 0 0 1px var(--cardbd); border-radius: 999px; padding: 2px 9px; transition: color 0.2s var(--ease), background 0.2s var(--ease); }.uc-awf .feat-tab.ucx-is-active .ft-count{ color: var(--acc); background: color-mix(in srgb, var(--acc) 12%, #fff); box-shadow: none; }.uc-awf.is-night .feat-side{ background: var(--pg2); }.uc-awf.is-night .feat-tab-ind{ background: #383838; box-shadow: none; }.uc-awf.is-night .ft-count{ background: #262626; color: var(--txd); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); }.uc-awf.is-night .feat-tab.ucx-is-active .ft-count{ color: var(--acc); background: color-mix(in srgb, var(--acc) 22%, #1f1f1f); box-shadow: none; }.uc-awf .fbento{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; align-items: stretch; }.uc-awf .fcard{ padding: 4px; border-radius: var(--r-xl); background: var(--pg2); transition: transform 0.24s var(--ease); }.uc-awf .fcard:hover{ transform: translateY(-4px); }.uc-awf .fcard-in{ display: flex; flex-direction: column; height: 100%; background: transparent; }.uc-awf .fcard .bento-media{ position: relative; aspect-ratio: 16 / 10; background: #fff; overflow: hidden; border: 1px solid var(--cardbd); border-radius: 16px; }.uc-awf .fcard .bento-vid{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transition: opacity 0.5s var(--ease), transform 0.6s var(--ease); }.uc-awf .fcard .bento-vid.ucx-ready{ opacity: 1; }.uc-awf .fcard:hover .bento-vid{ transform: scale(1.03); }.uc-awf .bento-body{ padding: 12px; }.uc-awf .bento-body h3{ margin: 0 0 5px; font-size: 18px; line-height: 28px; font-weight: 600; letter-spacing: -0.01em; color: var(--tx); }.uc-awf .bento-body p{ margin: 0; color: var(--txd); font-size: 16px; line-height: 24px; }.uc-awf .bento-note{ color: var(--acc); font-weight: 600; }@media (max-width: 900px){.uc-awf .feat-wrap{ grid-template-columns: 1fr; gap: 20px; }.uc-awf .feat-side{ position: static; }}@media (max-width: 620px){.uc-awf .fbento{ grid-template-columns: 1fr; }}@media (prefers-reduced-motion: reduce){.uc-awf .fcard .bento-vid{ transition: opacity 0.3s; }.uc-awf .fcard:hover{ transform: none; }.uc-awf .fcard:hover .bento-vid{ transform: none; }}.uc-awf .opt-zig{ margin-top: 44px; display: flex; flex-direction: column; gap: 96px; }.uc-awf .opt-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 52px; align-items: center; }.uc-awf .opt-media .ucxx-frame{ position: relative; margin: 0; max-width: none; aspect-ratio: 16 / 10; border-radius: var(--r-card); overflow: hidden; border: 1px solid var(--cardbd); background: #0b0912; }.uc-awf .opt-media .step-vid{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 1; }.uc-awf .step-replay{ position: absolute; inset: 0; margin: auto; width: 58px; height: 58px; padding: 0; border: 0; border-radius: 50%; cursor: pointer; z-index: 3; display: grid; place-items: center; color: #fff; background: rgba(10, 6, 20, 0.6); box-shadow: 0 10px 26px -6px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.2); transition: opacity 0.28s var(--ease), transform 0.2s var(--ease), background 0.2s ease; }.uc-awf .step-replay svg{ margin-left: 3px; }.uc-awf .step-replay:hover{ transform: scale(1.07); background: var(--acc); }.uc-awf .ucxx-frame.vid-playing .step-replay{ opacity: 0; pointer-events: none; transform: scale(0.9); }.uc-awf .opt-copy .eyebrow, .uc-awf .opt-rail .eyebrow{ margin-bottom: 16px; }.uc-awf .opt-copy h3, .uc-awf .opt-rail h3{ font-size: 26px; line-height: 40px; font-weight: 600; letter-spacing: -0.02em; margin: 0 0 12px; color: var(--tx); }.uc-awf .opt-copy p, .uc-awf .opt-rail p{ color: var(--txd); font-size: 16px; line-height: 26px; margin: 0 0 12px; }.uc-awf .opt-copy .opt-note{ color: var(--txf); font-size: 16px; line-height: 24px; }.uc-awf .opt-manual{ display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 56px; align-items: start; min-height: 2860px; }.uc-awf .opt-rail{ position: sticky; top: 110px; align-self: start; }.uc-awf .opt-titles{ list-style: none; margin: 24px 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }.uc-awf .opt-title{ display: flex; align-items: center; gap: 14px; padding: 13px 15px; border-radius: 12px; color: var(--txf); font-weight: 500; font-size: 16px; line-height: 24px; border: 1px solid transparent; transition: color 0.3s var(--ease), background 0.3s var(--ease), border-color 0.3s var(--ease); }.uc-awf .opt-title .ot-num{ font-size: 12px; line-height: 18px; font-weight: 500; color: var(--txf); font-variant-numeric: tabular-nums; }.uc-awf .opt-title.is-done{ color: var(--txd); }.uc-awf .opt-title.is-done .ot-num{ color: var(--tx); }.uc-awf .opt-title.ucx-is-active{ color: var(--tx); background: #f1f1f1; border-color: #d6d6d6; }.uc-awf .opt-title.ucx-is-active .ot-num{ color: var(--txd); }.uc-awf .opt-list{ position: sticky; top: calc(50vh - 270px); height: 540px; overflow: hidden; isolation: isolate; }.uc-awf .opt-list::before, .uc-awf .opt-list::after{ content: ""; position: absolute; z-index: 2; right: 0; left: 0; height: 150px; pointer-events: none; }.uc-awf .opt-list::before{ top: 0; background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0.96) 24%, rgba(255, 255, 255, 0) 100%); }.uc-awf .opt-list::after{ bottom: 0; background: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0.96) 24%, rgba(255, 255, 255, 0) 100%); }.uc-awf .opt-list-track{ display: flex; flex-direction: column; gap: 16px; will-change: transform; transition: transform 0.55s cubic-bezier(.2,.7,.2,1); }.uc-awf .opt-item{ display: flex; gap: 14px; padding: 20px 22px; border-radius: 16px; background: #fff; border: 1px solid var(--cardbd); opacity: 0.45; transition: opacity 0.4s var(--ease), border-color 0.4s var(--ease), background 0.4s var(--ease), box-shadow 0.4s var(--ease); }.uc-awf .opt-item .oi-check{ flex-shrink: 0; width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; background: #f2f2f2; border: 1px solid #dcdcdc; color: #cfcfcf; transition: color 0.4s var(--ease), background 0.4s var(--ease), border-color 0.4s var(--ease); }.uc-awf .opt-item .oi-check svg{ width: 15px; height: 15px; }.uc-awf .opt-item h4{ margin: 0 0 5px; font-size: 18px; line-height: 28px; font-weight: 600; color: var(--tx); letter-spacing: -0.01em; }.uc-awf .opt-item p{ margin: 0; font-size: 16px; line-height: 26px; color: var(--txd); }.uc-awf .opt-item.is-seen{ opacity: 0.85; }.uc-awf .opt-item.is-seen .oi-check{ color: #171717; border-color: #dcdcdc; background: #f2f2f2; }.uc-awf .opt-item.ucx-is-active{ opacity: 1; background: #f1f1f1; border-color: #d6d6d6; }.uc-awf .opt-item.ucx-is-active .oi-check{ color: #171717; background: #fff; border-color: #d6d6d6; }.uc-awf .opt-item.ucx-is-active h4{ color: var(--tx); }.uc-awf .opt-item.ucx-is-active p{ color: var(--txd); }.uc-awf.is-night .opt-title.ucx-is-active{ background: #262626; border-color: rgba(255, 255, 255, 0.14); }.uc-awf.is-night .opt-list::before{ background: linear-gradient(to bottom, var(--pg) 0%, rgba(23, 23, 23, 0.96) 24%, rgba(23, 23, 23, 0) 100%); }.uc-awf.is-night .opt-list::after{ background: linear-gradient(to top, var(--pg) 0%, rgba(23, 23, 23, 0.96) 24%, rgba(23, 23, 23, 0) 100%); }.uc-awf.is-night .opt-item{ background: var(--cardbg); }.uc-awf.is-night .opt-item .oi-check{ background: #262626; border-color: rgba(255, 255, 255, 0.12); color: #7d7d7d; }.uc-awf.is-night .opt-item.is-seen .oi-check{ background: #262626; border-color: rgba(255, 255, 255, 0.14); color: #f5f5f5; }.uc-awf.is-night .opt-item.ucx-is-active{ background: #262626; border-color: rgba(255, 255, 255, 0.16); }.uc-awf.is-night .opt-item.ucx-is-active .oi-check{ background: #1f1f1f; border-color: rgba(255, 255, 255, 0.18); color: #f5f5f5; }@media (max-width: 900px){.uc-awf .opt-zig{ gap: 56px; }.uc-awf .opt-row{ grid-template-columns: 1fr; gap: 28px; }.uc-awf .opt-manual{ grid-template-columns: 1fr; gap: 28px; min-height: 0; }.uc-awf .opt-rail{ position: static; }.uc-awf .opt-list{ position: static; height: auto; overflow: visible; }.uc-awf .opt-list::before, .uc-awf .opt-list::after{ display: none; }.uc-awf .opt-list-track{ transform: none !important; }}@media (prefers-reduced-motion: reduce){.uc-awf .opt-item{ opacity: 1; }.uc-awf .opt-list-track{ transition: none; }}.uc-awf .sec-head + .uc-content, .uc-awf .sec-head + .xway-grid, .uc-awf .sec-head + .feat-wrap, .uc-awf .sec-head + .opt-zig, .uc-awf .sec-head + .tm-bars, .uc-awf .sec-head + .watch-grid, .uc-awf .sec-head + .sprout-shot, .uc-awf .sec-head + .map-wrap, .uc-awf .sec-head + .tpl-grid{ margin-top: 52px; }.cm-page .uc-awf .ucx-sec{ padding-top: 66px; padding-bottom: 66px; }.cm-page .uc-awf .ucx-sec.ax{ padding-bottom: 66px; }.cm-page .uc-awf .ucx-hero{ padding-top: clamp(120px, 15vh, 176px); padding-bottom: 66px; }:where(.uc-awf) .cm-page .uc-section{ padding-block: 66px; }.cm-page .uc-awf .ucx-sec.sec-faq{ padding-bottom: 132px; }.uc-awf .cm-btabs{ background: #fff; }.uc-awf.is-night .cm-btabs{ background: transparent; }.uc-awf .cf2-track{ position: relative; }.uc-awf .cf2-pin{ position: sticky; top: 0; min-height: 100vh; display: flex; flex-direction: column; justify-content: center; }.uc-awf .cf2-pin > .ucx-uc-container{ width: 100%; }.uc-awf .cf2-grid{ display: grid; grid-template-columns: 1fr; gap: 40px; }@media (min-width: 1000px){.uc-awf .cf2{ padding-top: 0; padding-bottom: 0; }.uc-awf .cf2-grid{ grid-template-columns: minmax(0, 440px) 1fr; gap: 104px; align-items: stretch; }.uc-awf .cf2-copy{ display: flex; flex-direction: column; height: min(88vh, 1000px); }.uc-awf .cf2-copy .cf2-listwrap{ flex: 1 1 auto; min-height: 0; }.uc-awf .cf2-rev .cf2-grid{ grid-template-columns: 1fr minmax(0, 440px); }.uc-awf .cf2-rev .cf2-media{ order: 1; }.uc-awf .cf2-rev .cf2-copy{ order: 2; }}.uc-awf .cf2-eyebrow{ display: block; font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--acc, #fd6a35); margin-bottom: 14px; }.uc-awf .cf2-title{ font-size: 40px; line-height: 1.08; font-weight: 500; letter-spacing: -0.02em; color: var(--tx); margin: 0 0 16px; }.uc-awf .cf2-sub{ font-size: 16px; line-height: 1.6; color: var(--txd); margin: 0 0 52px; max-width: 460px; }.uc-awf .cf2-listwrap{ position: relative; overflow: hidden; }.uc-awf .cf2-listwrap.is-scroll{ -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 34px, #000 calc(100% - 34px), transparent 100%); mask-image: linear-gradient(to bottom, transparent 0, #000 34px, #000 calc(100% - 34px), transparent 100%); }.uc-awf .cf2-list{ list-style: none; margin: 0; padding: 0; transition: transform 0.5s var(--ease); will-change: transform; }.uc-awf .cf2-item{ position: relative; padding: 22px 0; cursor: pointer; }.uc-awf .cf2-bar{ position: absolute; bottom: 0; left: 0; right: 0; height: 2px; border-radius: 2px; background: var(--line); overflow: hidden; }.uc-awf .cf2-bar-fill{ display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--acc, #fd6a35), var(--acc2, #5202fd)); }.uc-awf .cf2-item-title{ display: block; font-size: 19px; font-weight: 600; line-height: 1.3; color: var(--txf, #9aa0a6); transition: color 0.3s ease; }.uc-awf .cf2-item:hover .cf2-item-title{ color: var(--txd); }.uc-awf .cf2-item.ucx-is-active .cf2-item-title{ color: var(--tx); }.uc-awf .cf2-item-body{ max-height: 0; opacity: 0; overflow: hidden; transition: max-height 0.45s var(--ease), opacity 0.3s ease, margin-top 0.45s var(--ease); }.uc-awf .cf2-item.ucx-is-active .cf2-item-body{ max-height: 140px; opacity: 1; margin-top: 10px; }.uc-awf .cf2-item-body p{ font-size: 15px; line-height: 1.55; color: var(--txd); margin: 0; max-width: 420px; }.uc-awf .cf2-media{ position: relative; width: 100%; aspect-ratio: 4 / 5; max-height: min(88vh, 1000px); margin-inline: auto; border-radius: 20px; overflow: hidden; }@media (min-width: 1000px){.uc-awf .cf2-media{ width: auto; height: min(88vh, 1000px); aspect-ratio: 4 / 5; }}.uc-awf .cf2-shot{ position: absolute; inset: 0; opacity: 0; transform: scale(1.02); transition: opacity 0.5s var(--ease), transform 0.6s var(--ease); }.uc-awf .cf2-shot.ucx-is-active{ opacity: 1; transform: scale(1); }.uc-awf .cf2-shot-ph{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; width: 100%; height: 100%; border-radius: 20px; border: 1px solid var(--line); background: radial-gradient(120% 120% at 50% 0%, color-mix(in srgb, var(--acc2) 12%, #fff), var(--mist, #f4f4f4)); }.uc-awf .cf2-shot-ph svg{ color: var(--acc2, #5202fd); opacity: 0.55; }.uc-awf .cf2-shot-ph span{ font-size: 15px; font-weight: 600; color: var(--txd); }@media (prefers-reduced-motion: reduce){.uc-awf .cf2-shot{ transition: opacity 0.2s linear; transform: none; }.uc-awf .cf2-item-body{ transition: opacity 0.2s linear; }}@media (max-width: 999px){.uc-awf .cf2-track{ height: auto !important; }.uc-awf .cf2-pin{ position: static; min-height: 0; display: block; }.uc-awf .cf2-grid{ grid-template-columns: 1fr; }.uc-awf .cf2-item{ cursor: default; }.uc-awf .cf2-item-body{ max-height: none; opacity: 1; margin-top: 10px; }.uc-awf .cf2-item-title{ color: var(--tx); }.uc-awf .cf2-bar{ display: none; }.uc-awf .cf2-listwrap{ overflow: visible; }.uc-awf .cf2-listwrap.is-scroll{ -webkit-mask-image: none; mask-image: none; }.uc-awf .cf2-list{ transform: none !important; }}
@keyframes uc-rev-up{ from { transform: translateY(0); } to { transform: translateY(-50%); } }:where(.uc-awf) .uc-rev-track{ animation: uc-rev-up var(--dur,48s) linear infinite; will-change: transform; }:where(.uc-awf) .uc-rev-track.rev{ animation-direction: reverse; }:where(.uc-awf) .uc-rev-col:hover .uc-rev-track{ animation-play-state: paused; }@media (prefers-reduced-motion: reduce){:where(.uc-awf) .uc-rev-track{ animation: none; }}
/* ---------------------------------------------------------------------------
Independence from #uichemy-globals.
The ucx- renames dodge every class-scoped rule in the old block; its BARE-ELEMENT
rules are what is left:
body h1..h6 { font-weight:600 !important; letter-spacing:-.02em !important }
h1, h2, h3, h4 { line-height: var(--uc-lh-tight); margin: 0 0 var(--uc-s4) }
The margin and line-height halves are answered by the generated block at the top
of this file. Only an !important beats an !important, so the weights and the
letter-spacing are re-asserted here from the verified local render (18 headings,
7 signatures, no conflicts), in em so they stay responsive, and UNLAYERED so they
beat globals while still losing to this page's own !important utilities in
@layer utilities. Every selector carries a class to outrank globals' (0,0,2). */
:where(.uc-awf) h1.ucx-pill-title{font-weight:500!important;letter-spacing:-0.02em!important}
:where(.uc-awf) h2.\!mt-3.\!mb-0{font-weight:500!important;letter-spacing:-0.03em!important}
:where(.uc-awf) h2.mt-3.text-\[48px\]{font-weight:500!important;letter-spacing:-0.03em!important}
:where(.uc-awf) h3.text-\[18px\].font-semibold{font-weight:600!important;letter-spacing:-0.01em!important}
:where(.uc-awf) h3.text-\[20px\].font-semibold{font-weight:600!important;letter-spacing:-0.01em!important}
:where(.uc-awf) h3.text-\[16px\].font-medium{font-weight:500!important;letter-spacing:-0.01em!important}
/* the FAQ heading, styled by the page's own `.f2w .sec h2` rule */
.uc-awf .ucx-sec h2{font-weight:500!important;letter-spacing:-0.02em!important}
/* ---------------------------------------------------------------------------
Elementor's own frontend.min.css, NOT the old globals: `.elementor img
{ height:auto }` at (0,1,1) outranks this page's height utilities at (0,1,0).
Part of the platform, so it survives the deletion of #uichemy-globals. */
.uc-awf.uicawf-root img.h-full{height:100%}
/* ---------------------------------------------------------------------------
Heading line-height that the design NEVER SETS.
The generator re-declares the `leading-*` utilities a heading carries, because
globals' unlayered `h1..h4 { line-height: var(--uc-lh-tight) }` beats a LAYERED
utility. These three signatures carry no leading utility at all: the design
takes the inherited 1.5, and an inherited value loses to that rule outright. So
globals was shrinking them (18px -> 20.7 instead of 27) and the live page did
not match the source. A local diff cannot see this — the test page has no
globals — which is exactly what the globals-independence pass is for.
Not !important: globals' line-height rule is a NORMAL declaration, so an
unlayered normal rule with a class in it already wins. */
:where(.uc-awf) h3.text-\[16px\].font-medium,
:where(.uc-awf) h3.text-\[18px\].font-semibold,
:where(.uc-awf) h3.text-\[20px\].font-semibold{line-height:1.5}
/* 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 ![]()
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-awf .rounded-\[9px\]{ border-radius: 9px; }.uc-awf .rounded-\[10px\]{ border-radius: 10px; }.uc-awf .rounded-\[11px\]{ border-radius: 11px; }.uc-awf .rounded-\[12px\]{ border-radius: 12px; }.uc-awf .rounded-\[16px\]{ border-radius: 16px; }.uc-awf .rounded-\[20px\]{ border-radius: 20px; }.uc-awf .rounded-\[24px\]{ border-radius: 24px; }.uc-awf .rounded-\[28px\]{ border-radius: 28px; }.uc-awf .rounded-\[30px\]{ border-radius: 30px; }.uc-awf .rounded-\[34px\]{ border-radius: 34px; }