/* ai-website-creator v6 - scoped under .uc-awc.
Built from the Next.js app at app/ai-website-creator (localhost:3777), NOT from
public/ucwr/. Every rule is wrapped in :where(.uc-awc) 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-awc{font-size:16px;font-family:var(--font-zalando-sans);}
:where(.uc-awc) :is(h1,h2,h3,h4,h5,h6){margin:0;}
:where(.uc-awc) :is(h1,h2,h3,h4,h5,h6).mt-3{
margin-top: calc(var(--spacing) * 3);
}:where(.uc-awc) :is(h1,h2,h3,h4,h5,h6).leading-\[1\.2\]{
--tw-leading: 1.2;
line-height: 1.2;
}:where(.uc-awc) :is(h1,h2,h3,h4,h5,h6).leading-\[1\.05\]{
--tw-leading: 1.05;
line-height: 1.05;
}:where(.uc-awc) :is(h1,h2,h3,h4,h5,h6).leading-\[50px\]{
--tw-leading: 50px;
line-height: 50px;
}
:where(.uc-awc) .lenis:not(.lenis-autoToggle).lenis-stopped{
overflow: clip;
}:where(.uc-awc) .lenis [data-lenis-prevent], :where(.uc-awc) .lenis [data-lenis-prevent-wheel], :where(.uc-awc) .lenis [data-lenis-prevent-touch], :where(.uc-awc) .lenis [data-lenis-prevent-vertical], :where(.uc-awc) .lenis [data-lenis-prevent-horizontal]{
overscroll-behavior: contain;
}:where(.uc-awc) .lenis.lenis-smooth iframe{
pointer-events: none;
}:where(.uc-awc) .lenis.lenis-autoToggle{
transition-property: overflow;
transition-duration: 1ms;
transition-behavior: allow-discrete;
}@layer theme{.uc-awc{
--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-awc), :where(.uc-awc) *, :where(.uc-awc) *::after, :where(.uc-awc) *::before, :where(.uc-awc) *::backdrop, :where(.uc-awc) *::file-selector-button{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0 solid;
}:where(.uc-awc){
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-awc) hr{
height: 0;
color: inherit;
border-top-width: 1px;
}:where(.uc-awc) abbr:where([title]){
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}:where(.uc-awc) h1, :where(.uc-awc) h2, :where(.uc-awc) h3, :where(.uc-awc) h4, :where(.uc-awc) h5, :where(.uc-awc) h6{
font-size: inherit;
font-weight: inherit;
}:where(.uc-awc) a{
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}:where(.uc-awc) b, :where(.uc-awc) strong{
font-weight: bolder;
}:where(.uc-awc) code, :where(.uc-awc) kbd, :where(.uc-awc) samp, :where(.uc-awc) 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-awc) small{
font-size: 80%;
}:where(.uc-awc) sub, :where(.uc-awc) sup{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}:where(.uc-awc) sub{
bottom: -0.25em;
}:where(.uc-awc) sup{
top: -0.5em;
}:where(.uc-awc) table{
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}:where(.uc-awc) :-moz-focusring{
outline: auto;
}:where(.uc-awc) progress{
vertical-align: baseline;
}:where(.uc-awc) summary{
display: list-item;
}:where(.uc-awc) ol, :where(.uc-awc) ul, :where(.uc-awc) menu{
list-style: none;
}:where(.uc-awc) img, :where(.uc-awc) svg, :where(.uc-awc) video, :where(.uc-awc) canvas, :where(.uc-awc) audio, :where(.uc-awc) iframe, :where(.uc-awc) embed, :where(.uc-awc) object{
display: block;
vertical-align: middle;
}:where(.uc-awc) img, :where(.uc-awc) video{
max-width: 100%;
height: auto;
}:where(.uc-awc) button, :where(.uc-awc) input, :where(.uc-awc) select, :where(.uc-awc) optgroup, :where(.uc-awc) textarea, :where(.uc-awc) ::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-awc) :where(select:is([multiple], [size])) optgroup{
font-weight: bolder;
}:where(.uc-awc) :where(select:is([multiple], [size])) optgroup option{
padding-inline-start: 20px;
}:where(.uc-awc) ::file-selector-button{
margin-inline-end: 4px;
}:where(.uc-awc) ::placeholder{
opacity: 1;
}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){:where(.uc-awc) ::placeholder{
color: currentcolor;
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}}:where(.uc-awc) textarea{
resize: vertical;
}:where(.uc-awc) ::-webkit-search-decoration{
-webkit-appearance: none;
}:where(.uc-awc) ::-webkit-date-and-time-value{
min-height: 1lh;
text-align: inherit;
}:where(.uc-awc) ::-webkit-datetime-edit{
display: inline-flex;
}:where(.uc-awc) ::-webkit-datetime-edit-fields-wrapper{
padding: 0;
}:where(.uc-awc) ::-webkit-datetime-edit, :where(.uc-awc) ::-webkit-datetime-edit-year-field, :where(.uc-awc) ::-webkit-datetime-edit-month-field, :where(.uc-awc) ::-webkit-datetime-edit-day-field, :where(.uc-awc) ::-webkit-datetime-edit-hour-field, :where(.uc-awc) ::-webkit-datetime-edit-minute-field, :where(.uc-awc) ::-webkit-datetime-edit-second-field, :where(.uc-awc) ::-webkit-datetime-edit-millisecond-field, :where(.uc-awc) ::-webkit-datetime-edit-meridiem-field{
padding-block: 0;
}:where(.uc-awc) ::-webkit-calendar-picker-indicator{
line-height: 1;
}:where(.uc-awc) :-moz-ui-invalid{
box-shadow: none;
}:where(.uc-awc) button, :where(.uc-awc) input:where([type="button"], [type="reset"], [type="submit"]), :where(.uc-awc) ::file-selector-button{
appearance: button;
}:where(.uc-awc) ::-webkit-inner-spin-button, :where(.uc-awc) ::-webkit-outer-spin-button{
height: auto;
}:where(.uc-awc) [hidden]:where(:not([hidden="until-found"])){
display: none !important;
}}@layer utilities{:where(.uc-awc) .pointer-events-auto{
pointer-events: auto;
}:where(.uc-awc) .pointer-events-none{
pointer-events: none;
}:where(.uc-awc) .invisible{
visibility: hidden;
}:where(.uc-awc) .absolute{
position: absolute;
}:where(.uc-awc) .relative{
position: relative;
}:where(.uc-awc) .sticky{
position: sticky;
}:where(.uc-awc) .\[inset\:var\(--conv-gutter\)\]{
inset: var(--conv-gutter);
}:where(.uc-awc) .inset-0{
inset: calc(var(--spacing) * 0);
}:where(.uc-awc) .inset-\[-11\.27\%_-10\.14\%\]{
inset: -11.27% -10.14%;
}:where(.uc-awc) .inset-\[3px\]{
inset: 3px;
}:where(.uc-awc) .inset-x-0{
inset-inline: calc(var(--spacing) * 0);
}:where(.uc-awc) .inset-x-\[3px\]{
inset-inline: 3px;
}:where(.uc-awc) .inset-x-\[6px\]{
inset-inline: 6px;
}:where(.uc-awc) .inset-y-0{
inset-block: calc(var(--spacing) * 0);
}:where(.uc-awc) .top-0{
top: calc(var(--spacing) * 0);
}:where(.uc-awc) .top-1\/2{
top: calc(1/2 * 100%);
}:where(.uc-awc) .top-3{
top: calc(var(--spacing) * 3);
}:where(.uc-awc) .top-\[-4\.8\%\]{
top: -4.8%;
}:where(.uc-awc) .top-\[1\.89px\]{
top: 1.89px;
}:where(.uc-awc) .top-\[2px\]{
top: 2px;
}:where(.uc-awc) .top-\[3\.78px\]{
top: 3.78px;
}:where(.uc-awc) .top-\[4\.72px\]{
top: 4.72px;
}:where(.uc-awc) .top-\[6\.61px\]{
top: 6.61px;
}:where(.uc-awc) .top-\[6\.91px\]{
top: 6.91px;
}:where(.uc-awc) .top-\[6px\]{
top: 6px;
}:where(.uc-awc) .top-\[9\.81px\]{
top: 9.81px;
}:where(.uc-awc) .top-\[11\.38px\]{
top: 11.38px;
}:where(.uc-awc) .top-\[12px\]{
top: 12px;
}:where(.uc-awc) .top-\[15\.1px\]{
top: 15.1px;
}:where(.uc-awc) .top-\[17\.94px\]{
top: 17.94px;
}:where(.uc-awc) .top-\[24px\]{
top: 24px;
}:where(.uc-awc) .top-\[33\.98px\]{
top: 33.98px;
}:where(.uc-awc) .top-\[33px\]{
top: 33px;
}:where(.uc-awc) .top-\[35\.3px\]{
top: 35.3px;
}:where(.uc-awc) .top-\[36px\]{
top: 36px;
}:where(.uc-awc) .top-\[37\.76px\]{
top: 37.76px;
}:where(.uc-awc) .top-\[39\.65px\]{
top: 39.65px;
}:where(.uc-awc) .top-\[50\.03px\]{
top: 50.03px;
}:where(.uc-awc) .top-\[55px\]{
top: 55px;
}:where(.uc-awc) .top-\[60\.08px\]{
top: 60.08px;
}:where(.uc-awc) .top-\[61\.36px\]{
top: 61.36px;
}:where(.uc-awc) .top-\[135\.94px\]{
top: 135.94px;
}:where(.uc-awc) .top-\[145\.38px\]{
top: 145.38px;
}:where(.uc-awc) .top-\[149\.15px\]{
top: 149.15px;
}:where(.uc-awc) .top-\[203\.9px\]{
top: 203.9px;
}:where(.uc-awc) .top-\[251\.33px\]{
top: 251.33px;
}:where(.uc-awc) .top-\[261\.44px\]{
top: 261.44px;
}:where(.uc-awc) .top-\[264\.94px\]{
top: 264.94px;
}:where(.uc-awc) .top-\[274\.37px\]{
top: 274.37px;
}:where(.uc-awc) .right-0{
right: calc(var(--spacing) * 0);
}:where(.uc-awc) .right-3{
right: calc(var(--spacing) * 3);
}:where(.uc-awc) .right-16{
right: calc(var(--spacing) * 16);
}:where(.uc-awc) .right-\[-130px\]{
right: -130px;
}:where(.uc-awc) .right-\[-134px\]{
right: -134px;
}:where(.uc-awc) .right-\[-138px\]{
right: -138px;
}:where(.uc-awc) .right-\[6px\]{
right: 6px;
}:where(.uc-awc) .bottom-0{
bottom: calc(var(--spacing) * 0);
}:where(.uc-awc) .bottom-4{
bottom: calc(var(--spacing) * 4);
}:where(.uc-awc) .bottom-\[-1px\]{
bottom: -1px;
}:where(.uc-awc) .bottom-\[-157\.62px\]{
bottom: -157.62px;
}:where(.uc-awc) .bottom-\[4px\]{
bottom: 4px;
}:where(.uc-awc) .bottom-px{
bottom: 1px;
}:where(.uc-awc) .-left-\[10px\]{
left: calc(10px * -1);
}:where(.uc-awc) .left-0{
left: calc(var(--spacing) * 0);
}:where(.uc-awc) .left-1\/2{
left: calc(1/2 * 100%);
}:where(.uc-awc) .left-\[-8\.15\%\]{
left: -8.15%;
}:where(.uc-awc) .left-\[-43\.81px\]{
left: -43.81px;
}:where(.uc-awc) .left-\[-54\.42px\]{
left: -54.42px;
}:where(.uc-awc) .left-\[-63px\]{
left: -63px;
}:where(.uc-awc) .left-\[-168px\]{
left: -168px;
}:where(.uc-awc) .left-\[2px\]{
left: 2px;
}:where(.uc-awc) .left-\[4\.72px\]{
left: 4.72px;
}:where(.uc-awc) .left-\[6\.61px\]{
left: 6.61px;
}:where(.uc-awc) .left-\[6\.91px\]{
left: 6.91px;
}:where(.uc-awc) .left-\[8\.5px\]{
left: 8.5px;
}:where(.uc-awc) .left-\[9\.13px\]{
left: 9.13px;
}:where(.uc-awc) .left-\[11\.69px\]{
left: 11.69px;
}:where(.uc-awc) .left-\[22\.66px\]{
left: 22.66px;
}:where(.uc-awc) .left-\[29\.26px\]{
left: 29.26px;
}:where(.uc-awc) .left-\[32px\]{
left: 32px;
}:where(.uc-awc) .left-\[56\.64px\]{
left: 56.64px;
}:where(.uc-awc) .left-\[63\.04px\]{
left: 63.04px;
}:where(.uc-awc) .left-\[95\.04px\]{
left: 95.04px;
}:where(.uc-awc) .left-\[224\.37px\]{
left: 224.37px;
}:where(.uc-awc) .left-\[247\.08px\]{
left: 247.08px;
}:where(.uc-awc) .left-\[282\.9px\]{
left: 282.9px;
}:where(.uc-awc) .left-\[calc\(50\%-1\.5px\)\]{
left: calc(50% - 1.5px);
}:where(.uc-awc) .left-\[calc\(50\%-52\.17px\)\]{
left: calc(50% - 52.17px);
}:where(.uc-awc) .isolate{
isolation: isolate;
}:where(.uc-awc) .z-0{
z-index: 0;
}:where(.uc-awc) .z-10{
z-index: 10;
}:where(.uc-awc) .z-20{
z-index: 20;
}:where(.uc-awc) .z-\[1\]{
z-index: 1;
}:where(.uc-awc) .z-\[2\]{
z-index: 2;
}:where(.uc-awc) .z-\[3\]{
z-index: 3;
}:where(.uc-awc) .z-\[4\]{
z-index: 4;
}:where(.uc-awc) .-mx-4{
margin-inline: calc(var(--spacing) * -4);
}:where(.uc-awc) .mx-6{
margin-inline: calc(var(--spacing) * 6);
}:where(.uc-awc) .mx-\[2px\]{
margin-inline: 2px;
}:where(.uc-awc) .mx-auto{
margin-inline: auto;
}:where(.uc-awc) .-my-1\.5{
margin-block: calc(var(--spacing) * -1.5);
}:where(.uc-awc) .-mt-\[20px\]{
margin-top: calc(20px * -1);
}:where(.uc-awc) .mt-0\.5{
margin-top: calc(var(--spacing) * 0.5);
}:where(.uc-awc) .mt-1{
margin-top: calc(var(--spacing) * 1);
}:where(.uc-awc) .mt-2{
margin-top: calc(var(--spacing) * 2);
}:where(.uc-awc) .mt-3{
margin-top: calc(var(--spacing) * 3);
}:where(.uc-awc) .mt-\[1\.492px\]{
margin-top: 1.492px;
}:where(.uc-awc) .mt-\[12px\]{
margin-top: 12px;
}:where(.uc-awc) .mt-\[24px\]{
margin-top: 24px;
}:where(.uc-awc) .mt-\[36px\]{
margin-top: 36px;
}:where(.uc-awc) .mt-auto{
margin-top: auto;
}:where(.uc-awc) .mt-sprout-12{
margin-top: var(--spacing-sprout-12);
}:where(.uc-awc) .mt-sprout-48{
margin-top: var(--spacing-sprout-48);
}:where(.uc-awc) .mr-0\.5{
margin-right: calc(var(--spacing) * 0.5);
}:where(.uc-awc) .mb-0\.5{
margin-bottom: calc(var(--spacing) * 0.5);
}:where(.uc-awc) .mb-4{
margin-bottom: calc(var(--spacing) * 4);
}:where(.uc-awc) .mb-\[-6px\]{
margin-bottom: -6px;
}:where(.uc-awc) .mb-\[-8\.195px\]{
margin-bottom: -8.195px;
}:where(.uc-awc) .mb-sprout-16{
margin-bottom: var(--spacing-sprout-16);
}:where(.uc-awc) .ml-3{
margin-left: calc(var(--spacing) * 3);
}:where(.uc-awc) .ml-auto{
margin-left: auto;
}:where(.uc-awc) .line-clamp-2{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}:where(.uc-awc) .block{
display: block;
}:where(.uc-awc) .flex{
display: flex;
}:where(.uc-awc) .grid{
display: grid;
}:where(.uc-awc) .hidden{
display: none;
}:where(.uc-awc) .inline-flex{
display: inline-flex;
}:where(.uc-awc) .aspect-video{
aspect-ratio: var(--aspect-video);
}:where(.uc-awc) .size-3{
width: calc(var(--spacing) * 3);
height: calc(var(--spacing) * 3);
}:where(.uc-awc) .size-3\.5{
width: calc(var(--spacing) * 3.5);
height: calc(var(--spacing) * 3.5);
}:where(.uc-awc) .size-6{
width: calc(var(--spacing) * 6);
height: calc(var(--spacing) * 6);
}:where(.uc-awc) .size-9{
width: calc(var(--spacing) * 9);
height: calc(var(--spacing) * 9);
}:where(.uc-awc) .size-\[5\.795px\]{
width: 5.795px;
height: 5.795px;
}:where(.uc-awc) .size-\[7\.354px\]{
width: 7.354px;
height: 7.354px;
}:where(.uc-awc) .size-\[8\.405px\]{
width: 8.405px;
height: 8.405px;
}:where(.uc-awc) .size-\[9\.193px\]{
width: 9.193px;
height: 9.193px;
}:where(.uc-awc) .size-\[9\.218px\]{
width: 9.218px;
height: 9.218px;
}:where(.uc-awc) .size-\[9\.676px\]{
width: 9.676px;
height: 9.676px;
}:where(.uc-awc) .size-\[9px\]{
width: 9px;
height: 9px;
}:where(.uc-awc) .size-\[10\.506px\]{
width: 10.506px;
height: 10.506px;
}:where(.uc-awc) .size-\[12px\]{
width: 12px;
height: 12px;
}:where(.uc-awc) .size-\[13\.133px\]{
width: 13.133px;
height: 13.133px;
}:where(.uc-awc) .size-\[13px\]{
width: 13px;
height: 13px;
}:where(.uc-awc) .size-\[14\.708px\]{
width: 14.708px;
height: 14.708px;
}:where(.uc-awc) .size-\[15px\]{
width: 15px;
height: 15px;
}:where(.uc-awc) .size-\[16\.81px\]{
width: 16.81px;
height: 16.81px;
}:where(.uc-awc) .size-\[16\.992px\]{
width: 16.992px;
height: 16.992px;
}:where(.uc-awc) .size-\[18\.88px\]{
width: 18.88px;
height: 18.88px;
}:where(.uc-awc) .size-\[18px\]{
width: 18px;
height: 18px;
}:where(.uc-awc) .size-\[20px\]{
width: 20px;
height: 20px;
}:where(.uc-awc) .size-\[21\.012px\]{
width: 21.012px;
height: 21.012px;
}:where(.uc-awc) .size-\[21\.632px\]{
width: 21.632px;
height: 21.632px;
}:where(.uc-awc) .size-\[23px\]{
width: 23px;
height: 23px;
}:where(.uc-awc) .size-\[24px\]{
width: 24px;
height: 24px;
}:where(.uc-awc) .size-\[32\.73px\]{
width: 32.73px;
height: 32.73px;
}:where(.uc-awc) .size-\[37\.76px\]{
width: 37.76px;
height: 37.76px;
}:where(.uc-awc) .size-\[44px\]{
width: 44px;
height: 44px;
}:where(.uc-awc) .size-\[52px\]{
width: 52px;
height: 52px;
}:where(.uc-awc) .size-\[53\.558px\]{
width: 53.558px;
height: 53.558px;
}:where(.uc-awc) .size-\[54\.084px\]{
width: 54.084px;
height: 54.084px;
}:where(.uc-awc) .size-full{
width: 100%;
height: 100%;
}:where(.uc-awc) .h-4{
height: calc(var(--spacing) * 4);
}:where(.uc-awc) .h-5{
height: calc(var(--spacing) * 5);
}:where(.uc-awc) .h-6{
height: calc(var(--spacing) * 6);
}:where(.uc-awc) .h-7{
height: calc(var(--spacing) * 7);
}:where(.uc-awc) .h-8{
height: calc(var(--spacing) * 8);
}:where(.uc-awc) .h-9{
height: calc(var(--spacing) * 9);
}:where(.uc-awc) .h-11{
height: calc(var(--spacing) * 11);
}:where(.uc-awc) .h-24{
height: calc(var(--spacing) * 24);
}:where(.uc-awc) .h-\[0\.944px\]{
height: 0.944px;
}:where(.uc-awc) .h-\[10px\]{
height: 10px;
}:where(.uc-awc) .h-\[11\.6px\]{
height: 11.6px;
}:where(.uc-awc) .h-\[18px\]{
height: 18px;
}:where(.uc-awc) .h-\[22px\]{
height: 22px;
}:where(.uc-awc) .h-\[24\.98px\]{
height: 24.98px;
}:where(.uc-awc) .h-\[24px\]{
height: 24px;
}:where(.uc-awc) .h-\[26\.432px\]{
height: 26.432px;
}:where(.uc-awc) .h-\[26px\]{
height: 26px;
}:where(.uc-awc) .h-\[30\.208px\]{
height: 30.208px;
}:where(.uc-awc) .h-\[30px\]{
height: 30px;
}:where(.uc-awc) .h-\[32px\]{
height: 32px;
}:where(.uc-awc) .h-\[34px\]{
height: 34px;
}:where(.uc-awc) .h-\[40\.696px\]{
height: 40.696px;
}:where(.uc-awc) .h-\[71px\]{
height: 71px;
}:where(.uc-awc) .h-\[72px\]{
height: 72px;
}:where(.uc-awc) .h-\[74\.965px\]{
height: 74.965px;
}:where(.uc-awc) .h-\[75\.52px\]{
height: 75.52px;
}:where(.uc-awc) .h-\[77\.263px\]{
height: 77.263px;
}:where(.uc-awc) .h-\[100svh\]{
height: 100svh;
}:where(.uc-awc) .h-\[109\.62\%\]{
height: 109.62%;
}:where(.uc-awc) .h-\[120px\]{
height: 120px;
}:where(.uc-awc) .h-\[169\.919px\]{
height: 169.919px;
}:where(.uc-awc) .h-\[188\.799px\]{
height: 188.799px;
}:where(.uc-awc) .h-\[196px\]{
height: 196px;
}:where(.uc-awc) .h-\[207\.679px\]{
height: 207.679px;
}:where(.uc-awc) .h-\[214px\]{
height: 214px;
}:where(.uc-awc) .h-\[226\.559px\]{
height: 226.559px;
}:where(.uc-awc) .h-\[261\.24px\]{
height: 261.24px;
}:where(.uc-awc) .h-\[300px\]{
height: 300px;
}:where(.uc-awc) .h-\[311px\]{
height: 311px;
}:where(.uc-awc) .h-\[379px\]{
height: 379px;
}:where(.uc-awc) .h-\[415px\]{
height: 415px;
}:where(.uc-awc) .h-\[432px\]{
height: 432px;
}:where(.uc-awc) .h-\[443\.111px\]{
height: 443.111px;
}:where(.uc-awc) .h-\[452\.459px\]{
height: 452.459px;
}:where(.uc-awc) .h-\[520px\]{
height: 520px;
}:where(.uc-awc) .h-\[523\.659px\]{
height: 523.659px;
}:where(.uc-awc) .h-\[540px\]{
height: 540px;
}:where(.uc-awc) .h-\[578px\]{
height: 578px;
}:where(.uc-awc) .h-\[640px\]{
height: 640px;
}:where(.uc-awc) .h-\[659\.618px\]{
height: 659.618px;
}:where(.uc-awc) .h-\[660px\]{
height: 660px;
}:where(.uc-awc) .h-full{
height: 100%;
}:where(.uc-awc) .h-px{
height: 1px;
}:where(.uc-awc) .h-screen{
height: 100vh;
}:where(.uc-awc) .min-h-\[234px\]{
min-height: 234px;
}:where(.uc-awc) .w-4{
width: calc(var(--spacing) * 4);
}:where(.uc-awc) .w-5{
width: calc(var(--spacing) * 5);
}:where(.uc-awc) .w-6{
width: calc(var(--spacing) * 6);
}:where(.uc-awc) .w-8{
width: calc(var(--spacing) * 8);
}:where(.uc-awc) .w-9{
width: calc(var(--spacing) * 9);
}:where(.uc-awc) .w-11{
width: calc(var(--spacing) * 11);
}:where(.uc-awc) .w-16{
width: calc(var(--spacing) * 16);
}:where(.uc-awc) .w-\[2px\]{
width: 2px;
}:where(.uc-awc) .w-\[3px\]{
width: 3px;
}:where(.uc-awc) .w-\[10px\]{
width: 10px;
}:where(.uc-awc) .w-\[18px\]{
width: 18px;
}:where(.uc-awc) .w-\[22px\]{
width: 22px;
}:where(.uc-awc) .w-\[30px\]{
width: 30px;
}:where(.uc-awc) .w-\[48\.485px\]{
width: 48.485px;
}:where(.uc-awc) .w-\[54\%\]{
width: 54%;
}:where(.uc-awc) .w-\[56\.204px\]{
width: 56.204px;
}:where(.uc-awc) .w-\[60\.419px\]{
width: 60.419px;
}:where(.uc-awc) .w-\[70px\]{
width: 70px;
}:where(.uc-awc) .w-\[116\.31\%\]{
width: 116.31%;
}:where(.uc-awc) .w-\[135px\]{
width: 135px;
}:where(.uc-awc) .w-\[148px\]{
width: 148px;
}:where(.uc-awc) .w-\[183\.855px\]{
width: 183.855px;
}:where(.uc-awc) .w-\[188\.799px\]{
width: 188.799px;
}:where(.uc-awc) .w-\[207\.679px\]{
width: 207.679px;
}:where(.uc-awc) .w-\[210\.12px\]{
width: 210.12px;
}:where(.uc-awc) .w-\[231px\]{
width: 231px;
}:where(.uc-awc) .w-\[240px\]{
width: 240px;
}:where(.uc-awc) .w-\[245\.439px\]{
width: 245.439px;
}:where(.uc-awc) .w-\[246\.036px\]{
width: 246.036px;
}:where(.uc-awc) .w-\[254px\]{
width: 254px;
}:where(.uc-awc) .w-\[259\.858px\]{
width: 259.858px;
}:where(.uc-awc) .w-\[262\.651px\]{
width: 262.651px;
}:where(.uc-awc) .w-\[264\.319px\]{
width: 264.319px;
}:where(.uc-awc) .w-\[367px\]{
width: 367px;
}:where(.uc-awc) .w-\[431px\]{
width: 431px;
}:where(.uc-awc) .w-\[535\.144px\]{
width: 535.144px;
}:where(.uc-awc) .w-\[537\.062px\]{
width: 537.062px;
}:where(.uc-awc) .w-\[559\.965px\]{
width: 559.965px;
}:where(.uc-awc) .w-\[660px\]{
width: 660px;
}:where(.uc-awc) .w-\[662\.801px\]{
width: 662.801px;
}:where(.uc-awc) .w-\[820px\]{
width: 820px;
}:where(.uc-awc) .w-\[1400px\]{
width: 1400px;
}:where(.uc-awc) .w-fit{
width: fit-content;
}:where(.uc-awc) .w-full{
width: 100%;
}:where(.uc-awc) .w-max{
width: max-content;
}:where(.uc-awc) .w-px{
width: 1px;
}:where(.uc-awc) .max-w-\[160px\]{
max-width: 160px;
}:where(.uc-awc) .max-w-\[340px\]{
max-width: 340px;
}:where(.uc-awc) .max-w-\[412px\]{
max-width: 412px;
}:where(.uc-awc) .max-w-\[440px\]{
max-width: 440px;
}:where(.uc-awc) .max-w-\[441px\]{
max-width: 441px;
}:where(.uc-awc) .max-w-\[520px\]{
max-width: 520px;
}:where(.uc-awc) .max-w-\[640px\]{
max-width: 640px;
}:where(.uc-awc) .max-w-\[701px\]{
max-width: 701px;
}:where(.uc-awc) .max-w-\[760px\]{
max-width: 760px;
}:where(.uc-awc) .max-w-\[1284px\]{
max-width: 1284px;
}:where(.uc-awc) .max-w-full{
max-width: 100%;
}:where(.uc-awc) .max-w-none{
max-width: none;
}:where(.uc-awc) .min-w-0{
min-width: calc(var(--spacing) * 0);
}:where(.uc-awc) .min-w-px{
min-width: 1px;
}:where(.uc-awc) .flex-1{
flex: 1;
}:where(.uc-awc) .flex-shrink-0{
flex-shrink: 0;
}:where(.uc-awc) .shrink-0{
flex-shrink: 0;
}:where(.uc-awc) .origin-center{
transform-origin: center;
}:where(.uc-awc) .origin-right{
transform-origin: 100%;
}:where(.uc-awc) .origin-top-left{
transform-origin: 0 0;
}:where(.uc-awc) .-translate-x-1\/2{
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}:where(.uc-awc) .translate-x-0{
--tw-translate-x: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}:where(.uc-awc) .-translate-y-1\/2{
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}:where(.uc-awc) .-translate-y-2{
--tw-translate-y: calc(var(--spacing) * -2);
translate: var(--tw-translate-x) var(--tw-translate-y);
}:where(.uc-awc) .-translate-y-\[1px\]{
--tw-translate-y: calc(1px * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}:where(.uc-awc) .translate-y-0{
--tw-translate-y: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}:where(.uc-awc) .scale-95{
--tw-scale-x: 95%;
--tw-scale-y: 95%;
--tw-scale-z: 95%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}:where(.uc-awc) .scale-110{
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}:where(.uc-awc) .scale-\[0\.8\]{
scale: 0.8;
}:where(.uc-awc) .scale-\[0\.75\]{
scale: 0.75;
}:where(.uc-awc) .scale-\[0\.92\]{
scale: 0.92;
}:where(.uc-awc) .transform{
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}:where(.uc-awc) .transform-gpu{
transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}:where(.uc-awc) .animate-spin{
animation: var(--animate-spin);
}:where(.uc-awc) .cursor-grab{
cursor: grab;
}:where(.uc-awc) .cursor-pointer{
cursor: pointer;
}:where(.uc-awc) .resize-none{
resize: none;
}:where(.uc-awc) .list-none{
list-style-type: none;
}:where(.uc-awc) .grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}:where(.uc-awc) .grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}:where(.uc-awc) .flex-col{
flex-direction: column;
}:where(.uc-awc) .flex-wrap{
flex-wrap: wrap;
}:where(.uc-awc) .place-items-center{
place-items: center;
}:where(.uc-awc) .content-start{
align-content: flex-start;
}:where(.uc-awc) .items-center{
align-items: center;
}:where(.uc-awc) .items-end{
align-items: flex-end;
}:where(.uc-awc) .items-start{
align-items: flex-start;
}:where(.uc-awc) .justify-between{
justify-content: space-between;
}:where(.uc-awc) .justify-center{
justify-content: center;
}:where(.uc-awc) .justify-end{
justify-content: flex-end;
}:where(.uc-awc) .justify-start{
justify-content: flex-start;
}:where(.uc-awc) .gap-0\.5{
gap: calc(var(--spacing) * 0.5);
}:where(.uc-awc) .gap-1{
gap: calc(var(--spacing) * 1);
}:where(.uc-awc) .gap-1\.5{
gap: calc(var(--spacing) * 1.5);
}:where(.uc-awc) .gap-2{
gap: calc(var(--spacing) * 2);
}:where(.uc-awc) .gap-2\.5{
gap: calc(var(--spacing) * 2.5);
}:where(.uc-awc) .gap-3{
gap: calc(var(--spacing) * 3);
}:where(.uc-awc) .gap-4{
gap: calc(var(--spacing) * 4);
}:where(.uc-awc) .gap-5{
gap: calc(var(--spacing) * 5);
}:where(.uc-awc) .gap-8{
gap: calc(var(--spacing) * 8);
}:where(.uc-awc) .gap-10{
gap: calc(var(--spacing) * 10);
}:where(.uc-awc) .gap-\[1\.839px\]{
gap: 1.839px;
}:where(.uc-awc) .gap-\[1px\]{
gap: 1px;
}:where(.uc-awc) .gap-\[2\.101px\]{
gap: 2.101px;
}:where(.uc-awc) .gap-\[2\.627px\]{
gap: 2.627px;
}:where(.uc-awc) .gap-\[2\.984px\]{
gap: 2.984px;
}:where(.uc-awc) .gap-\[2px\]{
gap: 2px;
}:where(.uc-awc) .gap-\[3\.5px\]{
gap: 3.5px;
}:where(.uc-awc) .gap-\[3\.8px\]{
gap: 3.8px;
}:where(.uc-awc) .gap-\[3\.65px\]{
gap: 3.65px;
}:where(.uc-awc) .gap-\[4\.147px\]{
gap: 4.147px;
}:where(.uc-awc) .gap-\[4\.829px\]{
gap: 4.829px;
}:where(.uc-awc) .gap-\[4\.961px\]{
gap: 4.961px;
}:where(.uc-awc) .gap-\[5\.516px\]{
gap: 5.516px;
}:where(.uc-awc) .gap-\[5\.594px\]{
gap: 5.594px;
}:where(.uc-awc) .gap-\[5\.795px\]{
gap: 5.795px;
}:where(.uc-awc) .gap-\[5\.967px\]{
gap: 5.967px;
}:where(.uc-awc) .gap-\[6\.304px\]{
gap: 6.304px;
}:where(.uc-awc) .gap-\[6px\]{
gap: 6px;
}:where(.uc-awc) .gap-\[7\.88px\]{
gap: 7.88px;
}:where(.uc-awc) .gap-\[7px\]{
gap: 7px;
}:where(.uc-awc) .gap-\[8\.951px\]{
gap: 8.951px;
}:where(.uc-awc) .gap-\[8px\]{
gap: 8px;
}:where(.uc-awc) .gap-\[10px\]{
gap: 10px;
}:where(.uc-awc) .gap-\[13\.517px\]{
gap: 13.517px;
}:where(.uc-awc) .gap-\[13px\]{
gap: 13px;
}:where(.uc-awc) .gap-\[14\.918px\]{
gap: 14.918px;
}:where(.uc-awc) .gap-\[15\.453px\]{
gap: 15.453px;
}:where(.uc-awc) .gap-\[18px\]{
gap: 18px;
}:where(.uc-awc) .gap-\[22px\]{
gap: 22px;
}:where(.uc-awc) .gap-\[28px\]{
gap: 28px;
}:where(.uc-awc) .gap-\[35\.804px\]{
gap: 35.804px;
}:where(.uc-awc) .gap-\[clamp\(16px\,3vh\,40px\)\]{
gap: clamp(16px, 3vh, 40px);
}:where(.uc-awc) .gap-sprout-16{
gap: var(--spacing-sprout-16);
}:where(.uc-awc) .gap-x-\[2px\]{
column-gap: 2px;
}:where(.uc-awc) .gap-x-\[10px\]{
column-gap: 10px;
}:where(.uc-awc) .gap-y-1{
row-gap: calc(var(--spacing) * 1);
}:where(.uc-awc) .self-stretch{
align-self: stretch;
}:where(.uc-awc) .truncate{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}:where(.uc-awc) .overflow-clip{
overflow: clip;
}:where(.uc-awc) .overflow-hidden{
overflow: hidden;
}:where(.uc-awc) .rounded{
border-radius: 0.25rem;
}:where(.uc-awc) .rounded-2xl{
border-radius: calc(var(--radius) + 8px);
}:where(.uc-awc) .rounded-\[3\.8px\]{
border-radius: 3.8px;
}:where(.uc-awc) .rounded-\[3\.65px\]{
border-radius: 3.65px;
}:where(.uc-awc) .rounded-\[4\.6px\]{
border-radius: 4.6px;
}:where(.uc-awc) .rounded-\[4\.596px\]{
border-radius: 4.596px;
}:where(.uc-awc) .rounded-\[4\.674px\]{
border-radius: 4.674px;
}:where(.uc-awc) .rounded-\[4px\]{
border-radius: 4px;
}:where(.uc-awc) .rounded-\[5\.253px\]{
border-radius: 5.253px;
}:where(.uc-awc) .rounded-\[5\.664px\]{
border-radius: 5.664px;
}:where(.uc-awc) .rounded-\[5px\]{
border-radius: 5px;
}:where(.uc-awc) .rounded-\[6\.435px\]{
border-radius: 6.435px;
}:where(.uc-awc) .rounded-\[6\.566px\]{
border-radius: 6.566px;
}:where(.uc-awc) .rounded-\[6px\]{
border-radius: 6px;
}:where(.uc-awc) .rounded-\[7\.354px\]{
border-radius: 7.354px;
}:where(.uc-awc) .rounded-\[7\.459px\]{
border-radius: 7.459px;
}:where(.uc-awc) .rounded-\[7\.552px\]{
border-radius: 7.552px;
}:where(.uc-awc) .rounded-\[8\.926px\]{
border-radius: 8.926px;
}:where(.uc-awc) .rounded-\[8px\]{
border-radius: 8px;
}:where(.uc-awc) .rounded-\[9\.44px\]{
border-radius: 9.44px;
}:where(.uc-awc) .rounded-\[9\.193px\]{
border-radius: 9.193px;
}:where(.uc-awc) .rounded-\[10px\]{
border-radius: 10px;
}:where(.uc-awc) .rounded-\[12\.44px\]{
border-radius: 12.44px;
}:where(.uc-awc) .rounded-\[12px\]{
border-radius: 12px;
}:where(.uc-awc) .rounded-\[13\.427px\]{
border-radius: 13.427px;
}:where(.uc-awc) .rounded-\[14px\]{
border-radius: 14px;
}:where(.uc-awc) .rounded-\[15\.453px\]{
border-radius: 15.453px;
}:where(.uc-awc) .rounded-\[16px\]{
border-radius: 16px;
}:where(.uc-awc) .rounded-\[17\.384px\]{
border-radius: 17.384px;
}:where(.uc-awc) .rounded-\[22\.116px\]{
border-radius: 22.116px;
}:where(.uc-awc) .rounded-\[24px\]{
border-radius: 24px;
}:where(.uc-awc) .rounded-\[32px\]{
border-radius: 32px;
}:where(.uc-awc) .rounded-\[690\.42px\]{
border-radius: 690.42px;
}:where(.uc-awc) .rounded-full{
border-radius: calc(infinity * 1px);
}:where(.uc-awc) .rounded-t-\[12px\]{
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}:where(.uc-awc) .rounded-l-\[6px\]{
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}:where(.uc-awc) .rounded-tl-\[11\.328px\]{
border-top-left-radius: 11.328px;
}:where(.uc-awc) .rounded-tr-\[11\.328px\]{
border-top-right-radius: 11.328px;
}:where(.uc-awc) .rounded-b-\[12px\]{
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
}:where(.uc-awc) .rounded-b-\[20px\]{
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}:where(.uc-awc) .rounded-br-\[3\.776px\]{
border-bottom-right-radius: 3.776px;
}:where(.uc-awc) .rounded-br-\[4\.6px\]{
border-bottom-right-radius: 4.6px;
}:where(.uc-awc) .rounded-br-\[11\.328px\]{
border-bottom-right-radius: 11.328px;
}:where(.uc-awc) .rounded-bl-\[3\.776px\]{
border-bottom-left-radius: 3.776px;
}:where(.uc-awc) .rounded-bl-\[4\.6px\]{
border-bottom-left-radius: 4.6px;
}:where(.uc-awc) .rounded-bl-\[11\.328px\]{
border-bottom-left-radius: 11.328px;
}:where(.uc-awc) .border{
border-style: var(--tw-border-style);
border-width: 1px;
}:where(.uc-awc) .border-2{
border-style: var(--tw-border-style);
border-width: 2px;
}:where(.uc-awc) .border-\[0\.46px\]{
border-style: var(--tw-border-style);
border-width: 0.46px;
}:where(.uc-awc) .border-\[0\.373px\]{
border-style: var(--tw-border-style);
border-width: 0.373px;
}:where(.uc-awc) .border-\[0\.525px\]{
border-style: var(--tw-border-style);
border-width: 0.525px;
}:where(.uc-awc) .border-\[0\.657px\]{
border-style: var(--tw-border-style);
border-width: 0.657px;
}:where(.uc-awc) .border-\[0\.691px\]{
border-style: var(--tw-border-style);
border-width: 0.691px;
}:where(.uc-awc) .border-\[0\.944px\]{
border-style: var(--tw-border-style);
border-width: 0.944px;
}:where(.uc-awc) .border-\[0\.959px\]{
border-style: var(--tw-border-style);
border-width: 0.959px;
}:where(.uc-awc) .border-\[0\.966px\]{
border-style: var(--tw-border-style);
border-width: 0.966px;
}:where(.uc-awc) .border-\[1\.4px\]{
border-style: var(--tw-border-style);
border-width: 1.4px;
}:where(.uc-awc) .border-\[1\.401px\]{
border-style: var(--tw-border-style);
border-width: 1.401px;
}:where(.uc-awc) .border-t{
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}:where(.uc-awc) .border-r{
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}:where(.uc-awc) .border-b{
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}:where(.uc-awc) .border-l{
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}:where(.uc-awc) .border-dashed{
--tw-border-style: dashed;
border-style: dashed;
}:where(.uc-awc) .border-solid{
--tw-border-style: solid;
border-style: solid;
}:where(.uc-awc) .border-\[\#333333\]{
border-color: #333333;
}:where(.uc-awc) .border-\[\#E5E5E5\]{
border-color: #E5E5E5;
}:where(.uc-awc) .border-\[\#d4d4d4\]{
border-color: #d4d4d4;
}:where(.uc-awc) .border-\[\#e5e5e5\]{
border-color: #e5e5e5;
}:where(.uc-awc) .border-\[\#e07a48\]{
border-color: #e07a48;
}:where(.uc-awc) .border-\[\#fd6a35\]{
border-color: #fd6a35;
}:where(.uc-awc) .border-\[\#fff2ef\]{
border-color: #fff2ef;
}:where(.uc-awc) .border-\[rgba\(184\,216\,168\,0\.3\)\]{
border-color: rgba(184,216,168,0.3);
}:where(.uc-awc) .border-\[rgba\(212\,202\,190\,0\.4\)\]{
border-color: rgba(212,202,190,0.4);
}:where(.uc-awc) .border-\[rgba\(212\,202\,190\,0\.5\)\]{
border-color: rgba(212,202,190,0.5);
}:where(.uc-awc) .border-\[rgba\(214\,214\,214\,0\.1\)\]{
border-color: rgba(214,214,214,0.1);
}:where(.uc-awc) .border-\[rgba\(255\,184\,154\,0\.2\)\]{
border-color: rgba(255,184,154,0.2);
}:where(.uc-awc) .border-black\/\[0\.06\]{
border-color: color-mix(in srgb, #000 6%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-black) 6%, transparent);
}
}:where(.uc-awc) .border-black\/\[0\.08\]{
border-color: color-mix(in srgb, #000 8%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-black) 8%, transparent);
}
}:where(.uc-awc) .border-black\/\[0\.09\]{
border-color: color-mix(in srgb, #000 9%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-black) 9%, transparent);
}
}:where(.uc-awc) .border-sprout-color-border-weak{
border-color: var(--color-sprout-color-border-weak);
}:where(.uc-awc) .border-t-transparent{
border-top-color: transparent;
}:where(.uc-awc) .bg-\[\#287CB2\]{
background-color: #287CB2;
}:where(.uc-awc) .bg-\[\#287cb2\]{
background-color: #287cb2;
}:where(.uc-awc) .bg-\[\#5202FD\]{
background-color: #5202FD;
}:where(.uc-awc) .bg-\[\#101010\]{
background-color: #101010;
}:where(.uc-awc) .bg-\[\#171717\]{
background-color: #171717;
}:where(.uc-awc) .bg-\[\#202020\]{
background-color: #202020;
}:where(.uc-awc) .bg-\[\#E5E5E5\]{
background-color: #E5E5E5;
}:where(.uc-awc) .bg-\[\#F4F4F5\]{
background-color: #F4F4F5;
}:where(.uc-awc) .bg-\[\#F5F5F5\]{
background-color: #F5F5F5;
}:where(.uc-awc) .bg-\[\#FAFAFA\]{
background-color: #FAFAFA;
}:where(.uc-awc) .bg-\[\#FFFFFF4D\]{
background-color: #FFFFFF4D;
}:where(.uc-awc) .bg-\[\#d6d6d6\]{
background-color: #d6d6d6;
}:where(.uc-awc) .bg-\[\#dcf8c6\]{
background-color: #dcf8c6;
}:where(.uc-awc) .bg-\[\#e5e5e5\]{
background-color: #e5e5e5;
}:where(.uc-awc) .bg-\[\#ebebeb\]{
background-color: #ebebeb;
}:where(.uc-awc) .bg-\[\#f1f1f7\]{
background-color: #f1f1f7;
}:where(.uc-awc) .bg-\[\#f4f4f4\]{
background-color: #f4f4f4;
}:where(.uc-awc) .bg-\[\#f9f9fb\]{
background-color: #f9f9fb;
}:where(.uc-awc) .bg-\[\#fbf7eb\]{
background-color: #fbf7eb;
}:where(.uc-awc) .bg-\[\#fdfcfa\]{
background-color: #fdfcfa;
}:where(.uc-awc) .bg-\[\#ff3b30\]{
background-color: #ff3b30;
}:where(.uc-awc) .bg-\[\#ffc574\]{
background-color: #ffc574;
}:where(.uc-awc) .bg-\[\#ffedd9\]{
background-color: #ffedd9;
}:where(.uc-awc) .bg-\[\#fff1eb\]{
background-color: #fff1eb;
}:where(.uc-awc) .bg-\[\#fff2ef\]{
background-color: #fff2ef;
}:where(.uc-awc) .bg-\[rgba\(0\,0\,0\,0\.1\)\]{
background-color: rgba(0,0,0,0.1);
}:where(.uc-awc) .bg-\[rgba\(0\,0\,0\,0\.4\)\]{
background-color: rgba(0,0,0,0.4);
}:where(.uc-awc) .bg-\[rgba\(0\,0\,0\,0\.05\)\]{
background-color: rgba(0,0,0,0.05);
}:where(.uc-awc) .bg-\[rgba\(212\,202\,190\,0\.5\)\]{
background-color: rgba(212,202,190,0.5);
}:where(.uc-awc) .bg-\[rgba\(255\,184\,154\,0\.2\)\]{
background-color: rgba(255,184,154,0.2);
}:where(.uc-awc) .bg-black{
background-color: var(--color-black);
}:where(.uc-awc) .bg-black\/10{
background-color: color-mix(in srgb, #000 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
}
}:where(.uc-awc) .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-awc) .bg-black\/\[0\.16\]{
background-color: color-mix(in srgb, #000 16%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-black) 16%, transparent);
}
}:where(.uc-awc) .bg-sprout-color-background-default{
background-color: var(--color-sprout-color-background-default);
}:where(.uc-awc) .bg-sprout-color-background-stronger{
background-color: var(--color-sprout-color-background-stronger);
}:where(.uc-awc) .bg-sprout-color-background-weaker{
background-color: var(--color-sprout-color-background-weaker);
}:where(.uc-awc) .bg-sprout-color-primary{
background-color: var(--color-sprout-color-primary);
}:where(.uc-awc) .bg-sprout-color-secondary{
background-color: var(--color-sprout-color-secondary);
}:where(.uc-awc) .bg-transparent{
background-color: transparent;
}:where(.uc-awc) .bg-white{
background-color: var(--color-white);
}:where(.uc-awc) .bg-white\/20{
background-color: color-mix(in srgb, #fff 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}:where(.uc-awc) .bg-white\/40{
background-color: color-mix(in srgb, #fff 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
}:where(.uc-awc) .bg-white\/\[0\.05\]{
background-color: color-mix(in srgb, #fff 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}:where(.uc-awc) .bg-white\/\[0\.16\]{
background-color: color-mix(in srgb, #fff 16%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 16%, transparent);
}
}:where(.uc-awc) .bg-gradient-to-b{
--tw-gradient-position: to bottom in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}:where(.uc-awc) .bg-gradient-to-l{
--tw-gradient-position: to left in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}:where(.uc-awc) .bg-gradient-to-r{
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}:where(.uc-awc) .from-\[\#5202fd\]\/10{
--tw-gradient-from: color-mix(in oklab, #5202fd 10%, transparent);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}:where(.uc-awc) .from-\[\#ff9e4d\]{
--tw-gradient-from: #ff9e4d;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}:where(.uc-awc) .from-black\/45{
--tw-gradient-from: color-mix(in srgb, #000 45%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--color-black) 45%, transparent);
}
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}:where(.uc-awc) .from-transparent{
--tw-gradient-from: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}:where(.uc-awc) .via-\[\#3400a0\]{
--tw-gradient-via: #3400a0;
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}:where(.uc-awc) .via-black\/10{
--tw-gradient-via: color-mix(in srgb, #000 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-via: color-mix(in oklab, var(--color-black) 10%, transparent);
}
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}:where(.uc-awc) .via-white\/40{
--tw-gradient-via: color-mix(in srgb, #fff 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-via: color-mix(in oklab, var(--color-white) 40%, transparent);
}
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}:where(.uc-awc) .via-white\/80{
--tw-gradient-via: color-mix(in srgb, #fff 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-via: color-mix(in oklab, var(--color-white) 80%, transparent);
}
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}:where(.uc-awc) .to-\[\#eb6114\]{
--tw-gradient-to: #eb6114;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}:where(.uc-awc) .to-\[var\(--color-sprout-color-background-weaker\)\]{
--tw-gradient-to: var(--color-sprout-color-background-weaker);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}:where(.uc-awc) .to-transparent{
--tw-gradient-to: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}:where(.uc-awc) .object-cover{
object-fit: cover;
}:where(.uc-awc) .object-bottom{
object-position: bottom;
}:where(.uc-awc) .object-center{
object-position: center;
}:where(.uc-awc) .object-top{
object-position: top;
}:where(.uc-awc) .p-0{
padding: calc(var(--spacing) * 0);
}:where(.uc-awc) .p-1{
padding: calc(var(--spacing) * 1);
}:where(.uc-awc) .p-2{
padding: calc(var(--spacing) * 2);
}:where(.uc-awc) .p-2\.5{
padding: calc(var(--spacing) * 2.5);
}:where(.uc-awc) .p-3{
padding: calc(var(--spacing) * 3);
}:where(.uc-awc) .p-6{
padding: calc(var(--spacing) * 6);
}:where(.uc-awc) .p-\[2px\]{
padding: 2px;
}:where(.uc-awc) .p-\[3px\]{
padding: 3px;
}:where(.uc-awc) .p-\[5px\]{
padding: 5px;
}:where(.uc-awc) .p-\[9px\]{
padding: 9px;
}:where(.uc-awc) .p-\[11\.589px\]{
padding: 11.589px;
}:where(.uc-awc) .p-\[13px\]{
padding: 13px;
}:where(.uc-awc) .p-sprout-20{
padding: var(--spacing-sprout-20);
}:where(.uc-awc) .px-1\.5{
padding-inline: calc(var(--spacing) * 1.5);
}:where(.uc-awc) .px-2{
padding-inline: calc(var(--spacing) * 2);
}:where(.uc-awc) .px-3{
padding-inline: calc(var(--spacing) * 3);
}:where(.uc-awc) .px-4{
padding-inline: calc(var(--spacing) * 4);
}:where(.uc-awc) .px-5{
padding-inline: calc(var(--spacing) * 5);
}:where(.uc-awc) .px-\[4\.476px\]{
padding-inline: 4.476px;
}:where(.uc-awc) .px-\[4px\]{
padding-inline: 4px;
}:where(.uc-awc) .px-\[5\.967px\]{
padding-inline: 5.967px;
}:where(.uc-awc) .px-\[6\.911px\]{
padding-inline: 6.911px;
}:where(.uc-awc) .px-\[6px\]{
padding-inline: 6px;
}:where(.uc-awc) .px-\[7\.354px\]{
padding-inline: 7.354px;
}:where(.uc-awc) .px-\[8\.405px\]{
padding-inline: 8.405px;
}:where(.uc-awc) .px-\[8px\]{
padding-inline: 8px;
}:where(.uc-awc) .px-\[9px\]{
padding-inline: 9px;
}:where(.uc-awc) .px-\[10\.506px\]{
padding-inline: 10.506px;
}:where(.uc-awc) .px-\[10px\]{
padding-inline: 10px;
}:where(.uc-awc) .px-\[12px\]{
padding-inline: 12px;
}:where(.uc-awc) .px-\[13\.521px\]{
padding-inline: 13.521px;
}:where(.uc-awc) .px-\[37\.296px\]{
padding-inline: 37.296px;
}:where(.uc-awc) .px-\[clamp\(24px\,5vw\,72px\)\]{
padding-inline: clamp(24px, 5vw, 72px);
}:where(.uc-awc) .py-0\.5{
padding-block: calc(var(--spacing) * 0.5);
}:where(.uc-awc) .py-4{
padding-block: calc(var(--spacing) * 4);
}:where(.uc-awc) .py-5{
padding-block: calc(var(--spacing) * 5);
}:where(.uc-awc) .py-\[0\.746px\]{
padding-block: 0.746px;
}:where(.uc-awc) .py-\[2\.984px\]{
padding-block: 2.984px;
}:where(.uc-awc) .py-\[2px\]{
padding-block: 2px;
}:where(.uc-awc) .py-\[3\.73px\]{
padding-block: 3.73px;
}:where(.uc-awc) .py-\[4px\]{
padding-block: 4px;
}:where(.uc-awc) .py-\[6\.435px\]{
padding-block: 6.435px;
}:where(.uc-awc) .py-\[6\.761px\]{
padding-block: 6.761px;
}:where(.uc-awc) .py-\[6px\]{
padding-block: 6px;
}:where(.uc-awc) .py-\[7\.354px\]{
padding-block: 7.354px;
}:where(.uc-awc) .py-\[7px\]{
padding-block: 7px;
}:where(.uc-awc) .py-\[8\.293px\]{
padding-block: 8.293px;
}:where(.uc-awc) .py-\[8\.951px\]{
padding-block: 8.951px;
}:where(.uc-awc) .py-\[8px\]{
padding-block: 8px;
}:where(.uc-awc) .py-\[9\.193px\]{
padding-block: 9.193px;
}:where(.uc-awc) .py-\[9px\]{
padding-block: 9px;
}:where(.uc-awc) .py-\[14\.918px\]{
padding-block: 14.918px;
}:where(.uc-awc) .py-\[clamp\(28px\,5vh\,56px\)\]{
padding-block: clamp(28px, 5vh, 56px);
}:where(.uc-awc) .pt-0{
padding-top: calc(var(--spacing) * 0);
}:where(.uc-awc) .pt-0\.5{
padding-top: calc(var(--spacing) * 0.5);
}:where(.uc-awc) .pt-2{
padding-top: calc(var(--spacing) * 2);
}:where(.uc-awc) .pt-3\.5{
padding-top: calc(var(--spacing) * 3.5);
}:where(.uc-awc) .pt-4{
padding-top: calc(var(--spacing) * 4);
}:where(.uc-awc) .pt-24{
padding-top: calc(var(--spacing) * 24);
}:where(.uc-awc) .pt-\[2px\]{
padding-top: 2px;
}:where(.uc-awc) .pt-\[8px\]{
padding-top: 8px;
}:where(.uc-awc) .pt-\[9px\]{
padding-top: 9px;
}:where(.uc-awc) .pt-\[30px\]{
padding-top: 30px;
}:where(.uc-awc) .pt-\[72px\]{
padding-top: 72px;
}:where(.uc-awc) .pt-\[76px\]{
padding-top: 76px;
}:where(.uc-awc) .pr-1{
padding-right: calc(var(--spacing) * 1);
}:where(.uc-awc) .pr-1\.5{
padding-right: calc(var(--spacing) * 1.5);
}:where(.uc-awc) .pr-4{
padding-right: calc(var(--spacing) * 4);
}:where(.uc-awc) .pr-\[4\.56px\]{
padding-right: 4.56px;
}:where(.uc-awc) .pr-\[4\.75px\]{
padding-right: 4.75px;
}:where(.uc-awc) .pr-\[16px\]{
padding-right: 16px;
}:where(.uc-awc) .pb-0{
padding-bottom: calc(var(--spacing) * 0);
}:where(.uc-awc) .pb-2{
padding-bottom: calc(var(--spacing) * 2);
}:where(.uc-awc) .pb-2\.5{
padding-bottom: calc(var(--spacing) * 2.5);
}:where(.uc-awc) .pb-8{
padding-bottom: calc(var(--spacing) * 8);
}:where(.uc-awc) .pb-\[6px\]{
padding-bottom: 6px;
}:where(.uc-awc) .pb-\[8px\]{
padding-bottom: 8px;
}:where(.uc-awc) .pb-\[10px\]{
padding-bottom: 10px;
}:where(.uc-awc) .pb-\[14px\]{
padding-bottom: 14px;
}:where(.uc-awc) .pb-\[44px\]{
padding-bottom: 44px;
}:where(.uc-awc) .pb-\[73\.473px\]{
padding-bottom: 73.473px;
}:where(.uc-awc) .pl-1{
padding-left: calc(var(--spacing) * 1);
}:where(.uc-awc) .pl-5{
padding-left: calc(var(--spacing) * 5);
}:where(.uc-awc) .pl-\[3\.8px\]{
padding-left: 3.8px;
}:where(.uc-awc) .pl-\[3\.65px\]{
padding-left: 3.65px;
}:where(.uc-awc) .pl-\[6px\]{
padding-left: 6px;
}:where(.uc-awc) .pl-\[14px\]{
padding-left: 14px;
}:where(.uc-awc) .text-center{
text-align: center;
}:where(.uc-awc) .text-left{
text-align: left;
}:where(.uc-awc) .text-right{
text-align: right;
}:where(.uc-awc) .align-middle{
vertical-align: middle;
}:where(.uc-awc) .font-\[\'Plus_Jakarta_Sans\'\,ui-sans-serif\,sans-serif\]{
font-family: 'Plus Jakarta Sans',ui-sans-serif,sans-serif;
}:where(.uc-awc) .font-mono{
font-family: var(--font-mono);
}:where(.uc-awc) .font-zalando-sans{
font-family: var(--font-zalando-sans);
}:where(.uc-awc) .text-sm{
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}:where(.uc-awc) .text-xs{
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}:where(.uc-awc) .text-\[1\.95px\]{
font-size: 1.95px;
}:where(.uc-awc) .text-\[5\.516px\]{
font-size: 5.516px;
}:where(.uc-awc) .text-\[5\.933px\]{
font-size: 5.933px;
}:where(.uc-awc) .text-\[5\.975px\]{
font-size: 5.975px;
}:where(.uc-awc) .text-\[6\.304px\]{
font-size: 6.304px;
}:where(.uc-awc) .text-\[6\.829px\]{
font-size: 6.829px;
}:where(.uc-awc) .text-\[7\.88px\]{
font-size: 7.88px;
}:where(.uc-awc) .text-\[7\.459px\]{
font-size: 7.459px;
}:where(.uc-awc) .text-\[7\.552px\]{
font-size: 7.552px;
}:where(.uc-awc) .text-\[7\.602px\]{
font-size: 7.602px;
}:where(.uc-awc) .text-\[8\.293px\]{
font-size: 8.293px;
}:where(.uc-awc) .text-\[8\.496px\]{
font-size: 8.496px;
}:where(.uc-awc) .text-\[8\.536px\]{
font-size: 8.536px;
}:where(.uc-awc) .text-\[9\.44px\]{
font-size: 9.44px;
}:where(.uc-awc) .text-\[9px\]{
font-size: 9px;
}:where(.uc-awc) .text-\[10\.94px\]{
font-size: 10.94px;
}:where(.uc-awc) .text-\[11\.4px\]{
font-size: 11.4px;
}:where(.uc-awc) .text-\[11\.5px\]{
font-size: 11.5px;
}:where(.uc-awc) .text-\[11\.589px\]{
font-size: 11.589px;
}:where(.uc-awc) .text-\[11px\]{
font-size: 11px;
}:where(.uc-awc) .text-\[12\.73px\]{
font-size: 12.73px;
}:where(.uc-awc) .text-\[12\.555px\]{
font-size: 12.555px;
}:where(.uc-awc) .text-\[12px\]{
font-size: 12px;
}:where(.uc-awc) .text-\[13\.8px\]{
font-size: 13.8px;
}:where(.uc-awc) .text-\[13px\]{
font-size: 13px;
}:where(.uc-awc) .text-\[14\.8px\]{
font-size: 14.8px;
}:where(.uc-awc) .text-\[14\.877px\]{
font-size: 14.877px;
}:where(.uc-awc) .text-\[14px\]{
font-size: 14px;
}:where(.uc-awc) .text-\[16px\]{
font-size: 16px;
}:where(.uc-awc) .text-\[20px\]{
font-size: 20px;
}:where(.uc-awc) .text-\[24px\]{
font-size: 24px;
}:where(.uc-awc) .text-\[28px\]{
font-size: 28px;
}:where(.uc-awc) .text-\[32px\]{
font-size: 32px;
}:where(.uc-awc) .text-\[34px\]{
font-size: 34px;
}:where(.uc-awc) .text-\[48px\]{
font-size: 48px;
}:where(.uc-awc) .text-\[74\.592px\]{
font-size: 74.592px;
}:where(.uc-awc) .leading-4{
--tw-leading: calc(var(--spacing) * 4);
line-height: calc(var(--spacing) * 4);
}:where(.uc-awc) .leading-5{
--tw-leading: calc(var(--spacing) * 5);
line-height: calc(var(--spacing) * 5);
}:where(.uc-awc) .leading-6{
--tw-leading: calc(var(--spacing) * 6);
line-height: calc(var(--spacing) * 6);
}:where(.uc-awc) .leading-\[1\.1\]{
--tw-leading: 1.1;
line-height: 1.1;
}:where(.uc-awc) .leading-\[1\.2\]{
--tw-leading: 1.2;
line-height: 1.2;
}:where(.uc-awc) .leading-\[1\.05\]{
--tw-leading: 1.05;
line-height: 1.05;
}:where(.uc-awc) .leading-\[1\.5\]{
--tw-leading: 1.5;
line-height: 1.5;
}:where(.uc-awc) .leading-\[1\.45\]{
--tw-leading: 1.45;
line-height: 1.45;
}:where(.uc-awc) .leading-\[2\.782px\]{
--tw-leading: 2.782px;
line-height: 2.782px;
}:where(.uc-awc) .leading-\[7\.459px\]{
--tw-leading: 7.459px;
line-height: 7.459px;
}:where(.uc-awc) .leading-\[8\.273px\]{
--tw-leading: 8.273px;
line-height: 8.273px;
}:where(.uc-awc) .leading-\[9\.455px\]{
--tw-leading: 9.455px;
line-height: 9.455px;
}:where(.uc-awc) .leading-\[11\.189px\]{
--tw-leading: 11.189px;
line-height: 11.189px;
}:where(.uc-awc) .leading-\[11\.819px\]{
--tw-leading: 11.819px;
line-height: 11.819px;
}:where(.uc-awc) .leading-\[14\.59px\]{
--tw-leading: 14.59px;
line-height: 14.59px;
}:where(.uc-awc) .leading-\[15\.2px\]{
--tw-leading: 15.2px;
line-height: 15.2px;
}:where(.uc-awc) .leading-\[16px\]{
--tw-leading: 16px;
line-height: 16px;
}:where(.uc-awc) .leading-\[18px\]{
--tw-leading: 18px;
line-height: 18px;
}:where(.uc-awc) .leading-\[20px\]{
--tw-leading: 20px;
line-height: 20px;
}:where(.uc-awc) .leading-\[21px\]{
--tw-leading: 21px;
line-height: 21px;
}:where(.uc-awc) .leading-\[22px\]{
--tw-leading: 22px;
line-height: 22px;
}:where(.uc-awc) .leading-\[23px\]{
--tw-leading: 23px;
line-height: 23px;
}:where(.uc-awc) .leading-\[24px\]{
--tw-leading: 24px;
line-height: 24px;
}:where(.uc-awc) .leading-\[28px\]{
--tw-leading: 28px;
line-height: 28px;
}:where(.uc-awc) .leading-\[50px\]{
--tw-leading: 50px;
line-height: 50px;
}:where(.uc-awc) .leading-\[89\.51px\]{
--tw-leading: 89.51px;
line-height: 89.51px;
}:where(.uc-awc) .leading-\[normal\]{
--tw-leading: normal;
line-height: normal;
}:where(.uc-awc) .leading-none{
--tw-leading: 1;
line-height: 1;
}:where(.uc-awc) .leading-normal{
--tw-leading: var(--leading-normal);
line-height: var(--leading-normal);
}:where(.uc-awc) .leading-tight{
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
}:where(.uc-awc) .font-bold{
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}:where(.uc-awc) .font-medium{
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}:where(.uc-awc) .font-normal{
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}:where(.uc-awc) .font-semibold{
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}:where(.uc-awc) .tracking-\[-\.01em\]{
--tw-tracking: -.01em;
letter-spacing: -.01em;
}:where(.uc-awc) .tracking-\[-\.03em\]{
--tw-tracking: -.03em;
letter-spacing: -.03em;
}:where(.uc-awc) .tracking-\[-0\.01em\]{
--tw-tracking: -0.01em;
letter-spacing: -0.01em;
}:where(.uc-awc) .tracking-\[-0\.02em\]{
--tw-tracking: -0.02em;
letter-spacing: -0.02em;
}:where(.uc-awc) .tracking-\[-0\.4px\]{
--tw-tracking: -0.4px;
letter-spacing: -0.4px;
}:where(.uc-awc) .tracking-\[-3\.7296px\]{
--tw-tracking: -3.7296px;
letter-spacing: -3.7296px;
}:where(.uc-awc) .tracking-\[0\.1159px\]{
--tw-tracking: 0.1159px;
letter-spacing: 0.1159px;
}:where(.uc-awc) .tracking-\[2px\]{
--tw-tracking: 2px;
letter-spacing: 2px;
}:where(.uc-awc) .tracking-normal{
--tw-tracking: var(--tracking-normal);
letter-spacing: var(--tracking-normal);
}:where(.uc-awc) .break-words{
overflow-wrap: break-word;
}:where(.uc-awc) .text-ellipsis{
text-overflow: ellipsis;
}:where(.uc-awc) .whitespace-nowrap{
white-space: nowrap;
}:where(.uc-awc) .whitespace-pre-wrap{
white-space: pre-wrap;
}:where(.uc-awc) .\!text-sprout-color-text-default{
color: var(--color-sprout-color-text-default) !important;
}:where(.uc-awc) .text-\[\#0a0a0a\]{
color: #0a0a0a;
}:where(.uc-awc) .text-\[\#0f121a\]{
color: #0f121a;
}:where(.uc-awc) .text-\[\#1a1a1a\]{
color: #1a1a1a;
}:where(.uc-awc) .text-\[\#1f1f1c\]{
color: #1f1f1c;
}:where(.uc-awc) .text-\[\#3b342b\]{
color: #3b342b;
}:where(.uc-awc) .text-\[\#5e5e57\]{
color: #5e5e57;
}:where(.uc-awc) .text-\[\#6b6058\]{
color: #6b6058;
}:where(.uc-awc) .text-\[\#6b7080\]{
color: #6b7080;
}:where(.uc-awc) .text-\[\#7a6e54\]{
color: #7a6e54;
}:where(.uc-awc) .text-\[\#8a8a8a\]{
color: #8a8a8a;
}:where(.uc-awc) .text-\[\#171717\]{
color: #171717;
}:where(.uc-awc) .text-\[\#737373\]{
color: #737373;
}:where(.uc-awc) .text-\[\#808080\]{
color: #808080;
}:where(.uc-awc) .text-\[\#a3a3a3\]{
color: #a3a3a3;
}:where(.uc-awc) .text-\[\#a89e89\]{
color: #a89e89;
}:where(.uc-awc) .text-\[\#f57529\]{
color: #f57529;
}:where(.uc-awc) .text-\[\#fbf7eb\]{
color: #fbf7eb;
}:where(.uc-awc) .text-\[\#fbf7eb\]\/60{
color: color-mix(in oklab, #fbf7eb 60%, transparent);
}:where(.uc-awc) .text-\[\#fbf7eb\]\/70{
color: color-mix(in oklab, #fbf7eb 70%, transparent);
}:where(.uc-awc) .text-\[\#fbf7eb\]\/75{
color: color-mix(in oklab, #fbf7eb 75%, transparent);
}:where(.uc-awc) .text-black{
color: var(--color-black);
}:where(.uc-awc) .text-sprout-color-primary{
color: var(--color-sprout-color-primary);
}:where(.uc-awc) .text-sprout-color-text-default{
color: var(--color-sprout-color-text-default);
}:where(.uc-awc) .text-sprout-color-text-weaker{
color: var(--color-sprout-color-text-weaker);
}:where(.uc-awc) .text-sprout-color-text-weakest{
color: var(--color-sprout-color-text-weakest);
}:where(.uc-awc) .text-sprout-color-text-white{
color: var(--color-sprout-color-text-white);
}:where(.uc-awc) .text-white{
color: var(--color-white);
}:where(.uc-awc) .text-white\/60{
color: color-mix(in srgb, #fff 60%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 60%, transparent);
}
}:where(.uc-awc) .no-underline{
text-decoration-line: none;
}:where(.uc-awc) .opacity-0{
opacity: 0%;
}:where(.uc-awc) .opacity-40{
opacity: 40%;
}:where(.uc-awc) .opacity-55{
opacity: 55%;
}:where(.uc-awc) .opacity-60{
opacity: 60%;
}:where(.uc-awc) .opacity-100{
opacity: 100%;
}:where(.uc-awc) .opacity-\[0\.3\]{
opacity: 0.3;
}:where(.uc-awc) .opacity-\[0\.6\]{
opacity: 0.6;
}:where(.uc-awc) .opacity-\[0\.9\]{
opacity: 0.9;
}:where(.uc-awc) .opacity-\[0\.72\]{
opacity: 0.72;
}:where(.uc-awc) .opacity-\[0\.95\]{
opacity: 0.95;
}:where(.uc-awc) .shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.04\)\]{
--tw-shadow: 0 1px 1px var(--tw-shadow-color, rgba(0,0,0,0.04));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}:where(.uc-awc) .shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.07\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.18\)\]{
--tw-shadow: 0 1px 1px var(--tw-shadow-color, rgba(0,0,0,0.07)), inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.18));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}:where(.uc-awc) .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.45\)\]{
--tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.45));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}:where(.uc-awc) .shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.1\)\]{
--tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}:where(.uc-awc) .shadow-\[0_12px_32px_-12px_rgba\(0\,0\,0\,0\.12\)\,0_2px_6px_-2px_rgba\(0\,0\,0\,0\.06\)\]{
--tw-shadow: 0 12px 32px -12px var(--tw-shadow-color, rgba(0,0,0,0.12)), 0 2px 6px -2px var(--tw-shadow-color, rgba(0,0,0,0.06));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}:where(.uc-awc) .shadow-\[0_18px_50px_-18px_rgba\(0\,0\,0\,0\.5\)\]{
--tw-shadow: 0 18px 50px -18px var(--tw-shadow-color, rgba(0,0,0,0.5));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}:where(.uc-awc) .shadow-\[0_30px_80px_-20px_rgba\(0\,0\,0\,0\.6\)\]{
--tw-shadow: 0 30px 80px -20px var(--tw-shadow-color, rgba(0,0,0,0.6));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}:where(.uc-awc) .shadow-\[inset_0_0_0_1px_\#333333\]{
--tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #333333);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}:where(.uc-awc) .shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.08\)\]{
--tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.08));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}:where(.uc-awc) .shadow-\[inset_0_3px_40px_rgba\(255\,255\,255\,0\.22\)\]{
--tw-shadow: inset 0 3px 40px var(--tw-shadow-color, rgba(255,255,255,0.22));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}:where(.uc-awc) .shadow-sm{
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #1018280f);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}:where(.uc-awc) .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-awc) .ring-black\/10{
--tw-ring-color: color-mix(in srgb, #000 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
}
}:where(.uc-awc) .ring-black\/\[0\.08\]{
--tw-ring-color: color-mix(in srgb, #000 8%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--color-black) 8%, transparent);
}
}:where(.uc-awc) .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-awc) .blur-\[1px\]{
--tw-blur: blur(1px);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}:where(.uc-awc) .blur-\[4px\]{
--tw-blur: blur(4px);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}:where(.uc-awc) .blur-\[14px\]{
--tw-blur: blur(14px);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}:where(.uc-awc) .blur-\[40px\]{
--tw-blur: blur(40px);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}:where(.uc-awc) .drop-shadow-\[0_4px_6px_rgba\(0\,0\,0\,0\.35\)\]{
--tw-drop-shadow-size: drop-shadow(0 4px 6px var(--tw-drop-shadow-color, rgba(0,0,0,0.35)));
--tw-drop-shadow: var(--tw-drop-shadow-size);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}:where(.uc-awc) .backdrop-blur-\[3\.73px\]{
--tw-backdrop-blur: blur(3.73px);
-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-awc) .backdrop-blur-\[24px\]{
--tw-backdrop-blur: blur(24px);
-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-awc) .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-awc) .transition-\[background-color\,border-color\]{
transition-property: background-color,border-color;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}:where(.uc-awc) .transition-\[color\,background-color\]{
transition-property: color,background-color;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}:where(.uc-awc) .transition-\[filter\]{
transition-property: filter;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}:where(.uc-awc) .transition-all{
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}:where(.uc-awc) .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-awc) .transition-opacity{
transition-property: opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}:where(.uc-awc) .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-awc) .duration-200{
--tw-duration: 200ms;
transition-duration: 200ms;
}:where(.uc-awc) .duration-300{
--tw-duration: 300ms;
transition-duration: 300ms;
}:where(.uc-awc) .duration-400{
--tw-duration: 400ms;
transition-duration: 400ms;
}:where(.uc-awc) .duration-500{
--tw-duration: 500ms;
transition-duration: 500ms;
}:where(.uc-awc) .duration-700{
--tw-duration: 700ms;
transition-duration: 700ms;
}:where(.uc-awc) .duration-\[550ms\]{
--tw-duration: 200ms;
transition-duration: 200ms;
}:where(.uc-awc) .ease-\[cubic-bezier\(\.4\,0\,\.2\,1\)\]{
--tw-ease: cubic-bezier(.4,0,.2,1);
transition-timing-function: cubic-bezier(.4,0,.2,1);
}:where(.uc-awc) .ease-in-out{
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}:where(.uc-awc) .ease-out{
--tw-ease: var(--ease-out);
transition-timing-function: var(--ease-out);
}:where(.uc-awc) .will-change-transform{
will-change: transform;
}:where(.uc-awc) .outline-none{
--tw-outline-style: none;
outline-style: none;
}:where(.uc-awc) .select-none{
-webkit-user-select: none;
user-select: none;
}:where(.uc-awc) .\[--chip\:36px\]{
--chip: 36px;
}:where(.uc-awc) .\[--gap\:10px\]{
--gap: 10px;
}:where(.uc-awc) .\[--os-pin\:820px\]{
--os-pin: 820px;
}:where(.uc-awc) .\[writing-mode\:vertical-rl\]{
writing-mode: vertical-rl;
}:where(.uc-awc) .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-awc) .before\:absolute{
&::before {
content: var(--tw-content);
position: absolute;
}
}:where(.uc-awc) .before\:top-\[7px\]{
&::before {
content: var(--tw-content);
top: 7px;
}
}:where(.uc-awc) .before\:left-0{
&::before {
content: var(--tw-content);
left: calc(var(--spacing) * 0);
}
}:where(.uc-awc) .before\:h-\[4px\]{
&::before {
content: var(--tw-content);
height: 4px;
}
}:where(.uc-awc) .before\:w-\[4px\]{
&::before {
content: var(--tw-content);
width: 4px;
}
}:where(.uc-awc) .before\:rounded-full{
&::before {
content: var(--tw-content);
border-radius: calc(infinity * 1px);
}
}:where(.uc-awc) .before\:bg-\[\#fbf7eb\]\/40{
&::before {
content: var(--tw-content);
background-color: color-mix(in oklab, #fbf7eb 40%, transparent);
}
}:where(.uc-awc) .hover\:border-sprout-color-border-default{
&:hover {
@media (hover: hover) {
border-color: var(--color-sprout-color-border-default);
}
}
}:where(.uc-awc) .hover\:bg-sprout-color-background-default{
&:hover {
@media (hover: hover) {
background-color: var(--color-sprout-color-background-default);
}
}
}:where(.uc-awc) .hover\:brightness-\[0\.97\]{
&:hover {
@media (hover: hover) {
--tw-brightness: brightness(0.97);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
}
}:where(.uc-awc) .active\:cursor-grabbing{
&:active {
cursor: grabbing;
}
}:where(.uc-awc) .sm\:size-\[30px\]{
@media (width >= 40rem) {
width: 30px;
height: 30px;
}
}:where(.uc-awc) .sm\:h-\[110px\]{
@media (width >= 40rem) {
height: 110px;
}
}:where(.uc-awc) .sm\:h-\[580px\]{
@media (width >= 40rem) {
height: 580px;
}
}:where(.uc-awc) .sm\:scale-100{
@media (width >= 40rem) {
--tw-scale-x: 100%;
--tw-scale-y: 100%;
--tw-scale-z: 100%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
}:where(.uc-awc) .sm\:gap-4{
@media (width >= 40rem) {
gap: calc(var(--spacing) * 4);
}
}:where(.uc-awc) .sm\:gap-x-\[15px\]{
@media (width >= 40rem) {
column-gap: 15px;
}
}:where(.uc-awc) .sm\:rounded-\[9px\]{
@media (width >= 40rem) {
border-radius: 9px;
}
}:where(.uc-awc) .sm\:rounded-\[12px\]{
@media (width >= 40rem) {
border-radius: 12px;
}
}:where(.uc-awc) .sm\:rounded-lg{
@media (width >= 40rem) {
border-radius: var(--radius);
}
}:where(.uc-awc) .sm\:rounded-xl{
@media (width >= 40rem) {
border-radius: calc(var(--radius) + 4px);
}
}:where(.uc-awc) .sm\:px-8{
@media (width >= 40rem) {
padding-inline: calc(var(--spacing) * 8);
}
}:where(.uc-awc) .sm\:pt-22{
@media (width >= 40rem) {
padding-top: calc(var(--spacing) * 22);
}
}:where(.uc-awc) .sm\:text-\[28px\]{
@media (width >= 40rem) {
font-size: 28px;
}
}:where(.uc-awc) .sm\:text-\[32px\]{
@media (width >= 40rem) {
font-size: 32px;
}
}:where(.uc-awc) .sm\:\[--chip\:46px\]{
@media (width >= 40rem) {
--chip: 46px;
}
}:where(.uc-awc) .sm\:\[--gap\:15px\]{
@media (width >= 40rem) {
--gap: 15px;
}
}:where(.uc-awc) .md\:top-6{
@media (width >= 48rem) {
top: calc(var(--spacing) * 6);
}
}:where(.uc-awc) .md\:-mt-\[35px\]{
@media (width >= 48rem) {
margin-top: calc(35px * -1);
}
}:where(.uc-awc) .md\:mt-\[25px\]{
@media (width >= 48rem) {
margin-top: 25px;
}
}:where(.uc-awc) .md\:block{
@media (width >= 48rem) {
display: block;
}
}:where(.uc-awc) .md\:flex{
@media (width >= 48rem) {
display: flex;
}
}:where(.uc-awc) .md\:hidden{
@media (width >= 48rem) {
display: none;
}
}:where(.uc-awc) .md\:size-\[36px\]{
@media (width >= 48rem) {
width: 36px;
height: 36px;
}
}:where(.uc-awc) .md\:h-\[85px\]{
@media (width >= 48rem) {
height: 85px;
}
}:where(.uc-awc) .md\:h-\[160px\]{
@media (width >= 48rem) {
height: 160px;
}
}:where(.uc-awc) .md\:h-\[210px\]{
@media (width >= 48rem) {
height: 210px;
}
}:where(.uc-awc) .md\:h-\[250px\]{
@media (width >= 48rem) {
height: 250px;
}
}:where(.uc-awc) .md\:h-\[340px\]{
@media (width >= 48rem) {
height: 340px;
}
}:where(.uc-awc) .md\:h-\[380px\]{
@media (width >= 48rem) {
height: 380px;
}
}:where(.uc-awc) .md\:h-\[480px\]{
@media (width >= 48rem) {
height: 480px;
}
}:where(.uc-awc) .md\:h-\[520px\]{
@media (width >= 48rem) {
height: 520px;
}
}:where(.uc-awc) .md\:w-\[440px\]{
@media (width >= 48rem) {
width: 440px;
}
}:where(.uc-awc) .md\:w-\[560px\]{
@media (width >= 48rem) {
width: 560px;
}
}:where(.uc-awc) .md\:w-\[860px\]{
@media (width >= 48rem) {
width: 860px;
}
}:where(.uc-awc) .md\:w-\[1100px\]{
@media (width >= 48rem) {
width: 1100px;
}
}:where(.uc-awc) .md\:grid-cols-2{
@media (width >= 48rem) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}:where(.uc-awc) .md\:bg-sprout-color-background-weaker{
@media (width >= 48rem) {
background-color: var(--color-sprout-color-background-weaker);
}
}:where(.uc-awc) .md\:pt-20{
@media (width >= 48rem) {
padding-top: calc(var(--spacing) * 20);
}
}:where(.uc-awc) .md\:pt-\[130px\]{
@media (width >= 48rem) {
padding-top: 130px;
}
}:where(.uc-awc) .md\:text-\[40px\]{
@media (width >= 48rem) {
font-size: 40px;
}
}:where(.uc-awc) .md\:text-\[48px\]{
@media (width >= 48rem) {
font-size: 48px;
}
}:where(.uc-awc) .md\:blur-\[220px\]{
@media (width >= 48rem) {
--tw-blur: blur(220px);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
}:where(.uc-awc) .md\:blur-\[230px\]{
@media (width >= 48rem) {
--tw-blur: blur(230px);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
}:where(.uc-awc) .md\:blur-\[250px\]{
@media (width >= 48rem) {
--tw-blur: blur(250px);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
}:where(.uc-awc) .md\:\[--chip\:54px\]{
@media (width >= 48rem) {
--chip: 54px;
}
}:where(.uc-awc) .lg\:-mt-\[40px\]{
@media (width >= 64rem) {
margin-top: calc(40px * -1);
}
}:where(.uc-awc) .lg\:mt-\[30px\]{
@media (width >= 64rem) {
margin-top: 30px;
}
}:where(.uc-awc) .lg\:block{
@media (width >= 64rem) {
display: block;
}
}:where(.uc-awc) .lg\:size-\[40px\]{
@media (width >= 64rem) {
width: 40px;
height: 40px;
}
}:where(.uc-awc) .lg\:h-\[100px\]{
@media (width >= 64rem) {
height: 100px;
}
}:where(.uc-awc) .lg\:h-\[230px\]{
@media (width >= 64rem) {
height: 230px;
}
}:where(.uc-awc) .lg\:h-\[284px\]{
@media (width >= 64rem) {
height: 284px;
}
}:where(.uc-awc) .lg\:h-\[460px\]{
@media (width >= 64rem) {
height: 460px;
}
}:where(.uc-awc) .lg\:h-\[500px\]{
@media (width >= 64rem) {
height: 500px;
}
}:where(.uc-awc) .lg\:h-\[600px\]{
@media (width >= 64rem) {
height: 600px;
}
}:where(.uc-awc) .lg\:h-\[640px\]{
@media (width >= 64rem) {
height: 640px;
}
}:where(.uc-awc) .lg\:w-\[420px\]{
@media (width >= 64rem) {
width: 420px;
}
}:where(.uc-awc) .lg\:w-\[620px\]{
@media (width >= 64rem) {
width: 620px;
}
}:where(.uc-awc) .lg\:w-\[780px\]{
@media (width >= 64rem) {
width: 780px;
}
}:where(.uc-awc) .lg\:w-\[1300px\]{
@media (width >= 64rem) {
width: 1300px;
}
}:where(.uc-awc) .lg\:w-\[1500px\]{
@media (width >= 64rem) {
width: 1500px;
}
}:where(.uc-awc) .lg\:min-w-0{
@media (width >= 64rem) {
min-width: calc(var(--spacing) * 0);
}
}:where(.uc-awc) .lg\:flex-1{
@media (width >= 64rem) {
flex: 1;
}
}:where(.uc-awc) .lg\:flex-shrink-0{
@media (width >= 64rem) {
flex-shrink: 0;
}
}:where(.uc-awc) .lg\:grid-cols-3{
@media (width >= 64rem) {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}:where(.uc-awc) .lg\:flex-row{
@media (width >= 64rem) {
flex-direction: row;
}
}:where(.uc-awc) .lg\:items-center{
@media (width >= 64rem) {
align-items: center;
}
}:where(.uc-awc) .lg\:items-end{
@media (width >= 64rem) {
align-items: flex-end;
}
}:where(.uc-awc) .lg\:justify-between{
@media (width >= 64rem) {
justify-content: space-between;
}
}:where(.uc-awc) .lg\:gap-12{
@media (width >= 64rem) {
gap: calc(var(--spacing) * 12);
}
}:where(.uc-awc) .lg\:px-10{
@media (width >= 64rem) {
padding-inline: calc(var(--spacing) * 10);
}
}:where(.uc-awc) .lg\:pt-22{
@media (width >= 64rem) {
padding-top: calc(var(--spacing) * 22);
}
}:where(.uc-awc) .lg\:text-\[48px\]{
@media (width >= 64rem) {
font-size: 48px;
}
}:where(.uc-awc) .lg\:leading-\[48px\]{
@media (width >= 64rem) {
--tw-leading: 48px;
line-height: 48px;
}
}:where(.uc-awc) .lg\:blur-\[290px\]{
@media (width >= 64rem) {
--tw-blur: blur(290px);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
}:where(.uc-awc) .lg\:blur-\[300px\]{
@media (width >= 64rem) {
--tw-blur: blur(300px);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
}:where(.uc-awc) .lg\:blur-\[306px\]{
@media (width >= 64rem) {
--tw-blur: blur(306px);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
}:where(.uc-awc) .lg\:\[--chip\:60px\]{
@media (width >= 64rem) {
--chip: 60px;
}
}:where(.uc-awc) .lg\:\[--os-pin\:1450px\]{
@media (width >= 64rem) {
--os-pin: 1450px;
}
}:where(.uc-awc) .xl\:w-\[520px\]{
@media (width >= 80rem) {
width: 520px;
}
}:where(.uc-awc) .xl\:max-w-\[712px\]{
@media (width >= 80rem) {
max-width: 712px;
}
}:where(.uc-awc) .xl\:max-w-\[1440px\]{
@media (width >= 80rem) {
max-width: 1440px;
}
}:where(.uc-awc) .xl\:scale-\[1\.18\]{
@media (width >= 80rem) {
scale: 1.18;
}
}:where(.uc-awc) .xl\:scale-\[1\]{
@media (width >= 80rem) {
scale: 1;
}
}:where(.uc-awc) .xl\:gap-20{
@media (width >= 80rem) {
gap: calc(var(--spacing) * 20);
}
}:where(.uc-awc) .xl\:px-14{
@media (width >= 80rem) {
padding-inline: calc(var(--spacing) * 14);
}
}:where(.uc-awc) .night\:border-white\/10{
&:is(.uc-night *) {
border-color: color-mix(in srgb, #fff 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
}:where(.uc-awc) .night\:bg-\[\#1f1f1f\]{
&:is(.uc-night *) {
background-color: #1f1f1f;
}
}:where(.uc-awc) .night\:bg-white\/\[\.08\]{
&:is(.uc-night *) {
background-color: color-mix(in srgb, #fff 8%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
}
}
}:where(.uc-awc) .\[\@media\(min-height\:1000px\)\]\:justify-center{
@media (min-height:1000px) {
justify-content: center;
}
}}@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-awc).uc-night .uc-logo-figma, :where(.uc-awc).uc-night .uc-logo-figma:hover{
filter: brightness(0) invert(1) !important;
}.uc-awc{
--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-awc) .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-awc) .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-awc) .prose-content img{
width: calc(100% + 120px);
margin-left: -60px;
margin-right: -60px;
}}@media (max-width: 768px){:where(.uc-awc) .prose-content img{
width: 100%;
margin-left: 0;
margin-right: 0;
}}:where(.uc-awc) .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-awc) .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-awc) .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-awc) .animate-gradient-cycle-1{
animation: gradientCycle1 9s ease-in-out infinite;
}:where(.uc-awc) .animate-gradient-cycle-2{
animation: gradientCycle2 9s ease-in-out infinite;
}:where(.uc-awc) .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-awc) .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-awc) .animate-gravity-drop{
animation: gravityDrop 1100ms both;
will-change: transform, opacity;
}@media (prefers-reduced-motion: reduce){:where(.uc-awc) .animate-gravity-drop{
animation: none;
opacity: 1;
transform: rotate(var(--tilt, 0deg));
}}@layer base{:where(.uc-awc), :where(.uc-awc) *{
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-awc{
background-color: var(--background);
color: var(--foreground);
overflow-x: clip;
max-width: 100%;
}html:has(.uc-awc)::-webkit-scrollbar, body:has(.uc-awc)::-webkit-scrollbar{
width: 14px;
background: transparent;
}html:has(.uc-awc)::-webkit-scrollbar-track, body:has(.uc-awc)::-webkit-scrollbar-track{
background: transparent;
}html:has(.uc-awc)::-webkit-scrollbar-thumb, body:has(.uc-awc)::-webkit-scrollbar-thumb{
background-color: #b0b0b0;
border-radius: 9999px;
border: 4px solid transparent;
background-clip: content-box;
min-height: 48px;
}html:has(.uc-awc)::-webkit-scrollbar-thumb:hover, body:has(.uc-awc)::-webkit-scrollbar-thumb:hover{
background-color: #8a8a8a;
}html:has(.uc-awc)::-webkit-scrollbar-button:single-button, body:has(.uc-awc)::-webkit-scrollbar-button:single-button{
background-repeat: no-repeat;
background-position: center;
background-size: 8px;
height: 14px;
width: 14px;
}html:has(.uc-awc)::-webkit-scrollbar-button:single-button:vertical:decrement, body:has(.uc-awc)::-webkit-scrollbar-button:single-button:vertical:decrement{
background-image: url("data:image/svg+xml;utf8,");
}html:has(.uc-awc)::-webkit-scrollbar-button:single-button:vertical:increment, body:has(.uc-awc)::-webkit-scrollbar-button:single-button:vertical:increment{
background-image: url("data:image/svg+xml;utf8,");
}@supports not selector(::-webkit-scrollbar){.uc-awc{
scrollbar-width: thin;
scrollbar-color: #b0b0b0 transparent;
}}:where(.uc-awc) ::selection{
background-color: rgba(82, 2, 253, 0.18) !important;
}:where(.uc-awc) ::-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{:where(.uc-awc) .scrollbar-hide{
-ms-overflow-style: none;
scrollbar-width: none;
}:where(.uc-awc) .scrollbar-hide::-webkit-scrollbar{
width: 0;
height: 0;
display: none;
}}@media (max-width: 1024px){:where(.uc-awc) .sprout-heading-2xl-semibold{
font-size: 60px;
line-height: 70px;
}:where(.uc-awc) .sprout-heading-lg-medium{
font-size: 32px;
line-height: 44px;
}:where(.uc-awc) .sprout-heading-md-medium{
font-size: 28px;
line-height: 36px;
}:where(.uc-awc) .sprout-heading-xs-medium{
font-size: 20px;
line-height: 28px;
}:where(.uc-awc) .sprout-body-md-regular, :where(.uc-awc) .sprout-body-md-medium, :where(.uc-awc) .sprout-body-md-semibold, :where(.uc-awc) .sprout-body-md-regular-italic{
font-size: 15px;
line-height: 22px;
}:where(.uc-awc) .sprout-body-sm-medium, :where(.uc-awc) .sprout-body-sm-regular, :where(.uc-awc) .sprout-body-sm-semibold{
font-size: 13px;
line-height: 18px;
}:where(.uc-awc) .sprout-container{
padding: 60px 15px;
}}@media (max-width: 768px){:where(.uc-awc) .sprout-heading-2xl-semibold{
font-size: 48px;
line-height: 56px;
}:where(.uc-awc) .sprout-heading-lg-medium{
font-size: 28px;
line-height: 30px;
}:where(.uc-awc) .sprout-heading-md-medium{
font-size: 24px;
line-height: 32px;
}:where(.uc-awc) .sprout-heading-xs-medium{
font-size: 18px;
line-height: 24px;
}:where(.uc-awc) .sprout-body-md-regular, :where(.uc-awc) .sprout-body-md-medium, :where(.uc-awc) .sprout-body-md-semibold, :where(.uc-awc) .sprout-body-md-regular-italic{
font-size: 14px;
line-height: 20px;
}:where(.uc-awc) .sprout-body-sm-regular, :where(.uc-awc) .sprout-body-sm-medium, :where(.uc-awc) .sprout-body-sm-semibold{
font-size: 12px;
line-height: 16px;
}:where(.uc-awc) .sprout-container{
padding: 40px 15px;
}:where(.uc-awc) .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-awc) .animate-scrollUp{
animation: scrollUp 20s linear infinite;
}:where(.uc-awc) .animate-scrollDown{
animation: scrollDown 20s linear infinite;
}:where(.uc-awc) input::placeholder, :where(.uc-awc) textarea::placeholder{
color: inherit;
opacity: 0.5;
}@keyframes marquee{
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}:where(.uc-awc) .animate-marquee{
animation: marquee 15s linear infinite;
}@keyframes marquee-reverse{
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(0);
}
}:where(.uc-awc) .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-awc{
--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-awc) .ucx-uc-container{
max-width: var(--uc-container-max);
margin-inline: auto;
padding-inline: var(--uc-gutter);
}:where(.uc-awc) .uc-section{
padding-block: var(--uc-section-y);
}:where(.uc-awc) .uc-section-lg{
padding-block: 152px 112px;
}@media (max-width: 1024px){.uc-awc{
--uc-gutter: 32px;
}}@media (max-width: 768px){.uc-awc{
--uc-gutter: 20px;
--uc-section-y: 72px;
}:where(.uc-awc) .uc-section-lg{
padding-block: 88px 64px;
}}:where(.uc-awc) .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-awc) .ds-display{
font-size: 64px;
line-height: 62px;
letter-spacing: -1.3px;
}}:where(.uc-awc) .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-awc) .ds-h2{
font-size: 36px;
line-height: 38px;
letter-spacing: -.36px;
}}:where(.uc-awc) .ds-t28{
font-weight: 500;
font-size: 28px;
line-height: 30px;
letter-spacing: -.28px;
color: var(--color-sprout-color-text-default);
}:where(.uc-awc) .ds-t24{
font-weight: 500;
font-size: 30px;
line-height: 34px;
letter-spacing: -.3px;
color: var(--color-sprout-color-text-default);
}:where(.uc-awc) .ds-t18{
font-weight: 600;
font-size: 18px;
line-height: 24px;
letter-spacing: -.18px;
color: var(--color-sprout-color-text-default);
}:where(.uc-awc) .ds-lead{
font-weight: 500;
font-size: 18px;
line-height: 24px;
letter-spacing: -.18px;
color: var(--color-sprout-color-text-weaker);
}:where(.uc-awc) .ds-body{
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: -.16px;
color: var(--color-sprout-color-text-weaker);
}:where(.uc-awc) .ds-caption{
font-weight: 500;
font-size: 12px;
line-height: 18px;
letter-spacing: -.16px;
color: var(--color-sprout-color-text-weaker);
}:where(.uc-awc) .ds-caption-regular{
font-weight: 400;
}:where(.uc-awc) .ds-overline{
font-weight: 500;
font-size: 12px;
line-height: 16px;
letter-spacing: .2px;
color: var(--color-sprout-color-text-weaker);
}:where(.uc-awc) .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-awc) .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-awc) .uc-note{
animation: none;
}}@property --uc-angle{
syntax: "";
initial-value: 0deg;
inherits: false;
}@keyframes uc-eyebrow-rotate{
to {
--uc-angle: 360deg;
}
}:where(.uc-awc) .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-awc) .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-awc) .uc-eyebrow::before{
animation: none;
}}:where(.uc-awc) .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-awc) .uc-btn-primary{
background: var(--color-sprout-color-primary);
color: #fff;
box-shadow: var(--shadow-sprout-xs);
}:where(.uc-awc) .uc-btn-primary:hover{
background: var(--color-sprout-color-primary-darker);
transform: translateY(-1px);
}:where(.uc-awc) .uc-btn-secondary{
background: var(--color-sprout-color-secondary);
color: #fff;
box-shadow: var(--shadow-sprout-xs);
}:where(.uc-awc) .uc-btn-secondary:hover{
background: var(--color-sprout-color-secondary-darker);
transform: translateY(-1px);
}:where(.uc-awc) .uc-btn-dark{
background: var(--color-sprout-color-text-default);
color: #fff;
box-shadow: var(--shadow-sprout-xs);
}:where(.uc-awc) .uc-btn-dark:hover{
background: #000;
transform: translateY(-1px);
}:where(.uc-awc) .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-awc) .uc-btn-wire:hover{
background: var(--color-sprout-color-background-stronger);
transform: translateY(-1px);
}:where(.uc-awc) .uc-btn-soft{
background: var(--color-sprout-color-primary-lightest);
color: var(--color-sprout-color-primary-darker);
}:where(.uc-awc) .uc-btn-soft:hover{
background: var(--color-sprout-color-primary-lighter);
}:where(.uc-awc) .uc-btn-lg{
height: 46px;
padding-inline: 22px;
font-size: 15px;
border-radius: 12px;
}:where(.uc-awc) .uc-btn-wire-dark{
background: transparent;
border-color: rgba(255,255,255,.3);
color: #fff;
}:where(.uc-awc) .uc-btn-wire-dark:hover{
border-color: #fff;
transform: translateY(-1px);
}:where(.uc-awc) .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-awc) .uc-badge-soon{
color: var(--color-sprout-color-background-blue);
background: var(--color-sprout-color-secondary-lightest);
}:where(.uc-awc) .uc-badge-soon-dark{
color: #fff;
background: rgba(255,255,255,.15);
}:where(.uc-awc) .uc-account{
border: 1.5px solid rgba(2,1,8,.2);
}:where(.uc-awc) .uc-account:hover{
border-color: var(--color-sprout-color-text-default);
}:where(.uc-awc) .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-awc) .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-awc) .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-awc) .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-awc) .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-awc) .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-awc) .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-awc) .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-awc) .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-awc) .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-awc) .uc-dot-primary{
background: var(--color-sprout-color-primary);
}:where(.uc-awc) .uc-dot-secondary{
background: var(--color-sprout-color-secondary);
}:where(.uc-awc) .uc-dot-blue{
background: var(--color-sprout-color-background-blue);
}:where(.uc-awc) .uc-dot-editor{
background: var(--color-sprout-color-primary-darker);
}:where(.uc-awc) .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-awc) .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-awc) .uc-orb-blue{
background: radial-gradient(circle at 32% 28%, #8f7ce6, var(--color-sprout-color-background-blue) 56%, #170748 95%);
}:where(.uc-awc) .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-awc) .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-awc) .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-awc) .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-awc) .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-awc) .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-awc) .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-awc) .uc-flow-line{
stroke-dasharray: 20 100;
stroke-dashoffset: 0;
animation: uc-flow 3s linear infinite;
}:where(.uc-awc) .uc-flow-line.d1{
animation-delay: 0s;
}:where(.uc-awc) .uc-flow-line.d2{
animation-delay: -1s;
}:where(.uc-awc) .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-awc) .uc-cpu-glow{
animation: uc-cpu-pulse 4.5s ease-in-out infinite;
}@media (prefers-reduced-motion: reduce){:where(.uc-awc) .uc-flow-line{
animation: none;
stroke-dasharray: none;
}:where(.uc-awc) .uc-cpu-glow{
animation: none;
}}@keyframes uc-marquee{
to {
transform: translateX(-50%);
}
}:where(.uc-awc) .uc-marquee{
width: max-content;
animation: uc-marquee 40s linear infinite;
}:where(.uc-awc) .uc-marquee-wrap:hover .uc-marquee{
animation-play-state: paused;
}:where(.uc-awc) .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-awc) .uc-hero-chip:hover{
border-color: var(--color-sprout-color-border-default);
transform: translateY(-2px);
}:where(.uc-awc) .uc-hero-chip svg{
width: 18px;
height: 18px;
flex: 0 0 auto;
}:where(.uc-awc).uc-night .uc-hero-chip{
box-shadow: none;
}:where(.uc-awc) .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-awc) .uc-reveal.ucx-in{
opacity: 1;
transform: none;
}:where(.uc-awc) .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-awc) .uc-reveal{
opacity: 1 !important;
transform: none !important;
}:where(.uc-awc) .uc-marquee{
animation: none !important;
}:where(.uc-awc) .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-awc) .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-awc) .uc-tab-in{
animation: none;
}}:where(.uc-awc) .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-awc) .uc-tabprog-fill{
display: block;
height: 100%;
border-radius: 999px;
background: var(--uc-brand);
transition: width .12s linear;
}.uc-awc{
--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-awc).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-awc).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;
}.uc-awc{
transition: background-color .2s cubic-bezier(.4, 0, .2, 1);
}.uc-awc section, .uc-awc .ds-display, .uc-awc .ds-h2, .uc-awc .ds-t28, .uc-awc .ds-t24, .uc-awc .ds-lead, .uc-awc .ds-body, .uc-awc .ds-caption, .uc-awc .ds-overline, .uc-awc .ds-fine, .uc-awc h1, .uc-awc h2, .uc-awc h3, .uc-awc p, .uc-awc 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-awc) .uc-step-visual > div > img:first-child, :where(.uc-awc) .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-awc) *, :where(.uc-awc) ::before, :where(.uc-awc) ::after, :where(.uc-awc) ::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-awc) .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-awc) .uc-scope, :where(.uc-awc) .uc-content, :where(.uc-awc) .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-awc) .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-awc) .uc-scope *, :where(.uc-awc) .uc-scope *::before, :where(.uc-awc) .uc-scope *::after, :where(.uc-awc) .uc-content *, :where(.uc-awc) .uc-content *::before, :where(.uc-awc) .uc-content *::after, :where(.uc-awc) .uc-chrome *, :where(.uc-awc) .uc-chrome *::before, :where(.uc-awc) .uc-chrome *::after, :where(.uc-awc) .uc-portal *, :where(.uc-awc) .uc-portal *::before, :where(.uc-awc) .uc-portal *::after{
box-sizing: border-box;
}@media (prefers-reduced-motion: reduce){:where(.uc-awc) .uc-scope *, :where(.uc-awc) .uc-content *, :where(.uc-awc) .uc-chrome *, :where(.uc-awc) .uc-portal *{
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}}
:where(.uc-awc) .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-awc) .Button_button__8M0Ui:focus-visible{
outline: 2px solid var(--uc-ring);
outline-offset: 2px;
}:where(.uc-awc) .Button_button__8M0Ui:active:not(:disabled){
transform: translateY(0.5px);
}:where(.uc-awc) .Button_button__8M0Ui:disabled{
opacity: 0.5;
cursor: not-allowed;
box-shadow: none;
}:where(.uc-awc) .Button_sm__CjQl1{ --_h: var(--uc-control-h-sm); --_px: var(--uc-space-12); --_fs: var(--uc-text-sm); }:where(.uc-awc) .Button_md__0_bmU{ --_h: var(--uc-control-h-md); --_px: var(--uc-space-16); --_fs: var(--uc-text-base); }:where(.uc-awc) .Button_lg__7yGRs{ --_h: var(--uc-control-h-lg); --_px: var(--uc-space-20); --_fs: var(--uc-text-md); }:where(.uc-awc) .Button_iconOnly__eY4j_{ padding: 0; width: var(--_h); }:where(.uc-awc) .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-awc) .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-awc) .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-awc) .Button_solid__hu289.Button_neutral__jwE0u{
color: var(--uc-inverse-fg);
background: var(--uc-inverse-bg);
box-shadow: var(--uc-shadow-control);
}:where(.uc-awc) .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-awc) .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-awc) .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-awc) .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-awc) .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-awc) .Button_outline__Zwmoe.Button_neutral__jwE0u{ color: var(--uc-text-strong); }:where(.uc-awc) .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-awc) .Button_ghost__e52lE{
color: var(--_fg, var(--uc-brand-fg));
background: transparent;
}:where(.uc-awc) .Button_ghost__e52lE.Button_neutral__jwE0u{ color: var(--uc-text); }:where(.uc-awc) .Button_ghost__e52lE:hover:not(:disabled){ background: var(--_glow, var(--uc-brand-glow-hover)); color: var(--uc-text-strong); }:where(.uc-awc) .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-awc) .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-awc) .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-awc) .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-awc) .Button_loading__ZvEzX{ color: transparent !important; pointer-events: none; }:where(.uc-awc) .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-awc) .Button_soft__o47wg .Button_spinner__D8hjY, :where(.uc-awc) .Button_outline__Zwmoe .Button_spinner__D8hjY, :where(.uc-awc) .Button_ghost__e52lE .Button_spinner__D8hjY{ color: var(--uc-text); }:where(.uc-awc) .Button_solid__hu289.Button_neutral__jwE0u .Button_spinner__D8hjY{ color: var(--uc-inverse-fg); }@keyframes Button_uc-spin__zZG4c{ to { transform: rotate(360deg); } }
@font-face{
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-32c80fb7588b7a2e-s.woff2) format('woff2');
unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}@font-face{
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-60181e10ad16e354-s.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}@font-face{
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-c1b11e140b58cf5a-s.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}@font-face{
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-99e31c27a1524300-s.woff2) format('woff2');
unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}@font-face{
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-5b25d60b4670300e-s.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}@font-face{
font-family: 'Rubik';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-0a86735c6520d94f-s.p.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face{
font-family: 'Rubik';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-32c80fb7588b7a2e-s.woff2) format('woff2');
unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}@font-face{
font-family: 'Rubik';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-60181e10ad16e354-s.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}@font-face{
font-family: 'Rubik';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-c1b11e140b58cf5a-s.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}@font-face{
font-family: 'Rubik';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-99e31c27a1524300-s.woff2) format('woff2');
unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}@font-face{
font-family: 'Rubik';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-5b25d60b4670300e-s.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}@font-face{
font-family: 'Rubik';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-0a86735c6520d94f-s.p.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face{font-family: 'Rubik Fallback';src: local("Arial");ascent-override: 89.06%;descent-override: 23.81%;line-gap-override: 0.00%;size-adjust: 104.98%
}:where(.uc-awc) .__className_472775{font-family: 'Rubik', 'Rubik Fallback';font-style: normal
}:where(.uc-awc) .__className_94b9ed{font-family: 'Montserrat', 'Montserrat Fallback';font-style: normal
}:where(.uc-awc) .__className_9ae7ba{font-family: 'Playfair Display', 'Playfair Display Fallback';font-style: normal
}@font-face{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-ba9851c3c22cd980-s.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}@font-face{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-21350d82a1f187e9-s.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}@font-face{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-c5fe6dc8356a8c31-s.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}@font-face{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-19cfc7226ec3afaa-s.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}@font-face{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-df0a9ae256c0569c-s.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}@font-face{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-8e9860b6e62d6359-s.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}@font-face{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-e4af272ccee01ff0-s.p.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-ba9851c3c22cd980-s.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}@font-face{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-21350d82a1f187e9-s.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}@font-face{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-c5fe6dc8356a8c31-s.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}@font-face{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-19cfc7226ec3afaa-s.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}@font-face{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-df0a9ae256c0569c-s.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}@font-face{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-8e9860b6e62d6359-s.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}@font-face{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/wp-content/uploads/2026/09/fonts-e4af272ccee01ff0-s.p.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face{font-family: 'Inter Fallback';src: local("Arial");ascent-override: 90.44%;descent-override: 22.52%;line-gap-override: 0.00%;size-adjust: 107.12%
}:where(.uc-awc) .__className_3eb911{font-family: 'Inter', 'Inter Fallback';font-style: normal
}:where(.uc-awc) .__className_298517{font-family: 'Open Sans', 'Open Sans Fallback';font-style: normal
}:where(.uc-awc) .__className_47a102{font-family: 'Lato', 'Lato Fallback';font-style: normal
}
:where(.uc-awc) .f2w{
--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);
}:where(.uc-awc) :has(.f2w), :where(.uc-awc) :has(.f2w), :where(.uc-awc) :has(.f2w){ background-color: #fff; }:where(.uc-awc) .f2w *{ box-sizing: border-box; }:where(.uc-awc) .f2w.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;
}:where(.uc-awc) .f2w, :where(.uc-awc) .f2w .ucx-sec, :where(.uc-awc) .f2w .sec-head, :where(.uc-awc) .f2w .eyebrow, :where(.uc-awc) .f2w .ucx-accent-lemon, :where(.uc-awc) .f2w h1, :where(.uc-awc) .f2w h2, :where(.uc-awc) .f2w h3, :where(.uc-awc) .f2w p, :where(.uc-awc) .f2w li, :where(.uc-awc) .f2w .ds-fine, :where(.uc-awc) .f2w .faq2-eyebrow, :where(.uc-awc) .f2w .conv-eyebrow, :where(.uc-awc) .f2w .conv-title, :where(.uc-awc) .f2w .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);
}:where(.uc-awc) .f2w :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){:where(.uc-awc) .f2w, :where(.uc-awc) .f2w .ucx-sec, :where(.uc-awc) .f2w .sec-head, :where(.uc-awc) .f2w .eyebrow, :where(.uc-awc) .f2w .ucx-accent-lemon, :where(.uc-awc) .f2w h1, :where(.uc-awc) .f2w h2, :where(.uc-awc) .f2w h3, :where(.uc-awc) .f2w p, :where(.uc-awc) .f2w li, :where(.uc-awc) .f2w .ds-fine, :where(.uc-awc) .f2w .faq2-eyebrow, :where(.uc-awc) .f2w .conv-eyebrow, :where(.uc-awc) .f2w .conv-title, :where(.uc-awc) .f2w .conv-sub{ transition: none; }:where(.uc-awc) .f2w :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; }:where(.uc-awc) .f2w{ transition: none; }}:where(.uc-awc) .f2w.is-night .ax-num{ background: #262626; }:where(.uc-awc) .f2w.is-night .ax-media{ background: #2e2e2e; }:where(.uc-awc) .f2w.is-night .hp-card{ background: var(--cardbg); }:where(.uc-awc) .f2w.is-night .hero-chip{ background: #1f1f1f; border-color: rgba(255, 255, 255, 0.12); box-shadow: none; }:where(.uc-awc) .f2w.is-night .hero-chip:hover{ border-color: rgba(255, 255, 255, 0.24); }:where(.uc-awc) .f2w.is-night .widget-chip{ background: #1f1f1f; border-color: rgba(255, 255, 255, 0.12); box-shadow: none; }:where(.uc-awc) .f2w.is-night .rp-ic{ color: #525252; border-color: rgba(10, 10, 10, 0.12); }:where(.uc-awc) .f2w.is-night .rp-ic:hover{ color: #0a0a0a; border-color: rgba(10, 10, 10, 0.28); }:where(.uc-awc) .f2w .conv-card, :where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w img{ max-width: 100%; }:where(.uc-awc) .f2w .ucx-uc-container{ max-width: var(--uc-container-max); margin-inline: auto; padding-inline: var(--uc-gutter); }:where(.uc-awc) .f2w .ucx-sec{ position: relative; padding: 104px 0; scroll-margin-top: 80px; }@media (max-width: 700px){:where(.uc-awc) .f2w .ucx-sec{ padding: 68px 0; }}:where(.uc-awc) .f2w .sec-head{ max-width: 900px; margin: 0 auto; text-align: center; }:where(.uc-awc) .f2w .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){:where(.uc-awc) .f2w .ucx-sec h2{ font-size: 46px; line-height: 50px; }}:where(.uc-awc) .f2w .ucx-sec .sub{ color: var(--txd); font-size: 18px; line-height: 28px; margin: 0; }:where(.uc-awc) .f2w .sec-head .sub{ margin-left: auto; margin-right: auto; max-width: 760px; }:where(.uc-awc) .f2w .ucx-accent-lemon{ color: var(--tx); }:where(.uc-awc) .f2w .sec-note{ text-align: center; color: var(--txf); font-size: 14px; line-height: 22px; margin: 20px 0 0; }:where(.uc-awc) .f2w .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;
}:where(.uc-awc) .f2w .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;
}:where(.uc-awc) .f2w .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;
}:where(.uc-awc) .f2w .mcp-link svg{ width: 17px; height: 17px; transition: transform 0.24s var(--ease); }:where(.uc-awc) .f2w .mcp-link:hover svg{ transform: translateX(3px); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .mcp-link:hover::after{ transform: scaleX(1); }:where(.uc-awc) .f2w .btn-wp-dl{ color: var(--tx); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w.is-night .btn-wp-dl img{ filter: brightness(1); }:where(.uc-awc) .f2w .ucx-reveal{ opacity: 0; transform: translateY(22px); transition: opacity 0.6s var(--ease), transform 0.6s var(--ease); will-change: opacity, transform; }:where(.uc-awc) .f2w .ucx-reveal.ucx-in{ opacity: 1; transform: none; }:where(.uc-awc) .f2w .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);
}:where(.uc-awc) .f2w .frame .fi{ position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; color: var(--txd); }:where(.uc-awc) .f2w .frame .fi svg{ width: 40px; height: 40px; }:where(.uc-awc) .f2w .frame .fi span{ font-size: 14px; line-height: 20px; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .vplay svg{ fill: #fff; }:where(.uc-awc) .f2w .hero{
position: relative; overflow: hidden; text-align: center;
padding: clamp(120px, 15vh, 176px) 0 clamp(56px, 7vw, 88px);
background: var(--pg);
}:where(.uc-awc) .f2w .hero > .ucx-uc-container{ position: relative; z-index: 2; }:where(.uc-awc) .f2w .hero .eyebrow{ margin-bottom: 18px; }:where(.uc-awc) .f2w .hero .sub{ max-width: 900px; margin: 0 auto 34px; color: var(--txd); font-size: 18px; line-height: 28px; }:where(.uc-awc) .f2w .hero::before, :where(.uc-awc) .f2w .hero::after{ content: none; }:where(.uc-awc) .f2w .uic-spell-layer{ position: absolute; inset: 0; z-index: 1; overflow: hidden; pointer-events: none; --mx: 0; --my: 0; }:where(.uc-awc) .f2w .uic-orb{ position: absolute; border-radius: 50%; filter: blur(55px); will-change: transform; opacity: 0.5; }:where(.uc-awc) .f2w .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)); }:where(.uc-awc) .f2w .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)); }:where(.uc-awc) .f2w .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)); }:where(.uc-awc) .f2w .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)); }:where(.uc-awc) .f2w .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)); }:where(.uc-awc) .f2w .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)); }:where(.uc-awc) .f2w .trusted{ display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 30px; }:where(.uc-awc) .f2w .trusted .avatars{ height: 34px; width: auto; }:where(.uc-awc) .f2w .trusted .stars-wrap{ display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }:where(.uc-awc) .f2w .trusted .stars-wrap img{ height: 15px; width: auto; }:where(.uc-awc) .f2w .trusted .stars-line{ display: flex; align-items: center; gap: 7px; }:where(.uc-awc) .f2w .trusted .rate-num{ color: var(--tx); font-size: 12px; font-weight: 700; line-height: 14px; }:where(.uc-awc) .f2w .trusted .tnum{ color: var(--txd); font-size: 12px; font-weight: 500; line-height: 14px; }:where(.uc-awc) .f2w .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){:where(.uc-awc) .f2w .pill-title{ font-size: 54px; line-height: 58px; }}:where(.uc-awc) .f2w .pill-title .bw{ white-space: nowrap; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .pill-title .brand-chip img{ max-width: 100%; max-height: 100%; width: auto; height: auto; display: block; object-fit: contain; border-radius: 8px; }:where(.uc-awc) .f2w .pill-title .brand-chip img[src*="ucwr-figma-mark"]{ border-radius: 0; }:where(.uc-awc) .f2w .pill-title .brand-chip.is-badge{ padding: 0; border: 0; background: transparent; overflow: hidden; }:where(.uc-awc) .f2w .pill-title .brand-chip.is-inset{ padding: 0.12em; }:where(.uc-awc) .f2w .pill-title .brand-chip.is-badge img{ width: 100%; height: 100%; object-fit: cover; }:where(.uc-awc) .f2w .pill-title .hero-br{ display: none; }@media (min-width: 1000px){:where(.uc-awc) .f2w .pill-title .hero-br{ display: block; }}:where(.uc-awc) .f2w .hero-checks{ display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; max-width: 780px; margin: 0 auto 34px; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .hero-chip:hover{ border-color: var(--acc-line); transform: translateY(-2px); }:where(.uc-awc) .f2w .hero-chip svg{ width: 18px; height: 18px; flex: 0 0 auto; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .hero-logo:hover{ border-color: var(--acc-line); transform: translateY(-2px); }:where(.uc-awc) .f2w .hero-logo img, :where(.uc-awc) .f2w .hero-logo svg{ width: 28px; height: 28px; object-fit: contain; }:where(.uc-awc) .f2w .cta-row{ display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; }:where(.uc-awc) .f2w .cta-primary{ position: relative; display: inline-flex; }:where(.uc-awc) .f2w .hero-reassure{ margin: 18px 0 0; text-align: center; color: var(--txf); font-size: 14px; line-height: 20px; }:where(.uc-awc) .f2w .hero-video{ cursor: pointer; background: var(--cardbg); box-shadow: none; }:where(.uc-awc) .f2w .hero-video .hero-screen{ position: absolute; inset: 4px; border-radius: 28px; overflow: hidden; background: var(--mist); }:where(.uc-awc) .f2w .hero-video .demo-thumb{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }:where(.uc-awc) .f2w .hero-video .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; }:where(.uc-awc) .f2w .hero-video iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }@media (min-width: 640px){:where(.uc-awc) .f2w .hero-video .hero-screen{ border-radius: 44px; }}@media (min-width: 768px){:where(.uc-awc) .f2w .hero-video .hero-screen{ border-radius: 60px; }}:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .stat{ display: flex; align-items: center; justify-content: center; gap: 12px; text-align: left; background: var(--cardbg); padding: 24px 20px; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .stat .num em{ font-style: normal; color: var(--txd); }:where(.uc-awc) .f2w .stat .lbl{ color: var(--txd); font-size: 14px; line-height: 20px; margin-top: 0; max-width: 126px; }@media (max-width: 900px){:where(.uc-awc) .f2w .stats{ grid-template-columns: repeat(2, 1fr); }}@media (max-width: 520px){:where(.uc-awc) .f2w .stats{ grid-template-columns: 1fr; }}:where(.uc-awc) .f2w .diff-stage{ position: relative; aspect-ratio: 16/10; background: var(--mist); }:where(.uc-awc) .f2w .dl-vid{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .diff-play:hover{ background: rgba(0, 0, 0, 0.22); transform: scale(1.06); }:where(.uc-awc) .f2w .diff-play svg{ width: 12px; height: 12px; }:where(.uc-awc) .f2w .diff-play .i-pause{ display: none; }:where(.uc-awc) .f2w #diffReal:not(.is-paused) .diff-play .i-play{ display: none; }:where(.uc-awc) .f2w #diffReal:not(.is-paused) .diff-play .i-pause{ display: block; }:where(.uc-awc) .f2w .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;
}:where(.uc-awc) .f2w .ax-track{ position: relative; height: 540vh; margin-top: 10px; }:where(.uc-awc) .f2w .ax-pin{ position: sticky; top: 0; height: 100vh; display: flex; align-items: center; overflow: hidden; }:where(.uc-awc) .f2w .ax-stage{ display: flex; flex-direction: column; gap: clamp(24px, 4.4vh, 52px); width: 100%; }:where(.uc-awc) .f2w .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%);
}:where(.uc-awc) .f2w .ax-row{ display: grid; grid-auto-flow: column; grid-auto-columns: var(--ax-col); gap: var(--ax-gap); will-change: transform; }:where(.uc-awc) .f2w .ax-media-wrap{ width: 100%; }:where(.uc-awc) .f2w .ax-col{ display: flex; flex-direction: column; gap: 18px; opacity: 1; transition: opacity 0.45s var(--ease); }:where(.uc-awc) .f2w .ax-col.is-dim{ opacity: 0.42; }:where(.uc-awc) .f2w .ax-bar{ position: relative; height: 3px; border-radius: 999px; background: var(--line); overflow: hidden; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .ax-copy{ display: flex; flex-direction: column; gap: 8px; }:where(.uc-awc) .f2w .ax-h{ display: flex; align-items: flex-start; gap: 12px; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .ax-col.ucx-is-active .ax-num, :where(.uc-awc) .f2w .ax-col.is-done .ax-num{ color: #fff; background: var(--acc); border-color: var(--acc); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .ax-h h3{ margin: 0; font-size: 20px; font-weight: 500; letter-spacing: -0.01em; color: var(--tx); line-height: 24px; }:where(.uc-awc) .f2w .ax-copy p{ margin: 0; color: var(--txd); font-size: 16px; line-height: 26px; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .ax-screen{ position: absolute; inset: 4px; border-radius: 16px; overflow: hidden; background: var(--mist); }:where(.uc-awc) .f2w .ax-slide{ position: absolute; inset: 0; opacity: 0; will-change: transform, opacity; }:where(.uc-awc) .f2w .ax-vid{ width: 100%; height: 100%; object-fit: cover; display: block; background: var(--mist); }:where(.uc-awc) .f2w .ax-track.is-off{ display: none; }:where(.uc-awc) .f2w .ax-stack{ display: none; margin-top: 48px; flex-direction: column; gap: 44px; }:where(.uc-awc) .f2w .ax-s{ display: flex; flex-direction: column; gap: 14px; }:where(.uc-awc) .f2w .ax-s .ax-num{ color: #fff; background: var(--acc); border-color: var(--acc); }:where(.uc-awc) .f2w .ax-s h3{ margin: 0; font-size: 20px; font-weight: 500; letter-spacing: -0.01em; color: var(--tx); line-height: 24px; }:where(.uc-awc) .f2w .ax-s p{ margin: 0; color: var(--txd); font-size: 16px; line-height: 26px; }:where(.uc-awc) .f2w .ax-s-frame{ padding: 4px; border-radius: var(--r-card); background: var(--mist); }:where(.uc-awc) .f2w .ax-s-inner{ position: relative; aspect-ratio: 16 / 10; border-radius: 14px; overflow: hidden; background: var(--mist); border: 1px solid var(--cardbd); }:where(.uc-awc) .f2w .ax-m-vid{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }@media (max-width: 860px){:where(.uc-awc) .f2w .ax-track{ display: none; }:where(.uc-awc) .f2w .ax-stack{ display: flex; }}:where(.uc-awc) .f2w .ax--six .ax-track{ height: 660vh; }:where(.uc-awc) .f2w .ax--six .ax-media{ aspect-ratio: 1920 / 1050; }:where(.uc-awc) .f2w .zz{ display: flex; flex-direction: column; gap: 64px; margin-top: 60px; }:where(.uc-awc) .f2w .zz-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 52px; align-items: center; }:where(.uc-awc) .f2w .zz-row:nth-child(even) .zz-media{ order: -1; }:where(.uc-awc) .f2w .zz-text h3{ font-size: 24px; margin: 0 0 12px; line-height: 30px; font-weight: 500; letter-spacing: -0.01em; color: var(--tx); }:where(.uc-awc) .f2w .zz-text .eyebrow{ margin-bottom: 14px; }:where(.uc-awc) .f2w .zz-text p{ color: var(--txd); font-size: 16px; line-height: 26px; margin: 0; }:where(.uc-awc) .f2w .zz-media .frame{ margin: 0; max-width: none; }:where(.uc-awc) .f2w .zz-media .frame{ transition: transform 0.34s var(--ease), box-shadow 0.34s var(--ease), border-color 0.34s var(--ease); }:where(.uc-awc) .f2w .zz-media .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){:where(.uc-awc) .f2w .zz-row{ grid-template-columns: minmax(0, 1fr); gap: 24px; }:where(.uc-awc) .f2w .zz-row:nth-child(even) .zz-media{ order: 0; }:where(.uc-awc) .f2w .zz-media, :where(.uc-awc) .f2w .zz-media .frame{ max-width: 100%; min-width: 0; overflow: hidden; }}:where(.uc-awc) .f2w .demo-chip, :where(.uc-awc) .f2w .scan-chip, :where(.uc-awc) .f2w .dfx-chip, :where(.uc-awc) .f2w .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);
}:where(.uc-awc) .f2w .demo-chip i, :where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .frame.scan{ overflow: hidden; place-items: stretch; background: #eef0f3; }:where(.uc-awc) .f2w .scan-img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; z-index: 0; }:where(.uc-awc) .f2w .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)); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .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)); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .frame.dfx{ overflow: hidden; place-items: center; background: #ffffff; aspect-ratio: 16/10; }:where(.uc-awc) .f2w .dfx-bento{ --dfxgap: 24px; position: relative; display: flex; gap: var(--dfxgap); width: 100%; height: 100%; padding: 16px; align-items: stretch; }:where(.uc-awc) .f2w .dfx-col{ flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--dfxgap); }:where(.uc-awc) .f2w .dfx-col.c3{ animation: f2w-dfx-slide 4.5s var(--ease) infinite; }:where(.uc-awc) .f2w .dfx-g{ flex: 1 1 0; min-height: 0; border-radius: 12px; overflow: hidden; }:where(.uc-awc) .f2w .dfx-g.card{ background: #234540; padding: 10px 12px; display: flex; flex-direction: column; justify-content: space-between; gap: 6px; }:where(.uc-awc) .f2w .dfx-g.img{ background-size: cover; background-position: center; position: relative; }:where(.uc-awc) .f2w .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)); }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .dfx-ic svg{ width: 16px; height: 16px; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .dfx-pills{ display: flex; gap: 6px; margin-top: 7px; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .dfx-chip i.dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--coral); animation: f2w-dfx-dot 4.5s var(--ease) infinite; }:where(.uc-awc) .f2w .dfx-lbls{ position: relative; display: inline-grid; }:where(.uc-awc) .f2w .dfx-lbls em{ grid-area: 1/1; font-style: normal; white-space: nowrap; }:where(.uc-awc) .f2w .dfx-lbls .a{ animation: f2w-dfx-lbl-a 4.5s var(--ease) infinite; }:where(.uc-awc) .f2w .dfx-lbls .b{ opacity: 0; animation: f2w-dfx-lbl-b 4.5s var(--ease) infinite; }:where(.uc-awc) .f2w .frame.mtn{ overflow: hidden; place-items: center; background: #fbf8f1; }:where(.uc-awc) .f2w .mtn-page{ width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px 20px; text-align: center; }:where(.uc-awc) .f2w .mtn-eye{ font-size: 10px; font-weight: 700; letter-spacing: 0.18em; color: #8a94a0; margin-bottom: 7px; line-height: 12px; }:where(.uc-awc) .f2w .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%; }:where(.uc-awc) .f2w .mtn-sub{ color: #5c6b7a; font-size: 12px; margin-top: 8px; max-width: 80%; line-height: 16px; }:where(.uc-awc) .f2w .mtn-cards{ display: flex; align-items: stretch; justify-content: center; gap: 10px; margin-top: 18px; width: 100%; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .mtn-av svg{ width: 32px; height: 32px; color: #a3a9b2; }:where(.uc-awc) .f2w .mtn-card b{ font-size: 10px; font-weight: 700; color: #1b2534; letter-spacing: -0.01em; white-space: nowrap; line-height: 12px; }:where(.uc-awc) .f2w .mtn-card i{ font-size: 10px; font-style: normal; color: #8a94a0; white-space: nowrap; line-height: 12px; }:where(.uc-awc) .f2w .mtn-eye, :where(.uc-awc) .f2w .mtn-h, :where(.uc-awc) .f2w .mtn-sub, :where(.uc-awc) .f2w .mtn-card{ opacity: 0; will-change: opacity, transform; }:where(.uc-awc) .f2w .mtn-eye{ --fy: -10px; animation: f2w-mt-eye 6.5s var(--ease) infinite; }:where(.uc-awc) .f2w .mtn-h{ --fy: -12px; animation: f2w-mt-h 6.5s var(--ease) infinite; }:where(.uc-awc) .f2w .mtn-sub{ --fy: -10px; animation: f2w-mt-sub 6.5s var(--ease) infinite; }:where(.uc-awc) .f2w .mtn-card:nth-child(1){ --fy: 16px; animation: f2w-mt-c1 6.5s var(--ease) infinite; }:where(.uc-awc) .f2w .mtn-card:nth-child(2){ --fy: 16px; animation: f2w-mt-c2 6.5s var(--ease) infinite; }:where(.uc-awc) .f2w .mtn-card:nth-child(3){ --fy: 16px; animation: f2w-mt-c3 6.5s var(--ease) infinite; }:where(.uc-awc) .f2w .mtn-card:nth-child(4){ --fy: 16px; animation: f2w-mt-c4 6.5s var(--ease) infinite; }:where(.uc-awc) .f2w .mtn-card:nth-child(5){ --fy: 16px; animation: f2w-mt-c5 6.5s var(--ease) infinite; }:where(.uc-awc) .f2w .frame.rzc{ aspect-ratio: auto; height: 305px; background: var(--mist); }:where(.uc-awc) .f2w .rz-vid, :where(.uc-awc) .f2w .gl-vid{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }:where(.uc-awc) .f2w .frame.gl{ overflow: hidden; place-items: center; background: var(--mist); aspect-ratio: 299/216; }:where(.uc-awc) .f2w .frame.hf{ overflow: hidden; place-items: center; background: #eef0f3; }:where(.uc-awc) .f2w .hf-stage{ position: absolute; inset: 0; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .hf-body{ position: absolute; z-index: 1; border-radius: 3px; }:where(.uc-awc) .f2w .hf-body.b1{ left: 6%; top: 31%; width: 22%; height: 4.5%; background: rgba(20, 20, 40, 0.16); }:where(.uc-awc) .f2w .hf-body.b2{ left: 6%; top: 39%; width: 17%; height: 3.5%; background: rgba(20, 20, 40, 0.1); }:where(.uc-awc) .f2w .hf-body.b4{ left: 6%; top: 47%; width: 20%; height: 3.5%; background: rgba(20, 20, 40, 0.1); }:where(.uc-awc) .f2w .hf-body.b3{ left: 29%; top: 31%; width: 15%; height: 24%; border-radius: 6px; background: linear-gradient(135deg, #ffe3d6, #ffc9b3); }:where(.uc-awc) .f2w .hf-h, :where(.uc-awc) .f2w .hf-f{ display: flex; align-items: center; gap: 5%; padding: 0 4%; border-radius: 6px; box-sizing: border-box; will-change: transform; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .hf-logo{ width: 11%; aspect-ratio: 1; border-radius: 3px; background: var(--acc); flex: 0 0 auto; }:where(.uc-awc) .f2w .hf-nav{ width: 13%; height: 16%; border-radius: 2px; background: rgba(20, 20, 40, 0.2); flex: 0 0 auto; }:where(.uc-awc) .f2w .hf-btn{ margin-left: auto; width: 20%; height: 36%; border-radius: 20px; background: var(--acc); flex: 0 0 auto; }:where(.uc-awc) .f2w .hf-fcol{ width: 15%; height: 26%; border-radius: 2px; background: rgba(255, 255, 255, 0.4); flex: 0 0 auto; }:where(.uc-awc) .f2w .hf-slot{ position: absolute; z-index: 1; border: 1px dashed var(--acc-line); border-radius: 8px; background: rgba(16, 24, 40, 0.03); }:where(.uc-awc) .f2w .hf-slot.s1{ left: 53%; top: 12%; width: 44%; height: 32%; }:where(.uc-awc) .f2w .hf-slot.s2{ left: 53%; top: 56%; width: 44%; height: 32%; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .hf-ck.ck1{ animation: f2w-hf-ck1 6.5s var(--ease) infinite; }:where(.uc-awc) .f2w .hf-ck.ck2{ animation: f2w-hf-ck2 6.5s var(--ease) infinite; }:where(.uc-awc) .f2w .hf-chip i.dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--acc2); animation: f2w-hf-dot 6.5s var(--ease) infinite; }:where(.uc-awc) .f2w .hf-lbls{ position: relative; display: inline-grid; }:where(.uc-awc) .f2w .hf-lbls em{ grid-area: 1/1; font-style: normal; white-space: nowrap; }:where(.uc-awc) .f2w .hf-lbls .a{ animation: f2w-hf-la 6.5s var(--ease) infinite; }:where(.uc-awc) .f2w .hf-lbls .b{ opacity: 0; animation: f2w-hf-lb 6.5s var(--ease) infinite; }:where(.uc-awc) .f2w .chatai{ display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 42px; align-items: center; margin-top: 44px; }@media (max-width: 980px){:where(.uc-awc) .f2w .chatai{ grid-template-columns: minmax(0, 1fr); gap: 28px; }}:where(.uc-awc) .f2w .chatai-tabs{ display: flex; flex-direction: column; gap: 12px; min-width: 0; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .chatai-tab:hover{ background: var(--mist); }:where(.uc-awc) .f2w .chatai-tab.active{ background: var(--acc-soft); border-color: var(--acc-line); border-left-color: var(--acc); }:where(.uc-awc) .f2w .chatai-tab h3{ color: var(--tx); margin: 0; font-size: 18px; line-height: 28px; font-weight: 500; letter-spacing: -0.01em; }:where(.uc-awc) .f2w .chatai-tab p{ color: var(--txd); font-size: 16px; line-height: 24px; margin: 7px 0 0; }:where(.uc-awc) .f2w .chatai-stage{ position: relative; min-width: 0; }:where(.uc-awc) .f2w .chatai-viewport{ overflow: hidden; border-radius: 16px; }:where(.uc-awc) .f2w .chatai-track{ display: flex; transition: transform 0.45s var(--ease); will-change: transform; }:where(.uc-awc) .f2w .chatai-slide{ min-width: 100%; }:where(.uc-awc) .f2w .chatai-slide .frame{ margin: 0; max-width: none; }:where(.uc-awc) .f2w .chatai-dots{ display: flex; gap: 8px; justify-content: center; margin-top: 16px; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .chatai-dot.active{ background: var(--acc); width: 22px; border-radius: 5px; }:where(.uc-awc) .f2w .mcp-grid{ display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 48px; align-items: center; margin-top: 8px; }@media (max-width: 900px){:where(.uc-awc) .f2w .mcp-grid{ grid-template-columns: 1fr; gap: 30px; }}:where(.uc-awc) .f2w .mcp-copy .eyebrow{ margin-bottom: 16px; }:where(.uc-awc) .f2w .mcp-copy h2{ text-align: left; }:where(.uc-awc) .f2w .mcp-copy .sub{ max-width: 56ch; }:where(.uc-awc) .f2w .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){:where(.uc-awc) .f2w .term{ height: 430px; }}:where(.uc-awc) .f2w .term:hover{ transform: translateY(-6px); }
/* --- legacy hover-transform conflict (swept 2026-09-02) ---------------------
#uichemy-btn-global (retired design system) ships
.uc-btn:hover, ..., [class*="-card"]:hover, [class*="-tile"]:hover,
[class*="-chip"]:hover { transform: none !important; }
Those attribute selectors match a SUBSTRING of the class attribute, so no ucx-
rename dodges them (.ucx-hero-chip still contains "-chip"). They were killing
every hover lift this page inherited from components/uichemy/*.css. Each rule
below restates the source's own value above the legacy (0,2,0), so sheet order
does not matter. Deliberate transform:none values from the source are restated
too, so this cannot resurrect a lift the design suppressed on purpose. 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. ------------------------- */
:where(.uc-awc) .f2w .hero-chip.hero-chip:hover{ transform: translateY(-2px) !important; }
:where(.uc-awc) .f2w .hp-card.hp-card:hover{ transform: translateY(-8px) !important; }
:where(.uc-awc) .f2w .src-tile.src-tile:not(.is-soon):hover{ transform: translateY(-4px) !important; }
:where(.uc-awc) .f2w .sup-card.sup-card:hover{ transform: translateY(-5px) !important; }
:where(.uc-awc) .f2w .term.term:hover{ transform: translateY(-6px) !important; }
:where(.uc-awc) .f2w .tpl-card.tpl-card:hover{ transform: translateY(-4px) !important; }
:where(.uc-awc) .uc-hero-chip.uc-hero-chip:hover{ transform: translateY(-2px) !important; }
:where(.uc-awc) .f2w .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%); }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .term-dot{ width: 11px; height: 11px; border-radius: 999px; }:where(.uc-awc) .f2w .term-file{ margin-left: 8px; font-size: 12px; color: rgba(255, 255, 255, 0.42); font-family: ui-monospace, monospace; line-height: 14px; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .term-live i{ width: 7px; height: 7px; border-radius: 999px; background: var(--acc); box-shadow: 0 0 8px var(--acc); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .term-line{ animation: f2w-term-swap 0.42s ease both; }:where(.uc-awc) .f2w .term-line .p, :where(.uc-awc) .f2w .term-line .ok{ color: var(--acc); }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .term-tabs{ position: relative; display: flex; gap: 8px; padding: 0 20px 18px; flex-wrap: wrap; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .term-tab:not(.ucx-on):hover{ background: rgba(255, 255, 255, 0.09); border-color: rgba(255, 255, 255, 0.2); color: #fff; }:where(.uc-awc) .f2w .term-tab.ucx-on{ background: rgba(253, 106, 53, 0.16); border-color: rgba(253, 106, 53, 0.5); color: var(--acc); }:where(.uc-awc) .f2w .term-tab-ic{ width: 15px; height: 15px; display: block; }:where(.uc-awc) .f2w .src-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 52px; }@media (max-width: 900px){:where(.uc-awc) .f2w .src-grid{ grid-template-columns: repeat(2, 1fr); }}@media (max-width: 480px){:where(.uc-awc) .f2w .src-grid{ grid-template-columns: 1fr; }}:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .src-tile.is-soon{ cursor: default; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .src-tile:not(.is-soon):hover{ transform: translateY(-4px); border-color: var(--acc-line); }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .src-ic img.logo-img{ width: 24px; height: 24px; object-fit: contain; }:where(.uc-awc) .f2w .src-ic svg{ width: 22px; height: 22px; color: var(--txd); }:where(.uc-awc) .f2w .src-tile h3{ margin: 0 0 4px; font-size: 16px; line-height: 24px; font-weight: 500; color: var(--tx); }:where(.uc-awc) .f2w .src-tile p{ margin: 0; font-size: 14px; line-height: 20px; color: var(--txd); }:where(.uc-awc) .f2w .mode-seg-wrap{ display: flex; justify-content: center; margin-top: 36px; }:where(.uc-awc) .f2w .mode-seg{ display: inline-flex; gap: 4px; padding: 4px; border-radius: 12px; background: var(--mist); border: 1px solid var(--cardbd); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .mode-opt.ucx-on{ background: #fff; color: var(--tx); box-shadow: 0 1px 3px rgba(16, 24, 40, 0.12); }:where(.uc-awc) .f2w .pbx-pane{ display: none; }:where(.uc-awc) .f2w .pbx-pane.ucx-is-active{ display: block; animation: f2w-pwfade 0.35s var(--ease); }:where(.uc-awc) .f2w .pbx-grid{ display: flex; flex-wrap: wrap; justify-content: center; gap: 22px 30px; margin-top: 40px; }:where(.uc-awc) .f2w .pbx-ic{ display: flex; flex-direction: column; align-items: center; gap: 11px; width: 112px; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .pbx-tile img{ width: 60px; height: 60px; display: block; border-radius: 15px; }:where(.uc-awc) .f2w .pbx-ic:not(.is-soon) .pbx-tile img{ filter: drop-shadow(0 8px 20px rgba(253, 106, 53, 0.28)); }:where(.uc-awc) .f2w .pbx-name{ font-size: 14px; font-weight: 500; color: var(--tx); text-align: center; line-height: 18px; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .pbx-ic:hover .pbx-tile{ transform: translateY(-5px); }:where(.uc-awc) .f2w .pbx-ic.is-soon .pbx-tile{ animation: none; }:where(.uc-awc) .f2w .pbx-ic.is-soon .pbx-tile img{ filter: grayscale(1); opacity: 0.42; }:where(.uc-awc) .f2w .pbx-ic.is-soon .pbx-name{ color: var(--txf); }:where(.uc-awc) .f2w .pbx-grid .pbx-ic:nth-child(2) .pbx-tile{ animation-delay: 0.3s; }:where(.uc-awc) .f2w .pbx-grid .pbx-ic:nth-child(3) .pbx-tile{ animation-delay: 0.6s; }:where(.uc-awc) .f2w .pbx-grid .pbx-ic:nth-child(4) .pbx-tile{ animation-delay: 0.9s; }:where(.uc-awc) .f2w .pbx-grid .pbx-ic:nth-child(5) .pbx-tile{ animation-delay: 1.2s; }:where(.uc-awc) .f2w .pbx-grid .pbx-ic:nth-child(6) .pbx-tile{ animation-delay: 1.5s; }:where(.uc-awc) .f2w .pbx-grid .pbx-ic:nth-child(7) .pbx-tile{ animation-delay: 1.8s; }:where(.uc-awc) .f2w .pbx-grid .pbx-ic:nth-child(8) .pbx-tile{ animation-delay: 2.1s; }:where(.uc-awc) .f2w .hp-stage{ position: relative; z-index: 2; margin-top: 52px; overflow: hidden; padding: 20px 0; }:where(.uc-awc) .f2w .hp-stage::before, :where(.uc-awc) .f2w .hp-stage::after{ content: ""; position: absolute; top: 0; bottom: 0; width: 9%; z-index: 3; pointer-events: none; }:where(.uc-awc) .f2w .hp-stage::before{ left: 0; background: linear-gradient(90deg, var(--pg) 0%, transparent 100%); }:where(.uc-awc) .f2w .hp-stage::after{ right: 0; background: linear-gradient(270deg, var(--pg) 0%, transparent 100%); }:where(.uc-awc) .f2w .hp-grid{ display: flex; flex-direction: column; gap: 22px; }:where(.uc-awc) .f2w .hp-row{ display: flex; gap: 22px; justify-content: flex-start; will-change: transform; padding: 0 clamp(20px, 5vw, 80px); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .hp-card:hover{ transform: translateY(-8px); border-color: var(--acc-line); box-shadow: 0 26px 54px -28px rgba(16, 24, 40, 0.34); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .hp-vid{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0; transition: opacity 0.45s var(--ease); }:where(.uc-awc) .f2w .hp-vid.ready{ opacity: 1; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .hp-meta{ padding: 14px 16px 16px; }:where(.uc-awc) .f2w .hp-meta h3{ margin: 0 0 5px; font-size: 18px; line-height: 28px; font-weight: 500; color: var(--tx); }:where(.uc-awc) .f2w .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){:where(.uc-awc) .f2w .hp-card{ flex-basis: 230px; width: 230px; }}@media (max-width: 768px){:where(.uc-awc) .f2w .hp-slider .hp-grid{ padding: 0; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .hp-slider .hp-row::-webkit-scrollbar{ display: none; }:where(.uc-awc) .f2w .hp-slider .hp-card{ scroll-snap-align: center; }}:where(.uc-awc) .f2w .cmp-sec .sec-head{ max-width: 1040px; }:where(.uc-awc) .f2w .cmp-sec .sec-head .sub{ max-width: 1040px; }:where(.uc-awc) .f2w .cmp{
--c1: 1.1;
--c2: 1.16;
--c3: 1.16;
--ct: 3.42;
position: relative;
max-width: 1020px;
margin: 68px auto 0;
}:where(.uc-awc) .f2w .cmp-grid{
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 1.1fr 1.16fr 1.16fr;
}:where(.uc-awc) .f2w .cmp-base{
position: absolute;
inset: 0;
background: var(--cardbg);
border: 1px solid var(--cardbd);
border-radius: 20px;
z-index: 0;
}:where(.uc-awc) .f2w .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;
}:where(.uc-awc) .f2w .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%);
}:where(.uc-awc) .f2w .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;
}:where(.uc-awc) .f2w .cmp-cell.feat{ color: var(--txd); font-weight: 400; }:where(.uc-awc) .f2w .cmp-cell.classic{ color: var(--txd); }:where(.uc-awc) .f2w .cmp-cell.ai{ color: #fff; font-weight: 500; }:where(.uc-awc) .f2w .cmp-cell.feat:not(.hd), :where(.uc-awc) .f2w .cmp-cell.classic:not(.hd){ border-top: 1px solid var(--line); }:where(.uc-awc) .f2w .cmp-cell.ai:not(.hd){ border-top: 1px solid rgba(255, 255, 255, 0.1); }:where(.uc-awc) .f2w .cmp-cell.ai.first{ border-top: 0; }:where(.uc-awc) .f2w .cmp-logos{ display: inline-flex; align-items: center; }:where(.uc-awc) .f2w .cmp-logo{
position: relative;
display: inline-flex;
transition: transform 0.2s var(--ease);
}:where(.uc-awc) .f2w .cmp-logo + .cmp-logo{ margin-left: -6px; }:where(.uc-awc) .f2w .cmp-logo img{
width: 32px;
height: 32px;
border-radius: 9px;
display: block;
}:where(.uc-awc) .f2w .cmp-cell.ai .cmp-logo img{ box-shadow: 0 0 0 2.5px #0b0b0f; }:where(.uc-awc) .f2w .cmp-cell.classic .cmp-logo img{ box-shadow: 0 0 0 2.5px var(--cardbg); }:where(.uc-awc) .f2w .cmp-logo--fill img{ background: #0a0a0a; object-fit: contain; padding: 5px; }:where(.uc-awc) .f2w .cmp-logo:hover{ transform: translateY(-6px); z-index: 5; }:where(.uc-awc) .f2w .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;
}:where(.uc-awc) .f2w .cmp-cell.feat.hd{ color: var(--txf); }:where(.uc-awc) .f2w .cmp-cell.classic.hd{ color: var(--txf); }:where(.uc-awc) .f2w .cmp-cell.ai.hd{ padding-top: 24px; padding-bottom: 22px; }:where(.uc-awc) .f2w .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){:where(.uc-awc) .f2w .cmp{ --c1: 0.9; --c2: 1; --c3: 1; --ct: 2.9; margin-top: 44px; }:where(.uc-awc) .f2w .cmp-grid{ grid-template-columns: 0.9fr 1fr 1fr; }:where(.uc-awc) .f2w .cmp-spot{ top: 0; bottom: 0; box-shadow: none; }:where(.uc-awc) .f2w .cmp-cell{ padding: 12px 12px; font-size: 14px; line-height: 22px; gap: 8px; align-items: flex-start; }:where(.uc-awc) .f2w .cmp-cell.ai.hd{ padding-top: 14px; }:where(.uc-awc) .f2w .cmp-brand{ font-size: 12px; line-height: 18px; gap: 6px; }}:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .rev-col{ overflow: hidden; }:where(.uc-awc) .f2w .rev-track{ display: flex; flex-direction: column; gap: 18px; animation: f2w-rev-up linear infinite; will-change: transform; }:where(.uc-awc) .f2w .rev-col:hover .rev-track{ animation-play-state: paused; }:where(.uc-awc) .f2w .rev-card{ border-radius: 16px; background: #fff; border: 1px solid var(--cardbd); box-shadow: none; transition: border-color 0.28s var(--ease); }:where(.uc-awc) .f2w .rev-card:hover{ border-color: var(--acc-line); }:where(.uc-awc) .f2w a.rev-card{ display: block; text-decoration: none; color: inherit; cursor: pointer; }:where(.uc-awc) .f2w .rev-txt{ padding: 21px; }:where(.uc-awc) .f2w .rev-head{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 15px; }:where(.uc-awc) .f2w .rev-who{ display: flex; align-items: center; gap: 11px; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .rev-av.has-img, :where(.uc-awc) .f2w .rev-yt-row .av.has-img{ position: relative; overflow: hidden; }:where(.uc-awc) .f2w .rev-av img, :where(.uc-awc) .f2w .rev-yt-row .av img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; background: var(--mist); }:where(.uc-awc) .f2w .rev-handle{ font-size: 14px; font-weight: 500; color: var(--tx); line-height: 18px; }:where(.uc-awc) .f2w .rev-meta{ font-size: 12px; color: var(--txf); line-height: 14px; }:where(.uc-awc) .f2w .rev-body{ margin: 0; font-size: 14px; line-height: 22px; color: var(--txd); }:where(.uc-awc) .f2w .rev-stars{ margin-top: 13px; color: var(--acc); letter-spacing: 1px; font-size: 12px; line-height: 14px; }:where(.uc-awc) .f2w .rev-glyph{ flex: 0 0 auto; width: 22px; height: 22px; display: grid; place-items: center; }:where(.uc-awc) .f2w .rev-glyph svg{ width: 18px; height: 18px; }:where(.uc-awc) .f2w .rev-yt-thumb{ position: relative; }:where(.uc-awc) .f2w .rev-yt-thumb img{ display: block; width: 100%; height: 168px; object-fit: cover; }:where(.uc-awc) .f2w .rev-yt-thumb .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); }:where(.uc-awc) .f2w .rev-yt-cap{ padding: 15px 18px 17px; }:where(.uc-awc) .f2w .rev-yt-cap p{ margin: 0; font-size: 14px; line-height: 20px; color: var(--tx); font-weight: 500; }:where(.uc-awc) .f2w .rev-yt-row{ margin-top: 13px; display: flex; align-items: center; gap: 10px; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .rev-glyph svg[data-x] path{ fill: var(--tx); }@media (max-width: 1024px){:where(.uc-awc) .f2w .rev-wall{ grid-template-columns: repeat(2, 1fr); height: 560px; }:where(.uc-awc) .f2w .rev-wall .rev-col:nth-child(3){ display: none; }}@media (max-width: 640px){:where(.uc-awc) .f2w .rev-wall{ grid-template-columns: 1fr; height: 620px; }:where(.uc-awc) .f2w .rev-wall .rev-col:nth-child(n+2){ display: none; }}:where(.uc-awc) .f2w .faq2{ display: flex; flex-direction: column; gap: clamp(28px, 4vw, 44px); max-width: 1020px; margin-inline: auto; }:where(.uc-awc) .f2w .faq2-title{ text-align: left; }:where(.uc-awc) .f2w .faq2-title .faq2-eyebrow{ display: inline-block; margin-bottom: 16px; }:where(.uc-awc) .f2w .faq2-title h2{ text-align: left; margin: 0; }:where(.uc-awc) .f2w .faq2-grid{ display: grid; grid-template-columns: 1fr; gap: 32px; }@media (min-width: 900px){:where(.uc-awc) .f2w .faq2-grid{ grid-template-columns: minmax(220px, 260px) 1fr; gap: 28px; align-items: start; }}:where(.uc-awc) .f2w .faq2-side{ display: flex; flex-direction: column; background: #fff; border: 1px solid var(--cardbd); border-radius: 16px; overflow: hidden; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .faq2-cta a{ display: inline-flex; align-items: center; gap: 7px; color: var(--acc-dk); text-decoration: none; font-weight: 600; }:where(.uc-awc) .f2w .faq2-cta a svg{ width: 16px; height: 16px; color: var(--acc); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .faq2-tab:hover{ color: var(--tx); }:where(.uc-awc) .f2w .faq2-tab.ucx-on{ color: var(--tx); }:where(.uc-awc) .f2w .ucx-faq-pane{ display: none; flex-direction: column; gap: 12px; }:where(.uc-awc) .f2w .ucx-faq-pane.ucx-is-active{ display: flex; }:where(.uc-awc) .f2w .ucx-faq-item{ border-radius: 16px; background: #fff; border: 1px solid var(--cardbd); overflow: hidden; transition: border-color 0.24s var(--ease); }:where(.uc-awc) .f2w .ucx-faq-item.ucx-open, :where(.uc-awc) .f2w .ucx-faq-item:hover{ border-color: var(--tx); }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .ucx-faq-ic svg{ width: 20px; height: 20px; }:where(.uc-awc) .f2w .ucx-faq-item.ucx-open .ucx-faq-ic{ transform: rotate(135deg); }:where(.uc-awc) .f2w .ucx-faq-a{ display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.32s var(--ease); }:where(.uc-awc) .f2w .ucx-faq-item.ucx-open .ucx-faq-a{ grid-template-rows: 1fr; }:where(.uc-awc) .f2w .ucx-faq-a > div{ overflow: hidden; }:where(.uc-awc) .f2w .ucx-faq-a p{ margin: 0; padding: 0 24px 22px; color: var(--txd); font-size: 16px; line-height: 26px; }:where(.uc-awc) .f2w .ucx-faq-a a{ color: var(--acc-dk); font-weight: 500; }:where(.uc-awc) .f2w .sup-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 44px; }@media (max-width: 820px){:where(.uc-awc) .f2w .sup-grid{ grid-template-columns: 1fr 1fr; }}@media (max-width: 440px){:where(.uc-awc) .f2w .sup-grid{ grid-template-columns: 1fr; }}:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .sup-card:hover{ transform: translateY(-5px); border-color: var(--acc-line); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .sup-ic svg{ width: 23px; height: 23px; }:where(.uc-awc) .f2w .sup-card h3{ margin: 0 0 6px; font-size: 18px; line-height: 28px; font-weight: 500; color: var(--tx); }:where(.uc-awc) .f2w .sup-card p{ margin: 0; font-size: 14px; color: var(--txd); line-height: 20px; }:where(.uc-awc) .f2w .news{ position: relative; margin-top: 40px; border-radius: 20px; padding: 40px 44px; background: var(--mist); border: 1px solid var(--cardbd); }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .news-badge svg{ width: 15px; height: 15px; }:where(.uc-awc) .f2w .news-inner{ display: flex; align-items: center; justify-content: space-between; gap: 44px; flex-wrap: wrap; }:where(.uc-awc) .f2w .news-copy{ flex: 1 1 380px; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .news-sub{ margin: 10px 0 0; color: var(--txd); font-size: 16px; line-height: 26px; max-width: 56ch; }:where(.uc-awc) .f2w .news-form{ display: flex; gap: 12px; flex: 0 0 auto; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .news-input::placeholder{ color: var(--txf); }:where(.uc-awc) .f2w .news-input:focus{ border-color: var(--acc); }@media (max-width: 860px){:where(.uc-awc) .f2w .news{ padding: 36px 28px 32px; }:where(.uc-awc) .f2w .news-inner{ flex-direction: column; align-items: flex-start; gap: 24px; }:where(.uc-awc) .f2w .news-form{ width: 100%; }:where(.uc-awc) .f2w .news-input{ flex: 1; width: auto; }}@media (max-width: 560px){:where(.uc-awc) .f2w .news-form{ flex-direction: column; }:where(.uc-awc) .f2w .news-form .uc-btn{ width: 100%; }}:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .logo-track{ display: flex; gap: 14px; width: max-content; will-change: transform; }:where(.uc-awc) .f2w .logo-track.no-anim{ animation: f2w-logo-marq 34s linear infinite; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .logo-band .brand-chip.lit .bc-ic{ opacity: 1; filter: none; }:where(.uc-awc) .f2w .logo-band .brand-chip.lit .bc-tx{ opacity: 0.9; }@media (prefers-reduced-motion: reduce){:where(.uc-awc) .f2w .ucx-reveal{ opacity: 1 !important; transform: none !important; transition: none; }:where(.uc-awc) .f2w .hero, :where(.uc-awc) .f2w .hero::before, :where(.uc-awc) .f2w .hero::after, :where(.uc-awc) .f2w .uic-orb, :where(.uc-awc) .f2w .scan-line, :where(.uc-awc) .f2w .scan-dot, :where(.uc-awc) .f2w .dfx-col.c3, :where(.uc-awc) .f2w .dfx-mark, :where(.uc-awc) .f2w .dfx-chip i.dot, :where(.uc-awc) .f2w .dfx-lbls em, :where(.uc-awc) .f2w [class*="mtn-"], :where(.uc-awc) .f2w .hf-h, :where(.uc-awc) .f2w .hf-f, :where(.uc-awc) .f2w .hf-ck, :where(.uc-awc) .f2w .hf-chip i.dot, :where(.uc-awc) .f2w .hf-lbls em, :where(.uc-awc) .f2w .term-scan, :where(.uc-awc) .f2w .pbx-tile, :where(.uc-awc) .f2w .rev-track, :where(.uc-awc) .f2w .logo-track, :where(.uc-awc) .f2w .demo-chip i, :where(.uc-awc) .f2w .scan-chip i{
animation: none !important;
}:where(.uc-awc) .f2w .scan-line{ top: 50%; }:where(.uc-awc) .f2w .mtn-eye, :where(.uc-awc) .f2w .mtn-h, :where(.uc-awc) .f2w .mtn-sub, :where(.uc-awc) .f2w .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; } }:where(.uc-awc) .f2w .hero-grid{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; }:where(.uc-awc) .f2w .hero-copy{ display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 0; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .hero-copy .uc-eyebrow{ margin-bottom: var(--spacing-sprout-24); }:where(.uc-awc) .f2w .hero-copy .hero-eyebrow{ margin-bottom: var(--spacing-sprout-20); }:where(.uc-awc) .f2w .hero-copy .pill-title{ margin: 0 auto var(--spacing-sprout-20); }:where(.uc-awc) .f2w .hero-copy .sub{ max-width: 1100px; margin: 0 auto var(--spacing-sprout-32); }:where(.uc-awc) .f2w .hero-copy .cta-row{ gap: var(--spacing-sprout-12); }:where(.uc-awc) .f2w .hero .uc-marquee-wrap{ margin-top: 80px; }:where(.uc-awc) .f2w .hero-video-wrap{ position: relative; margin-top: 80px; }:where(.uc-awc) .f2w .pill-title .brand-chip .ai-cluster{ display: block; width: 100%; height: 100%; }:where(.uc-awc) .f2w .hero .hero-video{ position: relative; z-index: 1; margin-top: 0; max-width: none; width: 100%; border-radius: 32px; }@media (min-width: 640px){:where(.uc-awc) .f2w .hero .hero-video{ border-radius: 48px; }}@media (min-width: 768px){:where(.uc-awc) .f2w .hero .hero-video{ border-radius: 64px; }}@media (min-width: 1025px){:where(.uc-awc) .f2w .hero .hero-video{ width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; }}:where(.uc-awc) .f2w .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%); }:where(.uc-awc) .f2w .hero .hero-checks{ margin-top: clamp(24px, 3vw, 34px); }:where(.uc-awc) .f2w .mcpset{ max-width: 640px; margin: 52px auto 0; }:where(.uc-awc) .f2w .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;
}:where(.uc-awc) .f2w .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);
}:where(.uc-awc) .f2w .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);
}:where(.uc-awc) .f2w .mcpset-tabs{ margin-bottom: var(--uc-space-20); }:where(.uc-awc) .f2w .mcpset-tab-ic{ width: 17px; height: 17px; display: block; object-fit: contain; flex: 0 0 auto; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .mcpset-intro b{ font-weight: var(--uc-weight-semibold); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .mcpset-steps > li::marker{ color: var(--uc-text-subtle); font-weight: var(--uc-weight-semibold); }:where(.uc-awc) .f2w .mcpset-steps b{ color: var(--uc-text-strong); font-weight: var(--uc-weight-semibold); }:where(.uc-awc) .f2w .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;
}:where(.uc-awc) .f2w .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;
}:where(.uc-awc) .f2w .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;
}:where(.uc-awc) .f2w .mcpset-code code::-webkit-scrollbar{ display: none; }:where(.uc-awc) .f2w .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);
}:where(.uc-awc) .f2w .mcpset-copy:hover{ color: var(--uc-text-strong); border-color: var(--uc-brand-border); }:where(.uc-awc) .f2w .mcpset-copy.done{ color: var(--uc-success); border-color: var(--uc-success-border); }:where(.uc-awc) .f2w .mcpset-copy svg{ width: 16px; height: 16px; }:where(.uc-awc) .f2w .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;
}:where(.uc-awc) .f2w .mcpset-docs > svg{ width: 14px; height: 14px; }:where(.uc-awc) .f2w .mcpset-docs:hover{ color: var(--uc-brand-fg); }:where(.uc-awc) .f2w .mcpset-docs .mcpset-docs-tail{ color: var(--uc-text-subtle); text-decoration: none; }@media (max-width: 560px){:where(.uc-awc) .f2w .mcpset-inner{ padding: var(--uc-space-20) var(--uc-space-16); }:where(.uc-awc) .f2w .mcpset-docs{ padding: var(--uc-space-12) var(--uc-space-16); }}:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .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;
}:where(.uc-awc) .f2w .conv-card > *{ position: relative; z-index: 1; }:where(.uc-awc) .f2w .conv-card .conv-dots{ position: absolute; inset: 0; z-index: 0; }:where(.uc-awc) .f2w .conv-eyebrow{ color: var(--uc-text); font-size: 16px; font-weight: 500; letter-spacing: -0.01em; line-height: 24px; text-transform: none; }:where(.uc-awc) .f2w .reveal-text{ color: transparent; -webkit-background-clip: text; background-clip: text; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .conv-cta{ margin-top: clamp(40px, 5vw, 64px); text-align: center; }:where(.uc-awc) .f2w .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%); }:where(.uc-awc) .f2w .conv-marquee{ display: flex; flex: 0 0 auto; width: max-content; animation: conv-marquee-x 45s linear infinite; will-change: transform; }:where(.uc-awc) .f2w .conv-marquee-wrap:hover .conv-marquee{ animation-play-state: paused; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .conv-tile img{ width: 48px; height: 48px; object-fit: contain; }:where(.uc-awc) .f2w .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;
}:where(.uc-awc) .f2w .conv-tip.ucx-in{ opacity: 1; }:where(.uc-awc) .f2w .conv-tip-t{ color: #fff; font-size: 14px; font-weight: 600; line-height: 18px; }:where(.uc-awc) .f2w .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){:where(.uc-awc) .f2w .conv-marquee{ animation: none; }}:where(.uc-awc) .f2w .xway-grid{ display: grid; grid-template-columns: 1fr; gap: 18px; margin: 52px auto 0; max-width: 1120px; }:where(.uc-awc) .f2w .xway-card{ border-radius: var(--r-xl); overflow: visible; background: var(--pg2); padding: 4px; }:where(.uc-awc) .f2w .xway-solo .xway-card{ display: grid; grid-template-columns: 1fr 1fr; gap: 4px; align-items: stretch; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w.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; }:where(.uc-awc) .f2w .xway-stack{ position: absolute; inset: 0; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .xway-shot.s1{ transform: translate(-50%, -50%) rotate(0deg); z-index: 3; }:where(.uc-awc) .f2w .xway-shot.s2{ transform: translate(-88%, -46%) rotate(-8deg) scale(0.94); z-index: 2; }:where(.uc-awc) .f2w .xway-shot.s3{ transform: translate(-12%, -46%) rotate(8deg) scale(0.94); z-index: 1; }:where(.uc-awc) .f2w .xway-card:hover .xway-shot.s1{ transform: translate(-12%, -46%) rotate(8deg) scale(0.94); z-index: 1; }:where(.uc-awc) .f2w .xway-card:hover .xway-shot.s2{ transform: translate(-50%, -50%) rotate(0deg); z-index: 3; }:where(.uc-awc) .f2w .xway-card:hover .xway-shot.s3{ transform: translate(-88%, -46%) rotate(-8deg) scale(0.94); z-index: 2; }:where(.uc-awc) .f2w .xway-body{ display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 12px; padding: 30px 34px; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w.is-night .xway-body .xic{ background: var(--cardbg); border-color: var(--cardbd); color: var(--tx); }:where(.uc-awc) .f2w .xway-body .xic svg{ width: 24px; height: 24px; }:where(.uc-awc) .f2w .xway-body .xeye{ font-size: 12px; line-height: 18px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }:where(.uc-awc) .f2w .xway-body .xeye--live{ display: inline-flex; align-items: center; gap: 7px; color: var(--acc); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .xway-body h3{ margin: 4px 0 0; font-size: 24px; line-height: 30px; font-weight: 500; letter-spacing: -0.01em; color: var(--tx); }:where(.uc-awc) .f2w .xway-body p{ margin: 0; color: var(--txd); font-size: 16px; line-height: 26px; }:where(.uc-awc) .f2w .xway-body .xway-link{ margin-top: 6px; color: var(--acc); }:where(.uc-awc) .f2w .xway-body .xway-link::after{ background: var(--acc); }@media (prefers-reduced-motion: reduce){:where(.uc-awc) .f2w .xway-shot{ transition: none; }}@media (max-width: 860px){:where(.uc-awc) .f2w .xway-solo .xway-card{ grid-template-columns: 1fr; }:where(.uc-awc) .f2w .xway-media{ border-right: 0; border-bottom: 1px solid var(--line); min-height: 300px; }:where(.uc-awc) .f2w .xway-body{ padding: 32px 28px 34px; }}:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .map-ba-media{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }:where(.uc-awc) .f2w .map-ba-top{ z-index: 2; will-change: clip-path; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .map-ba-knob svg{ width: 22px; height: 22px; color: var(--acc); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .map-ba-tag.l{ left: 14px; }:where(.uc-awc) .f2w .map-ba-tag.r{ right: 14px; }:where(.uc-awc) .f2w .map-hint{ text-align: center; color: var(--txf); font-size: 14px; line-height: 22px; margin: 16px 0 0; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .map-chip-row{ display: flex; gap: 12px; width: max-content; will-change: transform; }:where(.uc-awc) .f2w .map-chip-row.a{ animation: cm-chips-l 42s linear infinite; }:where(.uc-awc) .f2w .map-chip-row.b{ animation: cm-chips-r 48s linear infinite; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .widget-chip svg{ width: var(--spacing-sprout-16); height: var(--spacing-sprout-16); flex: 0 0 auto; }:where(.uc-awc) .f2w .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){:where(.uc-awc) .f2w .map-chip-row.a, :where(.uc-awc) .f2w .map-chip-row.b{ animation: none; }}:where(.uc-awc) .f2w .tm-bars{ max-width: 980px; margin: 0 auto 44px; display: flex; flex-direction: column; gap: 30px; }:where(.uc-awc) .f2w .tm-row .tm-top{ display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 12px; }:where(.uc-awc) .f2w .tm-name{ font-size: 16px; line-height: 24px; font-weight: 500; color: var(--tx); }:where(.uc-awc) .f2w .tm-hrs{ font-size: 22px; line-height: 34px; font-weight: 700; letter-spacing: -0.01em; }:where(.uc-awc) .f2w .tm-hrs.red{ color: var(--coral); }:where(.uc-awc) .f2w .tm-hrs.brand{ color: var(--acc); }:where(.uc-awc) .f2w .tm-track{ position: relative; height: 16px; border-radius: 999px; background: var(--mist); overflow: visible; }:where(.uc-awc) .f2w .tm-fill{ position: absolute; inset: 0 auto 0 0; width: 0; border-radius: 999px; }:where(.uc-awc) .f2w .tm-fill.red{ background: linear-gradient(90deg, #f97b70, var(--coral)); }:where(.uc-awc) .f2w .tm-fill.brand{ background: linear-gradient(90deg, var(--acc2), var(--acc)); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .tm-live svg{ width: 12px; height: 12px; color: var(--acc); }:where(.uc-awc) .f2w .tm-runner{ position: absolute; top: 50%; left: 0; width: 22px; height: 22px; border-radius: 50%; transform: translate(-50%, -50%); z-index: 2; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .tm-bars.go .lane-without .tm-fill{ animation: tm-fill 7.2s var(--ease) forwards; }:where(.uc-awc) .f2w .tm-bars.go .lane-without .tm-runner{ animation: tm-run 7.2s var(--ease) forwards; }:where(.uc-awc) .f2w .tm-bars.go .lane-with .tm-fill{ animation: tm-fill 1.5s var(--ease) forwards; }:where(.uc-awc) .f2w .tm-bars.go .lane-with .tm-runner{ animation: tm-run 1.5s var(--ease) forwards; }:where(.uc-awc) .f2w .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){:where(.uc-awc) .f2w .tm-bars .tm-fill{ width: 100%; animation: none; }:where(.uc-awc) .f2w .tm-bars .tm-runner{ left: 100%; animation: none; }:where(.uc-awc) .f2w .tm-bars .tm-live{ opacity: 1; transition: none; }}:where(.uc-awc) .f2w .tm-cards{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }:where(.uc-awc) .f2w .tm-card{ padding: 4px; border-radius: var(--r-xl); background: var(--pg2); }:where(.uc-awc) .f2w .tm-card-in{ background: #fff; border: 1px solid var(--cardbd); border-radius: 16px; padding: 24px 22px; height: 100%; }:where(.uc-awc) .f2w .tm-card-h{ display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .tm-pill.red{ color: var(--coral); background: color-mix(in srgb, var(--coral) 12%, #fff); }:where(.uc-awc) .f2w .tm-pill.brand{ color: var(--acc); background: color-mix(in srgb, var(--acc) 12%, #fff); }:where(.uc-awc) .f2w .tm-card-h h3{ margin: 0; font-size: 18px; line-height: 28px; font-weight: 500; color: var(--tx); }:where(.uc-awc) .f2w .tm-item{ display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 13px 0; border-top: 1px solid var(--line); }:where(.uc-awc) .f2w .tm-item:first-of-type{ border-top: 0; }:where(.uc-awc) .f2w .tm-item span{ color: var(--txd); font-size: 16px; line-height: 24px; }:where(.uc-awc) .f2w .tm-item b{ flex: 0 0 auto; font-size: 16px; line-height: 24px; font-weight: 700; letter-spacing: -0.01em; white-space: nowrap; }:where(.uc-awc) .f2w .tm-item.red b{ color: var(--coral); }:where(.uc-awc) .f2w .tm-item.brand b{ color: var(--acc); }:where(.uc-awc) .f2w .tm-item .tm-free{ color: var(--acc); }:where(.uc-awc) .f2w .tm-saved{ text-align: center; margin: 40px auto 0; max-width: 640px; }:where(.uc-awc) .f2w .tm-saved-num{ font-size: 44px; font-weight: 700; letter-spacing: -0.03em; color: var(--acc); line-height: 44px; }:where(.uc-awc) .f2w .tm-saved p{ margin: 12px 0 0; color: var(--txd); font-size: 16px; line-height: 24px; }:where(.uc-awc) .f2w .tm-note{ text-align: center; color: var(--txf); font-size: 14px; line-height: 22px; margin: 18px 0 0; }:where(.uc-awc) .f2w.is-night .tm-card-in{ background: #262626; }:where(.uc-awc) .f2w.is-night .tm-live{ background: #262626; border-color: rgba(255, 255, 255, 0.14); box-shadow: none; }:where(.uc-awc) .f2w.is-night .tm-pill.red{ background: color-mix(in srgb, var(--coral) 20%, #1f1f1f); }:where(.uc-awc) .f2w.is-night .tm-pill.brand{ background: color-mix(in srgb, var(--acc) 20%, #1f1f1f); }@media (max-width: 720px){:where(.uc-awc) .f2w .tm-cards{ grid-template-columns: 1fr; }}:where(.uc-awc) .f2w .watch-grid{ display: grid; grid-template-columns: 1.5fr 1fr; gap: 22px; align-items: start; }:where(.uc-awc) .f2w .watch-main-wrap{ padding: 4px; border-radius: var(--r-xl); background: var(--pg2); }:where(.uc-awc) .f2w .watch-main{ position: relative; border-radius: 16px; overflow: hidden; border: 1px solid var(--cardbd); background: #000; aspect-ratio: 16 / 9; cursor: pointer; }:where(.uc-awc) .f2w .watch-main img, :where(.uc-awc) .f2w .watch-main iframe{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; display: block; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .watch-main:hover .watch-play{ transform: translate(-50%, -50%) scale(1.06); }:where(.uc-awc) .f2w .watch-play svg{ width: 30px; height: 30px; color: #fff; margin-left: 3px; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .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%); }:where(.uc-awc) .f2w .watch-list::-webkit-scrollbar{ width: 0; height: 0; display: none; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .watch-item:hover{ background: var(--pg2); }:where(.uc-awc) .f2w .watch-item.ucx-on{ background: color-mix(in srgb, var(--acc) 7%, #fff); border-color: var(--acc-line); }:where(.uc-awc) .f2w.is-night .watch-item.ucx-on{ background: color-mix(in srgb, var(--acc) 15%, #1f1f1f); }:where(.uc-awc) .f2w .watch-thumb{ position: relative; flex: 0 0 108px; width: 108px; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: #000; }:where(.uc-awc) .f2w .watch-thumb img{ width: 100%; height: 100%; object-fit: cover; display: block; }:where(.uc-awc) .f2w .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%; }:where(.uc-awc) .f2w .watch-item .watch-t{ font-size: 14px; font-weight: 500; color: var(--tx); line-height: 20px; }:where(.uc-awc) .f2w .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){:where(.uc-awc) .f2w .watch-grid{ grid-template-columns: 1fr; }:where(.uc-awc) .f2w .watch-list{ flex-direction: row; overflow-x: auto; overflow-y: visible; max-height: none; -webkit-mask-image: none; mask-image: none; }:where(.uc-awc) .f2w .watch-item{ flex: 0 0 240px; }}:where(.uc-awc) .f2w .sprout-shot{ max-width: 1000px; margin: 8px auto 0; padding: 4px; border-radius: var(--r-xl); background: var(--pg2); }:where(.uc-awc) .f2w .sprout-shot img{ display: block; width: 100%; height: auto; border: 1px solid var(--cardbd); border-radius: 16px; }:where(.uc-awc) .f2w .tpl-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }:where(.uc-awc) .f2w .tpl-card{ display: flex; flex-direction: column; padding: 4px; border-radius: var(--r-xl); background: var(--pg2); transition: transform 0.24s var(--ease); }:where(.uc-awc) .f2w .tpl-card:hover{ transform: translateY(-4px); }:where(.uc-awc) .f2w .tpl-thumb{ position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: #fff; border: 1px solid var(--cardbd); border-radius: 16px; }:where(.uc-awc) .f2w .tpl-thumb img{ width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 15px; }:where(.uc-awc) .f2w .tpl-badge{ position: absolute; top: 12px; left: 12px; z-index: 2; }:where(.uc-awc) .f2w .tpl-body{ padding: 12px; display: flex; flex-direction: column; gap: 4px; flex: 1; }:where(.uc-awc) .f2w .tpl-body h3{ margin: 0; font-size: 18px; line-height: 28px; font-weight: 500; color: var(--tx); }:where(.uc-awc) .f2w .tpl-body p{ margin: 0; color: var(--txd); font-size: 14px; line-height: 20px; }:where(.uc-awc) .f2w .tpl-cta{ text-align: center; margin-top: 36px; }@media (max-width: 900px){:where(.uc-awc) .f2w .tpl-grid{ grid-template-columns: 1fr 1fr; }}@media (max-width: 560px){:where(.uc-awc) .f2w .tpl-grid{ grid-template-columns: 1fr; }}:where(.uc-awc) .f2w .feat-wrap{ display: grid; grid-template-columns: 250px 1fr; gap: 32px; margin-top: 44px; align-items: start; }:where(.uc-awc) .f2w .feat-side{ position: sticky; top: 96px; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--cardbd); border-radius: 16px; overflow: hidden; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .feat-tab:hover{ color: var(--tx); }:where(.uc-awc) .f2w .feat-tab.ucx-is-active{ color: var(--tx); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .feat-tab.ucx-is-active .ft-count{ color: var(--acc); background: color-mix(in srgb, var(--acc) 12%, #fff); box-shadow: none; }:where(.uc-awc) .f2w.is-night .feat-side{ background: var(--pg2); }:where(.uc-awc) .f2w.is-night .feat-tab-ind{ background: #383838; box-shadow: none; }:where(.uc-awc) .f2w.is-night .ft-count{ background: #262626; color: var(--txd); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); }:where(.uc-awc) .f2w.is-night .feat-tab.ucx-is-active .ft-count{ color: var(--acc); background: color-mix(in srgb, var(--acc) 22%, #1f1f1f); box-shadow: none; }:where(.uc-awc) .f2w .fbento{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; align-items: stretch; }:where(.uc-awc) .f2w .fcard{ padding: 4px; border-radius: var(--r-xl); background: var(--pg2); transition: transform 0.24s var(--ease); }:where(.uc-awc) .f2w .fcard:hover{ transform: translateY(-4px); }:where(.uc-awc) .f2w .fcard-in{ display: flex; flex-direction: column; height: 100%; background: transparent; }:where(.uc-awc) .f2w .fcard .bento-media{ position: relative; aspect-ratio: 16 / 10; background: #fff; overflow: hidden; border: 1px solid var(--cardbd); border-radius: 16px; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .fcard .bento-vid.ready{ opacity: 1; }:where(.uc-awc) .f2w .fcard:hover .bento-vid{ transform: scale(1.03); }:where(.uc-awc) .f2w .bento-body{ padding: 12px; }:where(.uc-awc) .f2w .bento-body h3{ margin: 0 0 5px; font-size: 18px; line-height: 28px; font-weight: 600; letter-spacing: -0.01em; color: var(--tx); }:where(.uc-awc) .f2w .bento-body p{ margin: 0; color: var(--txd); font-size: 16px; line-height: 24px; }:where(.uc-awc) .f2w .bento-note{ color: var(--acc); font-weight: 600; }@media (max-width: 900px){:where(.uc-awc) .f2w .feat-wrap{ grid-template-columns: 1fr; gap: 20px; }:where(.uc-awc) .f2w .feat-side{ position: static; }}@media (max-width: 620px){:where(.uc-awc) .f2w .fbento{ grid-template-columns: 1fr; }}@media (prefers-reduced-motion: reduce){:where(.uc-awc) .f2w .fcard .bento-vid{ transition: opacity 0.3s; }:where(.uc-awc) .f2w .fcard:hover{ transform: none; }:where(.uc-awc) .f2w .fcard:hover .bento-vid{ transform: none; }}:where(.uc-awc) .f2w .opt-zig{ margin-top: 44px; display: flex; flex-direction: column; gap: 96px; }:where(.uc-awc) .f2w .opt-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 52px; align-items: center; }:where(.uc-awc) .f2w .opt-media .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; }:where(.uc-awc) .f2w .opt-media .step-vid{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 1; }:where(.uc-awc) .f2w .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; }:where(.uc-awc) .f2w .step-replay svg{ margin-left: 3px; }:where(.uc-awc) .f2w .step-replay:hover{ transform: scale(1.07); background: var(--acc); }:where(.uc-awc) .f2w .frame.vid-playing .step-replay{ opacity: 0; pointer-events: none; transform: scale(0.9); }:where(.uc-awc) .f2w .opt-copy .eyebrow, :where(.uc-awc) .f2w .opt-rail .eyebrow{ margin-bottom: 16px; }:where(.uc-awc) .f2w .opt-copy h3, :where(.uc-awc) .f2w .opt-rail h3{ font-size: 26px; line-height: 40px; font-weight: 600; letter-spacing: -0.02em; margin: 0 0 12px; color: var(--tx); }:where(.uc-awc) .f2w .opt-copy p, :where(.uc-awc) .f2w .opt-rail p{ color: var(--txd); font-size: 16px; line-height: 26px; margin: 0 0 12px; }:where(.uc-awc) .f2w .opt-copy .opt-note{ color: var(--txf); font-size: 16px; line-height: 24px; }:where(.uc-awc) .f2w .opt-manual{ display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 56px; align-items: start; min-height: 2860px; }:where(.uc-awc) .f2w .opt-rail{ position: sticky; top: 110px; align-self: start; }:where(.uc-awc) .f2w .opt-titles{ list-style: none; margin: 24px 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .opt-title .ot-num{ font-size: 12px; line-height: 18px; font-weight: 500; color: var(--txf); font-variant-numeric: tabular-nums; }:where(.uc-awc) .f2w .opt-title.is-done{ color: var(--txd); }:where(.uc-awc) .f2w .opt-title.is-done .ot-num{ color: var(--tx); }:where(.uc-awc) .f2w .opt-title.ucx-is-active{ color: var(--tx); background: #f1f1f1; border-color: #d6d6d6; }:where(.uc-awc) .f2w .opt-title.ucx-is-active .ot-num{ color: var(--txd); }:where(.uc-awc) .f2w .opt-list{ position: sticky; top: calc(50vh - 270px); height: 540px; overflow: hidden; isolation: isolate; }:where(.uc-awc) .f2w .opt-list::before, :where(.uc-awc) .f2w .opt-list::after{ content: ""; position: absolute; z-index: 2; right: 0; left: 0; height: 150px; pointer-events: none; }:where(.uc-awc) .f2w .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%); }:where(.uc-awc) .f2w .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%); }:where(.uc-awc) .f2w .opt-list-track{ display: flex; flex-direction: column; gap: 16px; will-change: transform; transition: transform 0.55s cubic-bezier(.2,.7,.2,1); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .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); }:where(.uc-awc) .f2w .opt-item .oi-check svg{ width: 15px; height: 15px; }:where(.uc-awc) .f2w .opt-item h4{ margin: 0 0 5px; font-size: 18px; line-height: 28px; font-weight: 600; color: var(--tx); letter-spacing: -0.01em; }:where(.uc-awc) .f2w .opt-item p{ margin: 0; font-size: 16px; line-height: 26px; color: var(--txd); }:where(.uc-awc) .f2w .opt-item.is-seen{ opacity: 0.85; }:where(.uc-awc) .f2w .opt-item.is-seen .oi-check{ color: #171717; border-color: #dcdcdc; background: #f2f2f2; }:where(.uc-awc) .f2w .opt-item.ucx-is-active{ opacity: 1; background: #f1f1f1; border-color: #d6d6d6; }:where(.uc-awc) .f2w .opt-item.ucx-is-active .oi-check{ color: #171717; background: #fff; border-color: #d6d6d6; }:where(.uc-awc) .f2w .opt-item.ucx-is-active h4{ color: var(--tx); }:where(.uc-awc) .f2w .opt-item.ucx-is-active p{ color: var(--txd); }:where(.uc-awc) .f2w.is-night .opt-title.ucx-is-active{ background: #262626; border-color: rgba(255, 255, 255, 0.14); }:where(.uc-awc) .f2w.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%); }:where(.uc-awc) .f2w.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%); }:where(.uc-awc) .f2w.is-night .opt-item{ background: var(--cardbg); }:where(.uc-awc) .f2w.is-night .opt-item .oi-check{ background: #262626; border-color: rgba(255, 255, 255, 0.12); color: #7d7d7d; }:where(.uc-awc) .f2w.is-night .opt-item.is-seen .oi-check{ background: #262626; border-color: rgba(255, 255, 255, 0.14); color: #f5f5f5; }:where(.uc-awc) .f2w.is-night .opt-item.ucx-is-active{ background: #262626; border-color: rgba(255, 255, 255, 0.16); }:where(.uc-awc) .f2w.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){:where(.uc-awc) .f2w .opt-zig{ gap: 56px; }:where(.uc-awc) .f2w .opt-row{ grid-template-columns: 1fr; gap: 28px; }:where(.uc-awc) .f2w .opt-manual{ grid-template-columns: 1fr; gap: 28px; min-height: 0; }:where(.uc-awc) .f2w .opt-rail{ position: static; }:where(.uc-awc) .f2w .opt-list{ position: static; height: auto; overflow: visible; }:where(.uc-awc) .f2w .opt-list::before, :where(.uc-awc) .f2w .opt-list::after{ display: none; }:where(.uc-awc) .f2w .opt-list-track{ transform: none !important; }}@media (prefers-reduced-motion: reduce){:where(.uc-awc) .f2w .opt-item{ opacity: 1; }:where(.uc-awc) .f2w .opt-list-track{ transition: none; }}:where(.uc-awc) .f2w .sec-head + .uc-content, :where(.uc-awc) .f2w .sec-head + .xway-grid, :where(.uc-awc) .f2w .sec-head + .feat-wrap, :where(.uc-awc) .f2w .sec-head + .opt-zig, :where(.uc-awc) .f2w .sec-head + .tm-bars, :where(.uc-awc) .f2w .sec-head + .watch-grid, :where(.uc-awc) .f2w .sec-head + .sprout-shot, :where(.uc-awc) .f2w .sec-head + .map-wrap, :where(.uc-awc) .f2w .sec-head + .tpl-grid{ margin-top: 52px; }:where(.uc-awc) .cm-page .f2w .ucx-sec{ padding-top: 66px; padding-bottom: 66px; }:where(.uc-awc) .cm-page .f2w .ucx-sec.ax{ padding-bottom: 66px; }:where(.uc-awc) .cm-page .f2w .hero{ padding-top: clamp(120px, 15vh, 176px); padding-bottom: 66px; }:where(.uc-awc) .cm-page .uc-section{ padding-block: 66px; }:where(.uc-awc) .cm-page .f2w .ucx-sec.sec-faq{ padding-bottom: 132px; }:where(.uc-awc) .f2w .cm-btabs{ background: #fff; }:where(.uc-awc) .f2w.is-night .cm-btabs{ background: transparent; }
.uc-awc > section, .uc-awc > div{ border-radius: 0 !important; }.uc-awc h1, .uc-awc h2{ font-weight: 500 !important; }.uc-awc .hero-h1{ font-size: 40px; line-height: 44px; letter-spacing: -.02em; }@media (min-width: 768px){.uc-awc .hero-h1{ font-size: 54px; line-height: 58px; }}.uc-awc .hero-sub{ font-size: 18px; line-height: 28px; letter-spacing: -.18px; }.uc-awc .sos-prompt-input::placeholder{ color: var(--color-sprout-color-text-weakest); opacity: 1; }.uc-awc[data-awc-section="1"] > section{ margin-top: -61px; }.uc-awc a.bg-sprout-color-secondary{ background-color: #171717 !important; }.uc-awc a.bg-sprout-color-secondary:hover{ background-color: #262626 !important; }.uc-awc [class*="F5F4F1"]{
transition: background-color .2s cubic-bezier(.4, 0, .2, 1);
}.uc-awc.uc-night [class*="F5F4F1"]{
background-color: var(--color-sprout-color-background-weaker) !important;
}:where(.uc-awc) .os-lit-word{
opacity: .22;
transition: opacity .1s linear;
}:where(.uc-awc) .os-lit-word.lit{ opacity: 1; }:where(.uc-awc) .os-chip-slot{
position: relative;
display: inline-block;
height: var(--chip);
width: calc(var(--chip) * .4);
margin-inline-start: calc(-1 * (var(--gap) + var(--chip) * .4));
transition: width .35s cubic-bezier(.34, 1.2, .64, 1),
margin-inline-start .35s cubic-bezier(.34, 1.2, .64, 1);
}:where(.uc-awc) .os-chip-slot.lit{
width: var(--chip);
margin-inline-start: 0;
}:where(.uc-awc) .os-icon-chip{
position: absolute;
left: 50%;
top: 50%;
width: var(--chip);
height: var(--chip);
display: inline-flex;
align-items: center;
justify-content: center;
opacity: 0;
transform: translate(-50%, -50%) scale(.4);
transition: opacity .35s cubic-bezier(.34, 1.2, .64, 1),
transform .35s cubic-bezier(.34, 1.2, .64, 1);
}/* The base `.os-icon-chip` rule, restored verbatim from the source's style block in
components/OperatingSystemSection.tsx. It was MISSING from this stylesheet, and it
is the whole reason the icons misbehaved:
- without `position:absolute` the chip sat in the normal flow, so it took real
width and shoved the words sideways as the slot's width animated. That is the
"icons move" that was reported - not a :hover rule, there is none.
- without `opacity:0` it was visible from page load, before the reveal had run.
The slot is only ever a width; the chip is absolutely centred inside it, so slot
and chip track each other through the pop and the line box never changes height. */
:where(.uc-awc) .os-icon-chip{
position: absolute;
left: 50%;
top: 50%;
width: var(--chip);
height: var(--chip);
display: inline-flex;
align-items: center;
justify-content: center;
opacity: 0;
transform: translate(-50%, -50%) scale(.4);
transition: opacity .35s cubic-bezier(.34, 1.2, .64, 1),
transform .35s cubic-bezier(.34, 1.2, .64, 1);
}
:where(.uc-awc) .os-chip-slot.lit .os-icon-chip{
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
/* ---------------------------------------------------------------------------
GLOBALS CONFLICT - this is the icon jumping on hover.
The inline block `#uichemy-btn-global` ships, from the retired design system:
.uc-btn:hover, ..., [class*="-card"]:hover, [class*="-tile"]:hover,
[class*="-chip"]:hover { transform: none !important; }
`os-icon-chip` contains "-chip", so that attribute selector matches it, and no
class rename can dodge an attribute substring match. It wipes the chip's transform
on hover - and here the transform is not decoration, it is the POSITIONING: the chip
is absolutely placed at left/top 50% and pulled back by translate(-50%,-50%). Wipe
it and the chip jumps down-right to the slot's corner. That is the "motion on
hover", and it is why nothing in this page's own CSS ever explained it.
Restated with !important, which per CLAUDE.md section 5 is the page asserting its
own design value over a block that is being deleted, not a workaround for a
conflict. Specificity: globals is (0,2,0); these are (0,3,0) and (0,4,0), so they
win regardless of sheet order. Both states are covered because the hover rule must
restate whichever transform the chip currently holds.
Once #uichemy-globals is deleted these become no-ops restating the same values.
NOTE: the same globals rule also silently kills the translateY(-2px) hover lift on
`.hero-chip` / `.uc-hero-chip` on every v6 page. Flagged, not fixed here. */
:where(.uc-awc) .os-chip-slot .os-icon-chip:hover{
transform: translate(-50%, -50%) scale(.4) !important;
}
:where(.uc-awc) .os-chip-slot.lit .os-icon-chip:hover{
transform: translate(-50%, -50%) scale(1) !important;
}@media (prefers-reduced-motion: reduce){:where(.uc-awc) .os-chip-slot, :where(.uc-awc) .os-icon-chip{ transition: none; }}:where(.uc-awc) .os-lit-track[data-static="true"]{ height: auto !important; }:where(.uc-awc) .os-lit-track[data-static="true"] > div{
position: static;
height: auto;
padding-block: 96px;
}@media (min-width: 1024px){:where(.uc-awc) .os-lit-track[data-static="true"] > div{ padding-block: 160px; }}@media (prefers-reduced-motion: reduce){:where(.uc-awc) .os-lit-word{ transition: none; }}:where(.uc-awc) .sm-flow{ stroke-dasharray: 20 280; stroke-dashoffset: 0; animation: sm-flow-move 4.5s linear infinite; }:where(.uc-awc) .sm-flow.f1{ animation-delay: 0s; }:where(.uc-awc) .sm-flow.f2{ animation-delay: -1.5s; }:where(.uc-awc) .sm-flow.f3{ animation-delay: -3s; }@keyframes sm-flow-move{ to { stroke-dashoffset: 300px; } }@media (prefers-reduced-motion: reduce){:where(.uc-awc) .sm-flow{ animation: none; }}@keyframes uc-rev-up{ from { transform: translateY(0); } to { transform: translateY(-50%); } }:where(.uc-awc) .uc-rev-track{ animation: uc-rev-up var(--dur,48s) linear infinite; will-change: transform; }:where(.uc-awc) .uc-rev-track.rev{ animation-direction: reverse; }:where(.uc-awc) .uc-rev-col:hover .uc-rev-track{ animation-play-state: paused; }@media (prefers-reduced-motion: reduce){:where(.uc-awc) .uc-rev-track{ animation: none; }}
/* ---------------------------------------------------------------------------
Independence from #uichemy-globals.
Renaming the colliding classes dodges every class-scoped rule in the old block,
but its BARE-ELEMENT rules reach this page and no rename can dodge them:
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, plus the source's own `.sos-flat h1, .sos-flat h2 {font-weight:500
!important}` which already covers h1/h2 weight at (0,1,1). What is left is the h3
weights and the letter-spacing, and only an !important beats an !important. Values
are read off the verified local render (16 headings, 8 signatures, no conflicts) and
written in em so they stay responsive. Everything here is UNLAYERED, which beats
globals while still losing to this page's own !important utilities in
@layer utilities, so the source cascade is unchanged. Every selector carries a class
so it outranks globals' (0,0,2) `body h1`. */
:where(.uc-awc) h1.hero-h1{font-weight:500!important;letter-spacing:-0.02em!important}
:where(.uc-awc) h2.mt-3.text-\[48px\]{font-weight:500!important;letter-spacing:-0.03em!important}
:where(.uc-awc) h2.max-w-\[520px\].text-\[32px\]{font-weight:500!important;letter-spacing:-0.02em!important}
:where(.uc-awc) h3.ds-t24{font-weight:500!important;letter-spacing:-0.01em!important}
:where(.uc-awc) h3.text-\[28px\].leading-\[1\.2\]{font-weight:500!important;letter-spacing:-0.01em!important}
/* the FAQ heading, styled by the page's own `.f2w .sec h2` rule */
.uc-awc .f2w .ucx-sec h2{font-weight:500!important;letter-spacing:-0.02em!important}
/* ---------------------------------------------------------------------------
Elementor's own frontend.min.css, NOT the old globals: it ships
.elementor img { height:auto; max-width:100% }
at (0,1,1), which outranks this page's height utilities at (0,1,0). Part of the
platform, so it survives the deletion of #uichemy-globals and needs real
specificity; the double class keeps the answer inside the page scope. */
.uc-awc.uicawc-root img.h-5{height:calc(var(--spacing) * 5)}
.uc-awc.uicawc-root img.h-\[109\.62\%\]{height:109.62%}
.uc-awc.uicawc-root img.h-\[24\.98px\]{height:24.98px}
.uc-awc.uicawc-root img.h-\[523\.659px\]{height:523.659px}
.uc-awc.uicawc-root img.h-\[71px\]{height:71px}
.uc-awc.uicawc-root img.h-full{height:100%}
.uc-awc.uicawc-root img.size-\[10\.506px\]{height:10.506px}
.uc-awc.uicawc-root img.size-\[12px\]{height:12px}
.uc-awc.uicawc-root img.size-\[13\.133px\]{height:13.133px}
.uc-awc.uicawc-root img.size-\[18\.88px\]{height:18.88px}
.uc-awc.uicawc-root img.size-\[24px\]{height:24px}
.uc-awc.uicawc-root img.size-\[32\.73px\]{height:32.73px}
.uc-awc.uicawc-root img.size-\[5\.795px\]{height:5.795px}
.uc-awc.uicawc-root img.size-\[53\.558px\]{height:53.558px}
.uc-awc.uicawc-root img.size-\[54\.084px\]{height:54.084px}
.uc-awc.uicawc-root img.size-\[7\.354px\]{height:7.354px}
.uc-awc.uicawc-root img.size-\[8\.405px\]{height:8.405px}
.uc-awc.uicawc-root img.size-\[9\.193px\]{height:9.193px}
.uc-awc.uicawc-root img.size-full{height:100%}
@media (min-width:40rem){.uc-awc.uicawc-root img.sm\:size-\[30px\]{height:30px}}
@media (min-width:48rem){.uc-awc.uicawc-root img.md\:size-\[36px\]{height:36px}}
@media (min-width:64rem){.uc-awc.uicawc-root img.lg\:size-\[40px\]{height:40px}}
/* ---------------------------------------------------------------------------
Hero ScreenshotCard: the four offsets the Tailwind purge ate.
In React the card's stack is state-driven (`isHovered`), so these four classes
NEVER appear in the static HTML - only `bindScreenshotCards` in uichemy-awc.js
adds them at runtime. The purge sees the built markup, not the JS, so it kept
`opacity-100` and `translate-y-0` (which do occur elsewhere) and dropped every
arbitrary-value translate. Hovering therefore faded both layers up to opacity 1
with `translate: none`, parking them exactly behind the top card: the stack
reveal looked like nothing happening at all.
Emitted in Tailwind v4's own shape (the `translate` property, not `transform`)
and inside @layer utilities so they sit where the classes they replace sat.
Any class a runtime script adds needs this treatment - the purge cannot see it. */
@layer utilities{
:where(.uc-awc) .translate-x-\[-15px\]{
--tw-translate-x: -15px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
:where(.uc-awc) .translate-y-\[15px\]{
--tw-translate-y: 15px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
:where(.uc-awc) .translate-x-\[-8px\]{
--tw-translate-x: -8px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
:where(.uc-awc) .translate-y-\[8px\]{
--tw-translate-y: 8px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
/* 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-awc .rounded-\[3\.65px\]{ border-radius: 3.65px; }.uc-awc .rounded-\[3\.8px\]{ border-radius: 3.8px; }.uc-awc .rounded-\[4px\]{ border-radius: 4px; }.uc-awc .rounded-\[4\.596px\]{ border-radius: 4.596px; }.uc-awc .rounded-\[4\.6px\]{ border-radius: 4.6px; }.uc-awc .rounded-\[4\.674px\]{ border-radius: 4.674px; }.uc-awc .rounded-\[5px\]{ border-radius: 5px; }.uc-awc .rounded-\[5\.253px\]{ border-radius: 5.253px; }.uc-awc .rounded-\[5\.664px\]{ border-radius: 5.664px; }.uc-awc .rounded-\[6px\]{ border-radius: 6px; }.uc-awc .rounded-\[6\.435px\]{ border-radius: 6.435px; }.uc-awc .rounded-\[6\.566px\]{ border-radius: 6.566px; }.uc-awc .rounded-\[7\.354px\]{ border-radius: 7.354px; }.uc-awc .rounded-\[7\.459px\]{ border-radius: 7.459px; }.uc-awc .rounded-\[7\.552px\]{ border-radius: 7.552px; }.uc-awc .rounded-\[8px\]{ border-radius: 8px; }.uc-awc .rounded-\[8\.926px\]{ border-radius: 8.926px; }.uc-awc .rounded-\[9px\]{ border-radius: 9px; }.uc-awc .rounded-\[9\.193px\]{ border-radius: 9.193px; }.uc-awc .rounded-\[9\.44px\]{ border-radius: 9.44px; }.uc-awc .rounded-\[10px\]{ border-radius: 10px; }.uc-awc .rounded-\[12px\]{ border-radius: 12px; }.uc-awc .rounded-\[12\.44px\]{ border-radius: 12.44px; }.uc-awc .rounded-\[13\.427px\]{ border-radius: 13.427px; }.uc-awc .rounded-\[14px\]{ border-radius: 14px; }.uc-awc .rounded-\[15\.453px\]{ border-radius: 15.453px; }.uc-awc .rounded-\[16px\]{ border-radius: 16px; }.uc-awc .rounded-\[17\.384px\]{ border-radius: 17.384px; }.uc-awc .rounded-\[20px\]{ border-radius: 20px; }.uc-awc .rounded-\[22\.116px\]{ border-radius: 22.116px; }.uc-awc .rounded-\[24px\]{ border-radius: 24px; }.uc-awc .rounded-\[28px\]{ border-radius: 28px; }.uc-awc .rounded-\[30px\]{ border-radius: 30px; }.uc-awc .rounded-\[32px\]{ border-radius: 32px; }.uc-awc .rounded-\[34px\]{ border-radius: 34px; }.uc-awc .rounded-\[690\.42px\]{ border-radius: 690.42px; }
/* The NAMED radius, which the arbitrary-value restatements above all missed.
Elementor ships `.elementor img{border-radius:0}` unlayered at (0,1,1); the page utility is
layered and :where()-scoped at (0,1,0), so on an ![]()
Elementor wins. That left the 8
`rounded-full size-full object-cover` workflow-card avatars rendering as squares.
`.uc-f2e .rounded-full` already existed and covers the f2e family only, which is why this
page was never caught. (0,2,0), no !important. Added 2026-09-07. */
.uc-awc .rounded-full{ border-radius: calc(infinity * 1px); }