/* Blog v6 - scoped under .uc-blg. Built from the Next.js app at app/blog (localhost:3777), NOT from public/ucwr/. Every rule is wrapped in :where(.uc-blg) 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-blg{font-size:16px;font-family:var(--font-zalando-sans);} :where(.uc-blg) :is(h1,h2,h3,h4,h5,h6){margin:0;} :where(.uc-blg) .lenis:not(.lenis-autoToggle).lenis-stopped{ overflow: clip; }:where(.uc-blg) .lenis [data-lenis-prevent], :where(.uc-blg) .lenis [data-lenis-prevent-wheel], :where(.uc-blg) .lenis [data-lenis-prevent-touch], :where(.uc-blg) .lenis [data-lenis-prevent-vertical], :where(.uc-blg) .lenis [data-lenis-prevent-horizontal]{ overscroll-behavior: contain; }:where(.uc-blg) .lenis.lenis-smooth iframe{ pointer-events: none; }:where(.uc-blg) .lenis.lenis-autoToggle{ transition-property: overflow; transition-duration: 1ms; transition-behavior: allow-discrete; }@layer theme{.uc-blg{ --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-uc-navpill: var(--color-sprout-color-background-stronger); --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-blg), :where(.uc-blg) *, :where(.uc-blg) *::after, :where(.uc-blg) *::before, :where(.uc-blg) *::backdrop, :where(.uc-blg) *::file-selector-button{ box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; }:where(.uc-blg){ 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-blg) hr{ height: 0; color: inherit; border-top-width: 1px; }:where(.uc-blg) abbr:where([title]){ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }:where(.uc-blg) h1, :where(.uc-blg) h2, :where(.uc-blg) h3, :where(.uc-blg) h4, :where(.uc-blg) h5, :where(.uc-blg) h6{ font-size: inherit; font-weight: inherit; }:where(.uc-blg) a{ color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; }:where(.uc-blg) b, :where(.uc-blg) strong{ font-weight: bolder; }:where(.uc-blg) code, :where(.uc-blg) kbd, :where(.uc-blg) samp, :where(.uc-blg) 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-blg) small{ font-size: 80%; }:where(.uc-blg) sub, :where(.uc-blg) sup{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }:where(.uc-blg) sub{ bottom: -0.25em; }:where(.uc-blg) sup{ top: -0.5em; }:where(.uc-blg) table{ text-indent: 0; border-color: inherit; border-collapse: collapse; }:where(.uc-blg) :-moz-focusring{ outline: auto; }:where(.uc-blg) progress{ vertical-align: baseline; }:where(.uc-blg) summary{ display: list-item; }:where(.uc-blg) ol, :where(.uc-blg) ul, :where(.uc-blg) menu{ list-style: none; }:where(.uc-blg) img, :where(.uc-blg) svg, :where(.uc-blg) video, :where(.uc-blg) canvas, :where(.uc-blg) audio, :where(.uc-blg) iframe, :where(.uc-blg) embed, :where(.uc-blg) object{ display: block; vertical-align: middle; }:where(.uc-blg) img, :where(.uc-blg) video{ max-width: 100%; height: auto; }:where(.uc-blg) button, :where(.uc-blg) input, :where(.uc-blg) select, :where(.uc-blg) optgroup, :where(.uc-blg) textarea, :where(.uc-blg) ::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-blg) :where(select:is([multiple], [size])) optgroup{ font-weight: bolder; }:where(.uc-blg) :where(select:is([multiple], [size])) optgroup option{ padding-inline-start: 20px; }:where(.uc-blg) ::file-selector-button{ margin-inline-end: 4px; }:where(.uc-blg) ::placeholder{ opacity: 1; }@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){:where(.uc-blg) ::placeholder{ color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } }}:where(.uc-blg) textarea{ resize: vertical; }:where(.uc-blg) ::-webkit-search-decoration{ -webkit-appearance: none; }:where(.uc-blg) ::-webkit-date-and-time-value{ min-height: 1lh; text-align: inherit; }:where(.uc-blg) ::-webkit-datetime-edit{ display: inline-flex; }:where(.uc-blg) ::-webkit-datetime-edit-fields-wrapper{ padding: 0; }:where(.uc-blg) ::-webkit-datetime-edit, :where(.uc-blg) ::-webkit-datetime-edit-year-field, :where(.uc-blg) ::-webkit-datetime-edit-month-field, :where(.uc-blg) ::-webkit-datetime-edit-day-field, :where(.uc-blg) ::-webkit-datetime-edit-hour-field, :where(.uc-blg) ::-webkit-datetime-edit-minute-field, :where(.uc-blg) ::-webkit-datetime-edit-second-field, :where(.uc-blg) ::-webkit-datetime-edit-millisecond-field, :where(.uc-blg) ::-webkit-datetime-edit-meridiem-field{ padding-block: 0; }:where(.uc-blg) ::-webkit-calendar-picker-indicator{ line-height: 1; }:where(.uc-blg) :-moz-ui-invalid{ box-shadow: none; }:where(.uc-blg) button, :where(.uc-blg) input:where([type="button"], [type="reset"], [type="submit"]), :where(.uc-blg) ::file-selector-button{ appearance: button; }:where(.uc-blg) ::-webkit-inner-spin-button, :where(.uc-blg) ::-webkit-outer-spin-button{ height: auto; }:where(.uc-blg) [hidden]:where(:not([hidden="until-found"])){ display: none !important; }}@layer utilities{:where(.uc-blg) .object-cover{ object-fit: cover; }}@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-blg) .uc-night .uc-logo-figma, :where(.uc-blg) .uc-night .uc-logo-figma:hover{ filter: brightness(0) invert(1) !important; }.uc-blg{ --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-blg) .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-blg) .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-blg) .prose-content img{ width: calc(100% + 120px); margin-left: -60px; margin-right: -60px; }}@media (max-width: 768px){:where(.uc-blg) .prose-content img{ width: 100%; margin-left: 0; margin-right: 0; }}:where(.uc-blg) .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-blg) .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-blg) .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-blg) .animate-gradient-cycle-1{ animation: gradientCycle1 9s ease-in-out infinite; }:where(.uc-blg) .animate-gradient-cycle-2{ animation: gradientCycle2 9s ease-in-out infinite; }:where(.uc-blg) .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-blg) .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-blg) .animate-gravity-drop{ animation: gravityDrop 1100ms both; will-change: transform, opacity; }@media (prefers-reduced-motion: reduce){:where(.uc-blg) .animate-gravity-drop{ animation: none; opacity: 1; transform: rotate(var(--tilt, 0deg)); }}@layer base{:where(.uc-blg), :where(.uc-blg) *{ 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-blg{ background-color: var(--background); color: var(--foreground); overflow-x: clip; max-width: 100%; }html:has(.uc-blg)::-webkit-scrollbar, body:has(.uc-blg)::-webkit-scrollbar{ width: 14px; background: transparent; }html:has(.uc-blg)::-webkit-scrollbar-track, body:has(.uc-blg)::-webkit-scrollbar-track{ background: transparent; }html:has(.uc-blg)::-webkit-scrollbar-thumb, body:has(.uc-blg)::-webkit-scrollbar-thumb{ background-color: #b0b0b0; border-radius: 9999px; border: 4px solid transparent; background-clip: content-box; min-height: 48px; }html:has(.uc-blg)::-webkit-scrollbar-thumb:hover, body:has(.uc-blg)::-webkit-scrollbar-thumb:hover{ background-color: #8a8a8a; }html:has(.uc-blg)::-webkit-scrollbar-button:single-button, body:has(.uc-blg)::-webkit-scrollbar-button:single-button{ background-repeat: no-repeat; background-position: center; background-size: 8px; height: 14px; width: 14px; }html:has(.uc-blg)::-webkit-scrollbar-button:single-button:vertical:decrement, body:has(.uc-blg)::-webkit-scrollbar-button:single-button:vertical:decrement{ background-image: url("data:image/svg+xml;utf8,"); }html:has(.uc-blg)::-webkit-scrollbar-button:single-button:vertical:increment, body:has(.uc-blg)::-webkit-scrollbar-button:single-button:vertical:increment{ background-image: url("data:image/svg+xml;utf8,"); }@supports not selector(::-webkit-scrollbar){.uc-blg{ scrollbar-width: thin; scrollbar-color: #b0b0b0 transparent; }}:where(.uc-blg) ::selection{ background-color: rgba(82, 2, 253, 0.18) !important; }:where(.uc-blg) ::-moz-selection{ background-color: rgba(82, 2, 253, 0.18) !important; }}@font-face{ font-family: "Zalando Sans"; src: url("/wp-content/uploads/2026/09/fonts-ZalandoSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }@font-face{ font-family: "Zalando Sans"; src: url("/wp-content/uploads/2026/09/fonts-ZalandoSans-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }@font-face{ font-family: "Zalando Sans"; src: url("/wp-content/uploads/2026/09/fonts-ZalandoSans-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }@font-face{ font-family: "Zalando Sans"; src: url("/wp-content/uploads/2026/09/fonts-ZalandoSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }@layer utilities{}@media (max-width: 1024px){:where(.uc-blg) .sprout-heading-2xl-semibold{ font-size: 60px; line-height: 70px; }:where(.uc-blg) .sprout-heading-lg-medium{ font-size: 32px; line-height: 44px; }:where(.uc-blg) .sprout-heading-md-medium{ font-size: 28px; line-height: 36px; }:where(.uc-blg) .sprout-heading-xs-medium{ font-size: 20px; line-height: 28px; }:where(.uc-blg) .sprout-body-md-regular, :where(.uc-blg) .sprout-body-md-medium, :where(.uc-blg) .sprout-body-md-semibold, :where(.uc-blg) .sprout-body-md-regular-italic{ font-size: 15px; line-height: 22px; }:where(.uc-blg) .sprout-body-sm-medium, :where(.uc-blg) .sprout-body-sm-regular, :where(.uc-blg) .sprout-body-sm-semibold{ font-size: 13px; line-height: 18px; }:where(.uc-blg) .sprout-container{ padding: 60px 15px; }}@media (max-width: 768px){:where(.uc-blg) .sprout-heading-2xl-semibold{ font-size: 48px; line-height: 56px; }:where(.uc-blg) .sprout-heading-lg-medium{ font-size: 28px; line-height: 30px; }:where(.uc-blg) .sprout-heading-md-medium{ font-size: 24px; line-height: 32px; }:where(.uc-blg) .sprout-heading-xs-medium{ font-size: 18px; line-height: 24px; }:where(.uc-blg) .sprout-body-md-regular, :where(.uc-blg) .sprout-body-md-medium, :where(.uc-blg) .sprout-body-md-semibold, :where(.uc-blg) .sprout-body-md-regular-italic{ font-size: 14px; line-height: 20px; }:where(.uc-blg) .sprout-body-sm-regular, :where(.uc-blg) .sprout-body-sm-medium, :where(.uc-blg) .sprout-body-sm-semibold{ font-size: 12px; line-height: 16px; }:where(.uc-blg) .sprout-container{ padding: 40px 15px; }:where(.uc-blg) .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-blg) .animate-scrollUp{ animation: scrollUp 20s linear infinite; }:where(.uc-blg) .animate-scrollDown{ animation: scrollDown 20s linear infinite; }:where(.uc-blg) input::placeholder, :where(.uc-blg) textarea::placeholder{ color: inherit; opacity: 0.5; }@keyframes marquee{ 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }:where(.uc-blg) .animate-marquee{ animation: marquee 15s linear infinite; }@keyframes marquee-reverse{ 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } }:where(.uc-blg) .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-blg{ --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-blg) .ucx-uc-container{ max-width: var(--uc-container-max); margin-inline: auto; padding-inline: var(--uc-gutter); }:where(.uc-blg) .uc-section{ padding-block: var(--uc-section-y); }:where(.uc-blg) .uc-section-lg{ padding-block: 152px 112px; }@media (max-width: 1024px){.uc-blg{ --uc-gutter: 32px; }}@media (max-width: 768px){.uc-blg{ --uc-gutter: 20px; --uc-section-y: 72px; }:where(.uc-blg) .uc-section-lg{ padding-block: 88px 64px; }}:where(.uc-blg) .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-blg) .ds-display{ font-size: 64px; line-height: 62px; letter-spacing: -1.3px; }}:where(.uc-blg) .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-blg) .ds-h2{ font-size: 36px; line-height: 38px; letter-spacing: -.36px; }}:where(.uc-blg) .ds-t28{ font-weight: 500; font-size: 28px; line-height: 30px; letter-spacing: -.28px; color: var(--color-sprout-color-text-default); }:where(.uc-blg) .ds-t24{ font-weight: 500; font-size: 30px; line-height: 34px; letter-spacing: -.3px; color: var(--color-sprout-color-text-default); }:where(.uc-blg) .ds-t18{ font-weight: 600; font-size: 18px; line-height: 24px; letter-spacing: -.18px; color: var(--color-sprout-color-text-default); }:where(.uc-blg) .ds-lead{ font-weight: 500; font-size: 18px; line-height: 24px; letter-spacing: -.18px; color: var(--color-sprout-color-text-weaker); }:where(.uc-blg) .ds-body{ font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -.16px; color: var(--color-sprout-color-text-weaker); }:where(.uc-blg) .ds-caption{ font-weight: 500; font-size: 12px; line-height: 18px; letter-spacing: -.16px; color: var(--color-sprout-color-text-weaker); }:where(.uc-blg) .ds-caption-regular{ font-weight: 400; }:where(.uc-blg) .ds-overline{ font-weight: 500; font-size: 12px; line-height: 16px; letter-spacing: .2px; color: var(--color-sprout-color-text-weaker); }:where(.uc-blg) .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-blg) .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-blg) .uc-note{ animation: none; }}@property --uc-angle{ syntax: ""; initial-value: 0deg; inherits: false; }@keyframes uc-eyebrow-rotate{ to { --uc-angle: 360deg; } }:where(.uc-blg) .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-blg) .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-blg) .uc-eyebrow::before{ animation: none; }}:where(.uc-blg) .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-blg) .uc-btn-primary{ background: var(--color-sprout-color-primary); color: #fff; box-shadow: var(--shadow-sprout-xs); }:where(.uc-blg) .uc-btn-primary:hover{ background: var(--color-sprout-color-primary-darker); transform: translateY(-1px); }:where(.uc-blg) .uc-btn-secondary{ background: var(--color-sprout-color-secondary); color: #fff; box-shadow: var(--shadow-sprout-xs); }:where(.uc-blg) .uc-btn-secondary:hover{ background: var(--color-sprout-color-secondary-darker); transform: translateY(-1px); }:where(.uc-blg) .uc-btn-dark{ background: var(--color-sprout-color-text-default); color: #fff; box-shadow: var(--shadow-sprout-xs); }:where(.uc-blg) .uc-btn-dark:hover{ background: #000; transform: translateY(-1px); }:where(.uc-blg) .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-blg) .uc-btn-wire:hover{ background: var(--color-sprout-color-background-stronger); transform: translateY(-1px); }:where(.uc-blg) .uc-btn-soft{ background: var(--color-sprout-color-primary-lightest); color: var(--color-sprout-color-primary-darker); }:where(.uc-blg) .uc-btn-soft:hover{ background: var(--color-sprout-color-primary-lighter); }:where(.uc-blg) .uc-btn-lg{ height: 46px; padding-inline: 22px; font-size: 15px; border-radius: 12px; }:where(.uc-blg) .uc-btn-wire-dark{ background: transparent; border-color: rgba(255,255,255,.3); color: #fff; }:where(.uc-blg) .uc-btn-wire-dark:hover{ border-color: #fff; transform: translateY(-1px); }:where(.uc-blg) .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-blg) .uc-badge-soon{ color: var(--color-sprout-color-background-blue); background: var(--color-sprout-color-secondary-lightest); }:where(.uc-blg) .uc-badge-soon-dark{ color: #fff; background: rgba(255,255,255,.15); }:where(.uc-blg) .uc-account{ border: 1.5px solid rgba(2,1,8,.2); }:where(.uc-blg) .uc-account:hover{ border-color: var(--color-sprout-color-text-default); }:where(.uc-blg) .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-blg) .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-blg) .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-blg) .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-blg) .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-blg) .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-blg) .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-blg) .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-blg) .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-blg) .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-blg) .uc-dot-primary{ background: var(--color-sprout-color-primary); }:where(.uc-blg) .uc-dot-secondary{ background: var(--color-sprout-color-secondary); }:where(.uc-blg) .uc-dot-blue{ background: var(--color-sprout-color-background-blue); }:where(.uc-blg) .uc-dot-editor{ background: var(--color-sprout-color-primary-darker); }:where(.uc-blg) .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-blg) .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-blg) .uc-orb-blue{ background: radial-gradient(circle at 32% 28%, #8f7ce6, var(--color-sprout-color-background-blue) 56%, #170748 95%); }:where(.uc-blg) .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-blg) .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-blg) .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-blg) .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-blg) .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-blg) .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-blg) .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-blg) .uc-flow-line{ stroke-dasharray: 20 100; stroke-dashoffset: 0; animation: uc-flow 3s linear infinite; }:where(.uc-blg) .uc-flow-line.d1{ animation-delay: 0s; }:where(.uc-blg) .uc-flow-line.d2{ animation-delay: -1s; }:where(.uc-blg) .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-blg) .uc-cpu-glow{ animation: uc-cpu-pulse 4.5s ease-in-out infinite; }@media (prefers-reduced-motion: reduce){:where(.uc-blg) .uc-flow-line{ animation: none; stroke-dasharray: none; }:where(.uc-blg) .uc-cpu-glow{ animation: none; }}@keyframes uc-marquee{ to { transform: translateX(-50%); } }:where(.uc-blg) .uc-marquee{ width: max-content; animation: uc-marquee 40s linear infinite; }:where(.uc-blg) .uc-marquee-wrap:hover .uc-marquee{ animation-play-state: paused; }:where(.uc-blg) .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-blg) .uc-hero-chip:hover{ border-color: var(--color-sprout-color-border-default); transform: translateY(-2px); }:where(.uc-blg) .uc-hero-chip svg{ width: 18px; height: 18px; flex: 0 0 auto; }:where(.uc-blg) .uc-night .uc-hero-chip{ box-shadow: none; }html.uicblg-js :where(.uc-blg) .uc-reveal{ opacity: 0; transform: translateY(22px); transition: opacity .6s cubic-bezier(.2,.7,.2,1), transform .6s cubic-bezier(.2,.7,.2,1); }html.uicblg-js :where(.uc-blg) .uc-reveal.in{ opacity: 1; transform: none; }:where(.uc-blg) .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-blg) .uc-reveal{ opacity: 1 !important; transform: none !important; }:where(.uc-blg) .uc-marquee{ animation: none !important; }:where(.uc-blg) .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-blg) .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-blg) .uc-tab-in{ animation: none; }}:where(.uc-blg) .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-blg) .uc-tabprog-fill{ display: block; height: 100%; border-radius: 999px; background: var(--uc-brand); transition: width .12s linear; }.uc-blg{ --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-blg) .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-blg) .uc-night .uc-force-light{ --color-sprout-color-background-weaker: #ffffff; --color-sprout-color-background-default: #f4f4f4; --color-sprout-color-background-stronger: #ebebeb; --color-sprout-color-background-strongest: #e3e3ed; --color-sprout-color-text-default: #0a0a0a; --color-sprout-color-text-stronger: #171717; --color-sprout-color-text-weaker: #737373; --color-sprout-color-text-weakest: #a3a3a3; --color-sprout-color-text-disabled: #737373; --color-sprout-color-border-weak: #e5e5e5; --color-sprout-color-border-default: #d4d4d4; --color-uc-navpill: #ebebeb; }:where(.uc-blg) #top{ transition: background-color .55s cubic-bezier(.4, 0, .2, 1); }:where(.uc-blg) #top section, :where(.uc-blg) #top .ds-display, :where(.uc-blg) #top .ds-h2, :where(.uc-blg) #top .ds-t28, :where(.uc-blg) #top .ds-t24, :where(.uc-blg) #top .ds-lead, :where(.uc-blg) #top .ds-body, :where(.uc-blg) #top .ds-caption, :where(.uc-blg) #top .ds-overline, :where(.uc-blg) #top .ds-fine, :where(.uc-blg) #top h1, :where(.uc-blg) #top h2, :where(.uc-blg) #top h3, :where(.uc-blg) #top p, :where(.uc-blg) #top li{ transition: background-color .55s cubic-bezier(.4, 0, .2, 1), color .55s cubic-bezier(.4, 0, .2, 1), border-color .55s cubic-bezier(.4, 0, .2, 1); }:where(.uc-blg) .uc-step-visual > div > img:first-child, :where(.uc-blg) .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-blg) *, :where(.uc-blg) ::before, :where(.uc-blg) ::after, :where(.uc-blg) ::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-blg) .uc-scope, :where(.uc-blg) .uc-content, :where(.uc-blg) .uc-chrome, :where(.uc-blg) .uc-portal{ --uc-brand: #FD6A35; --uc-brand-on: #FFFFFF; --uc-success: #2EA343; --uc-success-on: #FFFFFF; --uc-danger: #F65258; --uc-danger-on: #FFFFFF; --uc-warning: #FFA940; --uc-warning-on: #171717; --uc-accent: #5202FD; --uc-accent-on: #FFFFFF; --uc-brand-border: rgba(253, 106, 53, 0.40); --uc-success-border: rgba(46, 163, 67, 0.40); --uc-danger-border: rgba(246, 82, 88, 0.40); --uc-warning-border: rgba(255, 169, 64, 0.42); --uc-accent-border: rgba(82, 2, 253, 0.40); --uc-brand-glow-hover: rgba(253, 106, 53, 0.08); --uc-brand-glow-press: rgba(253, 106, 53, 0.16); --uc-success-glow-hover: rgba(46, 163, 67, 0.08); --uc-success-glow-press: rgba(46, 163, 67, 0.16); --uc-danger-glow-hover: rgba(246, 82, 88, 0.08); --uc-danger-glow-press: rgba(246, 82, 88, 0.16); --uc-warning-glow-hover: rgba(255, 169, 64, 0.10); --uc-warning-glow-press: rgba(255, 169, 64, 0.18); --uc-accent-glow-hover: rgba(82, 2, 253, 0.08); --uc-accent-glow-press: rgba(82, 2, 253, 0.16); --uc-text-inverse: #FFFFFF; --uc-bg: var(--uc-surface-base); --uc-fg: var(--uc-text-strong); --uc-fg-muted: var(--uc-text-muted); --uc-card: var(--uc-surface-raised); --uc-card-fg: var(--uc-text-strong); --uc-muted: var(--uc-surface-sunken); --uc-elevated: var(--uc-surface-overlay); --uc-radius-0: 0; --uc-radius-2: 2px; --uc-radius-4: 4px; --uc-radius-6: 6px; --uc-radius-8: 8px; --uc-radius-12: 12px; --uc-radius-16: 16px; --uc-radius-24: 24px; --uc-radius-32: 32px; --uc-radius-infinite: 9999px; --uc-radius-xs: var(--uc-radius-4); --uc-radius-sm: var(--uc-radius-6); --uc-radius-md: var(--uc-radius-8); --uc-radius-lg: var(--uc-radius-12); --uc-radius-xl: var(--uc-radius-16); --uc-radius-pill: var(--uc-radius-infinite); --uc-space-0: 0; --uc-space-1: 1px; --uc-space-2: 2px; --uc-space-3: 3px; --uc-space-4: 4px; --uc-space-5: 5px; --uc-space-6: 6px; --uc-space-7: 7px; --uc-space-8: 8px; --uc-space-9: 9px; --uc-space-10: 10px; --uc-space-11: 11px; --uc-space-12: 12px; --uc-space-14: 14px; --uc-space-16: 16px; --uc-space-20: 20px; --uc-space-24: 24px; --uc-space-28: 28px; --uc-space-32: 32px; --uc-space-36: 36px; --uc-space-40: 40px; --uc-space-44: 44px; --uc-space-48: 48px; --uc-font-sans: "Zalando Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --uc-font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace; --uc-text-3xs: 0.5rem; --uc-text-2xs: 0.625rem; --uc-text-xs: 0.75rem; --uc-text-sm: 0.8125rem; --uc-text-base: 0.875rem; --uc-text-md: 1rem; --uc-text-lg: 1.125rem; --uc-text-xl: 1.25rem; --uc-text-2xl: 1.5rem; --uc-text-3xl: 1.875rem; --uc-weight-regular: 400; --uc-weight-medium: 500; --uc-weight-semibold: 600; --uc-leading-tight: 1.2; --uc-leading-snug: 1.35; --uc-leading-normal: 1.5; --uc-tracking-tight: -0.01em; --uc-tracking-normal: 0; --uc-tracking-wide: 0.02em; --uc-shadow-1: 0 0 0 1px oklch(50% 0.01 285 / 0.06), 0 1px 2px oklch(0% 0 0 / 0.05); --uc-shadow-2: 0 0 0 1px oklch(50% 0.01 285 / 0.06), 0 1px 2px oklch(0% 0 0 / 0.05), 0 2px 6px -1px oklch(0% 0 0 / 0.06); --uc-shadow-3: 0 0 0 1px oklch(50% 0.01 285 / 0.06), 0 2px 4px -1px oklch(0% 0 0 / 0.05), 0 6px 14px -3px oklch(0% 0 0 / 0.08); --uc-shadow-4: 0 0 0 1px oklch(50% 0.01 285 / 0.06), 0 6px 12px -4px oklch(0% 0 0 / 0.06), 0 14px 28px -6px oklch(0% 0 0 / 0.10); --uc-shadow-5: 0 0 0 1px oklch(50% 0.01 285 / 0.06), 0 12px 24px -8px oklch(0% 0 0 / 0.08), 0 28px 56px -12px oklch(0% 0 0 / 0.14); --uc-shadow-control: inset 0 1px 0 0 rgba(255, 255, 255, 0.18), 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 3px -1px rgba(0, 0, 0, 0.05); --uc-shadow-control-brand: inset 0 1px 0 0 rgba(255, 255, 255, 0.24), inset 0 0 0 1px rgba(0, 0, 0, 0.14), 0 1px 2px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.06); --uc-shadow-control-pressed: inset 0 1px 2px rgba(0, 0, 0, 0.14); --uc-shadow-input: inset 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 2px 4px -2px rgba(0, 0, 0, 0.04); --uc-shadow-raised: inset 0 1px 0 0 rgba(255, 255, 255, 0.10), 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 3px -1px rgba(0, 0, 0, 0.04); --uc-sheen: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.03)); --uc-control-h-sm: 1.75rem; --uc-control-h-md: 2rem; --uc-control-h-lg: 2.5rem; --uc-dur-fast: 160ms; --uc-dur-base: 240ms; --uc-dur-slow: 340ms; --uc-dur-enter: 300ms; --uc-ease-standard: cubic-bezier(0.2, 0, 0, 1); --uc-ease-emphasized: cubic-bezier(0.3, 0, 0, 1); --uc-ease-exit: cubic-bezier(0.4, 0, 1, 1); --uc-z-dropdown: 1000; --uc-z-overlay: 1100; --uc-z-dialog: 1200; --uc-z-tooltip: 1300; }:where(.uc-blg) .uc-scope, :where(.uc-blg) .uc-content, :where(.uc-blg) .uc-portal, :where(.uc-blg) .uc-night .uc-force-light .uc-scope, :where(.uc-blg) .uc-night .uc-force-light .uc-content, :where(.uc-blg) .uc-night .uc-force-light .uc-portal{ --uc-surface-sunken: #F1F1F7; --uc-surface-base: #F9F9FB; --uc-surface-raised: #FFFFFF; --uc-surface-overlay: rgba(255, 255, 255, 0.10); --uc-surface-control: #FFFFFF; --uc-text-strong: #0A0A0A; --uc-text: #171717; --uc-text-muted: #737373; --uc-text-subtle: #A3A3A3; --uc-inverse-bg: #171717; --uc-inverse-fg: #FFFFFF; --uc-border-subtle: #E5E5E5; --uc-border: #D4D4D4; --uc-border-strong: #D4D4D4; --uc-ring: rgba(253, 106, 53, 0.50); --uc-brand-fg: #CC4B23; --uc-success-fg: #0A842A; --uc-danger-fg: #D12D37; --uc-warning-fg: #AA712B; --uc-accent-fg: #3600AF; --uc-brand-soft: #FFF1EB; --uc-success-soft: #E7FFE7; --uc-danger-soft: #FFF2EF; --uc-warning-soft: #FFEDD8; --uc-accent-soft: #F2EEFF; }:where(.uc-blg) .uc-content[data-theme="dark"], :where(.uc-blg) .uc-night .uc-scope, :where(.uc-blg) .uc-night .uc-content, :where(.uc-blg) .uc-night .uc-portal{ --uc-surface-sunken: #151515; --uc-surface-base: #1C1C1C; --uc-surface-raised: #242424; --uc-surface-overlay: #2A2A2A; --uc-surface-control: rgba(255, 255, 255, 0.05); --uc-text-strong: #F5F5F5; --uc-text: #E5E5E5; --uc-text-muted: #A3A3A3; --uc-text-subtle: #737373; --uc-inverse-bg: #F5F5F5; --uc-inverse-fg: #1C1C1C; --uc-border-subtle: #2E2E2E; --uc-border: #3D3D3D; --uc-border-strong: #525252; --uc-ring: rgba(253, 106, 53, 0.60); --uc-brand-fg: #FFB89A; --uc-success-fg: #A7EAAA; --uc-danger-fg: #FDC9C6; --uc-warning-fg: #FFC680; --uc-accent-fg: #B8A9FF; --uc-brand-soft: rgba(253, 106, 53, 0.18); --uc-success-soft: rgba(46, 163, 67, 0.20); --uc-danger-soft: rgba(246, 82, 88, 0.20); --uc-warning-soft: rgba(255, 169, 64, 0.22); --uc-accent-soft: rgba(82, 2, 253, 0.28); }:where(.uc-blg) .uc-chrome{ --uc-surface-sunken: #101010; --uc-surface-base: #171717; --uc-surface-raised: #202020; --uc-surface-overlay: #242424; --uc-surface-control: rgba(255, 255, 255, 0.05); --uc-text-strong: #FFFFFF; --uc-text: #A3A3A3; --uc-text-muted: #737373; --uc-text-subtle: #525252; --uc-inverse-bg: #F5F5F5; --uc-inverse-fg: #171717; --uc-border-subtle: #333333; --uc-border: #404040; --uc-border-strong: #525252; --uc-ring: rgba(253, 106, 53, 0.60); --uc-brand-fg: #FFB89A; --uc-success-fg: #A7EAAA; --uc-danger-fg: #FDC9C6; --uc-warning-fg: #FFC680; --uc-accent-fg: #B8A9FF; --uc-brand-soft: rgba(253, 106, 53, 0.18); --uc-success-soft: rgba(46, 163, 67, 0.20); --uc-danger-soft: rgba(246, 82, 88, 0.20); --uc-warning-soft: rgba(255, 169, 64, 0.22); --uc-accent-soft: rgba(82, 2, 253, 0.28); }:where(.uc-blg) .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-blg) .uc-scope, :where(.uc-blg) .uc-content, :where(.uc-blg) .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-blg) .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-blg) .uc-scope *, :where(.uc-blg) .uc-scope *::before, :where(.uc-blg) .uc-scope *::after, :where(.uc-blg) .uc-content *, :where(.uc-blg) .uc-content *::before, :where(.uc-blg) .uc-content *::after, :where(.uc-blg) .uc-chrome *, :where(.uc-blg) .uc-chrome *::before, :where(.uc-blg) .uc-chrome *::after, :where(.uc-blg) .uc-portal *, :where(.uc-blg) .uc-portal *::before, :where(.uc-blg) .uc-portal *::after{ box-sizing: border-box; }@media (prefers-reduced-motion: reduce){:where(.uc-blg) .uc-scope *, :where(.uc-blg) .uc-content *, :where(.uc-blg) .uc-chrome *, :where(.uc-blg) .uc-portal *{ animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }} :where(.uc-blg) .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-blg) .Button_button__8M0Ui:focus-visible{ outline: 2px solid var(--uc-ring); outline-offset: 2px; }:where(.uc-blg) .Button_button__8M0Ui:active:not(:disabled){ transform: translateY(0.5px); }:where(.uc-blg) .Button_button__8M0Ui:disabled{ opacity: 0.5; cursor: not-allowed; box-shadow: none; }:where(.uc-blg) .Button_sm__CjQl1{ --_h: var(--uc-control-h-sm); --_px: var(--uc-space-12); --_fs: var(--uc-text-sm); }:where(.uc-blg) .Button_md__0_bmU{ --_h: var(--uc-control-h-md); --_px: var(--uc-space-16); --_fs: var(--uc-text-base); }:where(.uc-blg) .Button_lg__7yGRs{ --_h: var(--uc-control-h-lg); --_px: var(--uc-space-20); --_fs: var(--uc-text-md); }:where(.uc-blg) .Button_iconOnly__eY4j_{ padding: 0; width: var(--_h); }:where(.uc-blg) .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-blg) .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-blg) .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-blg) .Button_solid__hu289.Button_neutral__jwE0u{ color: var(--uc-inverse-fg); background: var(--uc-inverse-bg); box-shadow: var(--uc-shadow-control); }:where(.uc-blg) .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-blg) .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-blg) .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-blg) .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-blg) .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-blg) .Button_outline__Zwmoe.Button_neutral__jwE0u{ color: var(--uc-text-strong); }:where(.uc-blg) .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-blg) .Button_ghost__e52lE{ color: var(--_fg, var(--uc-brand-fg)); background: transparent; }:where(.uc-blg) .Button_ghost__e52lE.Button_neutral__jwE0u{ color: var(--uc-text); }:where(.uc-blg) .Button_ghost__e52lE:hover:not(:disabled){ background: var(--_glow, var(--uc-brand-glow-hover)); color: var(--uc-text-strong); }:where(.uc-blg) .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-blg) .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-blg) .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-blg) .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-blg) .Button_loading__ZvEzX{ color: transparent !important; pointer-events: none; }:where(.uc-blg) .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-blg) .Button_soft__o47wg .Button_spinner__D8hjY, :where(.uc-blg) .Button_outline__Zwmoe .Button_spinner__D8hjY, :where(.uc-blg) .Button_ghost__e52lE .Button_spinner__D8hjY{ color: var(--uc-text); }:where(.uc-blg) .Button_solid__hu289.Button_neutral__jwE0u .Button_spinner__D8hjY{ color: var(--uc-inverse-fg); }@keyframes Button_uc-spin__zZG4c{ to { transform: rotate(360deg); } }.uc-blg{ --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.55s cubic-bezier(0.4, 0, 0.2, 1), color 0.55s cubic-bezier(0.4, 0, 0.2, 1); }html:has(.uc-blg), html:has(.uc-blg), body:has(.uc-blg){ background-color: #fff; }.uc-blg *{ box-sizing: border-box; }.uc-blg.is-night{ --acc2: #ff8a5b; --pg: #171717; --pg2: #1f1f1f; --tx: #f5f5f5; --txd: #a1a1a1; --txf: #7d7d7d; --acc-dk: #f5f5f5; --acc-soft: #262626; --acc-line: rgba(255, 255, 255, 0.14); --cardbg: #1f1f1f; --cardbd: rgba(255, 255, 255, 0.12); --line: rgba(255, 255, 255, 0.10); --mist: #262626; --ink: #f5f5f5; --color-sprout-color-background-weaker: #171717; --color-sprout-color-background-default: #1f1f1f; --color-sprout-color-background-stronger: #262626; --color-sprout-color-background-strongest: #2b2b2b; --color-sprout-color-text-default: #f5f5f5; --color-sprout-color-text-stronger: #ffffff; --color-sprout-color-text-weaker: #a1a1a1; --color-sprout-color-text-weakest: #7d7d7d; --color-sprout-color-text-disabled: #6b6b6b; --color-sprout-color-border-weak: rgba(255, 255, 255, 0.10); --color-sprout-color-border-default: rgba(255, 255, 255, 0.16); --color-sprout-color-primary: #fd6a35; }.uc-blg, .uc-blg .ucx-sec, .uc-blg .sec-head, .uc-blg .eyebrow, .uc-blg .accent-lemon, .uc-blg h1, .uc-blg h2, .uc-blg h3, .uc-blg p, .uc-blg li, .uc-blg .ds-fine, .uc-blg .faq2-eyebrow, .uc-blg .conv-eyebrow, .uc-blg .conv-title, .uc-blg .conv-sub{ transition: background-color 0.55s cubic-bezier(0.4, 0, 0.2, 1), color 0.55s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.55s cubic-bezier(0.4, 0, 0.2, 1); }.uc-blg :is([class*="bg-sprout-color-"], [class*="border-sprout-color-"], [class*="text-sprout-color-"]):not(a, button, input, select, textarea, [role="button"], [role="tab"], [class*="hover:"], [class*="transition"]){ transition: background-color 0.55s cubic-bezier(0.4, 0, 0.2, 1), color 0.55s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.55s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.55s cubic-bezier(0.4, 0, 0.2, 1); }@media (prefers-reduced-motion: reduce){.uc-blg, .uc-blg .ucx-sec, .uc-blg .sec-head, .uc-blg .eyebrow, .uc-blg .accent-lemon, .uc-blg h1, .uc-blg h2, .uc-blg h3, .uc-blg p, .uc-blg li, .uc-blg .ds-fine, .uc-blg .faq2-eyebrow, .uc-blg .conv-eyebrow, .uc-blg .conv-title, .uc-blg .conv-sub{ transition: none; }.uc-blg :is([class*="bg-sprout-color-"], [class*="border-sprout-color-"], [class*="text-sprout-color-"]):not(a, button, input, select, textarea, [role="button"], [role="tab"], [class*="hover:"], [class*="transition"]){ transition: none; }.uc-blg{ transition: none; }}.uc-blg.is-night .ax-num{ background: #262626; }.uc-blg.is-night .ax-media{ background: #2e2e2e; }.uc-blg.is-night .hp-card{ background: var(--cardbg); }.uc-blg.is-night .hero-chip{ background: #1f1f1f; border-color: rgba(255, 255, 255, 0.12); box-shadow: none; }.uc-blg.is-night .hero-chip:hover{ border-color: rgba(255, 255, 255, 0.24); }.uc-blg.is-night .widget-chip{ background: #1f1f1f; border-color: rgba(255, 255, 255, 0.12); box-shadow: none; }.uc-blg.is-night .rp-ic{ color: #525252; border-color: rgba(10, 10, 10, 0.12); }.uc-blg.is-night .rp-ic:hover{ color: #0a0a0a; border-color: rgba(10, 10, 10, 0.28); }.uc-blg .conv-card, .uc-blg .conv-tile{ transition: background-color 0.55s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.55s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.55s cubic-bezier(0.4, 0, 0.2, 1); }.uc-blg img{ max-width: 100%; }.uc-blg .ucx-uc-container{ max-width: var(--uc-container-max); margin-inline: auto; padding-inline: var(--uc-gutter); }.uc-blg .ucx-sec{ position: relative; padding: 104px 0; scroll-margin-top: 80px; }@media (max-width: 700px){.uc-blg .ucx-sec{ padding: 68px 0; }}.uc-blg .sec-head{ max-width: 900px; margin: 0 auto; text-align: center; }.uc-blg .ucx-sec h2{ font-size: 36px; line-height: 40px; font-weight: 500; letter-spacing: -0.02em; margin: 16px 0 14px; text-wrap: balance; color: var(--tx); }@media (min-width: 768px){.uc-blg .ucx-sec h2{ font-size: 46px; line-height: 50px; }}.uc-blg .ucx-sec .ucx-sub{ color: var(--txd); font-size: 18px; line-height: 28px; margin: 0; }.uc-blg .sec-head .ucx-sub{ margin-left: auto; margin-right: auto; max-width: 760px; }.uc-blg .accent-lemon{ color: var(--tx); }.uc-blg .sec-note{ text-align: center; color: var(--txf); font-size: 14px; line-height: 22px; margin: 20px 0 0; }.uc-blg .eyebrow{ display: inline-flex; align-items: center; gap: 8px; color: var(--tx); background: none; border: 0; padding: 0; border-radius: 0; font-size: 16px; font-weight: 500; letter-spacing: -0.01em; line-height: 24px; }.uc-blg .badge-new{ display: inline-block; height: var(--spacing-sprout-16); line-height: var(--spacing-sprout-16); padding: 0 var(--spacing-sprout-8); font-size: 10px; font-weight: 700; letter-spacing: 0.04em; border-radius: 999px; text-transform: uppercase; background: var(--acc2-solid); color: #fff; }.uc-blg .mcp-link{ position: relative; display: inline-flex; align-items: center; gap: 7px; color: var(--acc-dk); text-decoration: none; font-size: 16px; font-weight: 500; line-height: 26px; }.uc-blg .mcp-link svg{ width: 17px; height: 17px; transition: transform 0.24s var(--ease); }.uc-blg .mcp-link:hover svg{ transform: translateX(3px); }.uc-blg .mcp-link::after{ content: ""; position: absolute; left: 0; bottom: -4px; width: 100%; height: 2px; border-radius: 2px; background: var(--acc); transform: scaleX(0); transform-origin: left; transition: transform 0.3s var(--ease); }.uc-blg .mcp-link:hover::after{ transform: scaleX(1); }.uc-blg .btn-wp-dl{ color: var(--tx); }.uc-blg .btn-wp-dl img{ width: 18px; height: auto; display: block; flex: 0 0 auto; filter: brightness(0); transition: filter 0.55s cubic-bezier(0.4, 0, 0.2, 1); }.uc-blg.is-night .btn-wp-dl img{ filter: brightness(1); }.uc-blg .reveal{ opacity: 0; transform: translateY(22px); transition: opacity 0.6s var(--ease), transform 0.6s var(--ease); will-change: opacity, transform; }.uc-blg .reveal.in{ opacity: 1; transform: none; }.uc-blg .frame{ position: relative; margin: 52px auto 0; max-width: 960px; aspect-ratio: 16/9; border-radius: 20px; overflow: hidden; display: grid; place-items: center; background: var(--mist); border: 1px solid var(--cardbd); box-shadow: 0 18px 44px -24px rgba(16, 24, 40, 0.28); }.uc-blg .frame .fi{ position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; color: var(--txd); }.uc-blg .frame .fi svg{ width: 40px; height: 40px; }.uc-blg .frame .fi span{ font-size: 14px; line-height: 20px; }.uc-blg .vplay{ width: 72px; height: 72px; border-radius: 50%; background: var(--acc); display: grid; place-items: center; box-shadow: 0 10px 30px rgba(253, 106, 53, 0.35); }.uc-blg .vplay svg{ fill: #fff; }.uc-blg .hero{ position: relative; overflow: hidden; text-align: center; padding: clamp(120px, 15vh, 176px) 0 clamp(56px, 7vw, 88px); background: var(--pg); }.uc-blg .hero > .ucx-uc-container{ position: relative; z-index: 2; }.uc-blg .hero .eyebrow{ margin-bottom: 18px; }.uc-blg .hero .ucx-sub{ max-width: 900px; margin: 0 auto 34px; color: var(--txd); font-size: 18px; line-height: 28px; }.uc-blg .hero::before, .uc-blg .hero::after{ content: none; }.uc-blg .uic-spell-layer{ position: absolute; inset: 0; z-index: 1; overflow: hidden; pointer-events: none; --mx: 0; --my: 0; }.uc-blg .uic-orb{ position: absolute; border-radius: 50%; filter: blur(55px); will-change: transform; opacity: 0.5; }.uc-blg .uic-orb-1{ width: 480px; height: 480px; left: -4%; top: 12%; background: radial-gradient(circle, rgba(253, 106, 53, 0.28) 0%, transparent 68%); animation: f2w-float-a 14s ease-in-out infinite alternate; transform: translate(calc(var(--mx) * 24px), calc(var(--my) * 24px)); }.uc-blg .uic-orb-2{ width: 400px; height: 400px; right: -3%; top: 40%; background: radial-gradient(circle, rgba(82, 2, 253, 0.18) 0%, transparent 68%); animation: f2w-float-b 18s ease-in-out infinite alternate; transform: translate(calc(var(--mx) * -32px), calc(var(--my) * -32px)); }.uc-blg .uic-orb-3{ width: 300px; height: 300px; left: 40%; top: 55%; background: radial-gradient(circle, rgba(253, 106, 53, 0.16) 0%, transparent 68%); animation: f2w-float-a 22s ease-in-out infinite alternate-reverse; transform: translate(calc(var(--mx) * 16px), calc(var(--my) * 16px)); }.uc-blg .uic-orb-4{ width: 420px; height: 420px; left: -8%; top: 66%; background: radial-gradient(circle, rgba(253, 106, 53, 0.2) 0%, transparent 68%); animation: f2w-float-b 20s ease-in-out infinite alternate; transform: translate(calc(var(--mx) * -22px), calc(var(--my) * -22px)); }.uc-blg .uic-orb-5{ width: 360px; height: 360px; right: -7%; top: 80%; background: radial-gradient(circle, rgba(82, 2, 253, 0.14) 0%, transparent 66%); animation: f2w-float-a 24s ease-in-out infinite alternate-reverse; transform: translate(calc(var(--mx) * 26px), calc(var(--my) * 26px)); }.uc-blg .uic-orb-6{ width: 280px; height: 280px; left: 36%; top: 92%; background: radial-gradient(circle, rgba(253, 106, 53, 0.12) 0%, transparent 66%); animation: f2w-float-a 18s ease-in-out infinite alternate; transform: translate(calc(var(--mx) * 14px), calc(var(--my) * 14px)); }.uc-blg .trusted{ display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 30px; }.uc-blg .trusted .avatars{ height: 34px; width: auto; }.uc-blg .trusted .stars-wrap{ display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }.uc-blg .trusted .stars-wrap img{ height: 15px; width: auto; }.uc-blg .trusted .stars-line{ display: flex; align-items: center; gap: 7px; }.uc-blg .trusted .rate-num{ color: var(--tx); font-size: 12px; font-weight: 700; line-height: 14px; }.uc-blg .trusted .tnum{ color: var(--txd); font-size: 12px; font-weight: 500; line-height: 14px; }.uc-blg .pill-title{ display: block; text-align: center; margin: 18px auto 20px; max-width: 1180px; font-size: 40px; line-height: 44px; font-weight: 500; letter-spacing: -0.02em; color: var(--tx); }@media (min-width: 768px){.uc-blg .pill-title{ font-size: 54px; line-height: 58px; }}.uc-blg .pill-title .bw{ white-space: nowrap; }.uc-blg .pill-title .brand-chip{ display: inline-flex; align-items: center; justify-content: center; width: 0.85em; height: 0.85em; padding: 0.08em; box-sizing: border-box; background: var(--cardbg); border: 1px solid var(--cardbd); border-radius: 0.255em; vertical-align: middle; margin: 0 -0.06em; position: relative; top: -0.1em; box-shadow: 0 3px 10px -4px rgba(16, 24, 40, 0.25); }.uc-blg .pill-title .brand-chip img{ max-width: 100%; max-height: 100%; width: auto; height: auto; display: block; object-fit: contain; border-radius: 8px; }.uc-blg .pill-title .brand-chip img[src*="ucwr-figma-mark"]{ border-radius: 0; }.uc-blg .pill-title .brand-chip.is-badge{ padding: 0; border: 0; background: transparent; overflow: hidden; }.uc-blg .pill-title .brand-chip.is-inset{ padding: 0.12em; }.uc-blg .pill-title .brand-chip.is-badge img{ width: 100%; height: 100%; object-fit: cover; }.uc-blg .pill-title .hero-br{ display: none; }@media (min-width: 1000px){.uc-blg .pill-title .hero-br{ display: block; }}.uc-blg .hero-checks{ display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; max-width: 780px; margin: 0 auto 34px; }.uc-blg .hero-chip{ display: inline-flex; align-items: center; gap: 9px; padding: 9px 16px; border-radius: 999px; font-size: 14px; line-height: 18px; font-weight: 500; color: var(--tx); background: var(--cardbg); border: 1px solid var(--cardbd); box-shadow: 0 2px 6px -3px rgba(16, 24, 40, 0.16); transition: border-color 0.24s var(--ease), transform 0.24s var(--ease); }.uc-blg .hero-chip:hover{ border-color: var(--acc-line); transform: translateY(-2px); }.uc-blg .hero-chip svg{ width: 18px; height: 18px; flex: 0 0 auto; }.uc-blg .hero-logo{ display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; background: #ffffff; border: 1px solid var(--cardbd); box-shadow: 0 2px 6px -3px rgba(16, 24, 40, 0.16); transition: border-color 0.24s var(--ease), transform 0.24s var(--ease); }.uc-blg .hero-logo:hover{ border-color: var(--acc-line); transform: translateY(-2px); }.uc-blg .hero-logo img, .uc-blg .hero-logo svg{ width: 28px; height: 28px; object-fit: contain; }.uc-blg .cta-row{ display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; }.uc-blg .cta-primary{ position: relative; display: inline-flex; }@media (max-width: 640px){.uc-blg .cta-primary{ flex-direction: column; align-items: center; }.uc-blg .cta-primary .uc-note{ position: static; transform: none; translate: none; margin-top: var(--spacing-sprout-8, 8px); text-align: center; }}.uc-blg .hero-reassure{ margin: 18px 0 0; text-align: center; color: var(--txf); font-size: 14px; line-height: 20px; }.uc-blg .hero-video{ cursor: pointer; background: var(--cardbg); box-shadow: none; }.uc-blg .hero-video .hero-screen{ position: absolute; inset: 4px; border-radius: 28px; overflow: hidden; background: var(--mist); }.uc-blg .hero-video .demo-thumb{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }.uc-blg .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; }.uc-blg .hero-video iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }@media (min-width: 640px){.uc-blg .hero-video .hero-screen{ border-radius: 44px; }}@media (min-width: 768px){.uc-blg .hero-video .hero-screen{ border-radius: 60px; }}.uc-blg .stats{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; max-width: 1020px; margin: clamp(32px, 4vw, 44px) auto 0; background: var(--cardbd); border: 1px solid var(--cardbd); border-radius: 24px; overflow: hidden; }.uc-blg .stat{ display: flex; align-items: center; justify-content: center; gap: 12px; text-align: left; background: var(--cardbg); padding: 24px 20px; }.uc-blg .stat .num{ font-size: clamp(1.75rem, 2.6vw, 2.25rem); font-weight: 700; letter-spacing: -0.03em; color: var(--tx); line-height: 1; flex: 0 0 auto; }.uc-blg .stat .num em{ font-style: normal; color: var(--txd); }.uc-blg .stat .lbl{ color: var(--txd); font-size: 14px; line-height: 20px; margin-top: 0; max-width: 126px; }@media (max-width: 900px){.uc-blg .stats{ grid-template-columns: repeat(2, 1fr); }}@media (max-width: 520px){.uc-blg .stats{ grid-template-columns: 1fr; }}.uc-blg .diff-stage{ position: relative; aspect-ratio: 16/10; background: var(--mist); }.uc-blg .dl-vid{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }.uc-blg .diff-play{ position: absolute; top: 10px; right: 10px; z-index: 3; width: 24px; height: 24px; border-radius: 999px; cursor: pointer; border: 0; background: rgba(0, 0, 0, 0.12); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: #171717; display: grid; place-items: center; transition: background 0.2s var(--ease), transform 0.2s var(--ease); }.uc-blg .diff-play:hover{ background: rgba(0, 0, 0, 0.22); transform: scale(1.06); }.uc-blg .diff-play svg{ width: 12px; height: 12px; }.uc-blg .diff-play .i-pause{ display: none; }.uc-blg #diffReal:not(.is-paused) .diff-play .i-play{ display: none; }.uc-blg #diffReal:not(.is-paused) .diff-play .i-pause{ display: block; }.uc-blg .ax{ --ax-gap: 40px; --ax-gutter: max(var(--uc-gutter), calc((100vw - var(--uc-container-max) + 2 * var(--uc-gutter)) / 2)); --ax-col: calc((min(100vw, var(--uc-container-max)) - 2 * var(--uc-gutter) - 2 * var(--ax-gap)) / 3); padding-bottom: 40px; }.uc-blg .ax-track{ position: relative; height: 540vh; margin-top: 10px; }.uc-blg .ax-pin{ position: sticky; top: 0; height: 100vh; display: flex; align-items: center; overflow: hidden; }.uc-blg .ax-stage{ display: flex; flex-direction: column; gap: clamp(24px, 4.4vh, 52px); width: 100%; }.uc-blg .ax-window{ overflow: hidden; padding-block: 8px; width: 100%; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--ax-gutter), #000 calc(100% - var(--ax-gutter)), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 var(--ax-gutter), #000 calc(100% - var(--ax-gutter)), transparent 100%); }.uc-blg .ax-row{ display: grid; grid-auto-flow: column; grid-auto-columns: var(--ax-col); gap: var(--ax-gap); will-change: transform; }.uc-blg .ax-media-wrap{ width: 100%; }.uc-blg .ax-col{ display: flex; flex-direction: column; gap: 18px; opacity: 1; transition: opacity 0.45s var(--ease); }.uc-blg .ax-col.is-dim{ opacity: 0.42; }.uc-blg .ax-bar{ position: relative; height: 3px; border-radius: 999px; background: var(--line); overflow: hidden; }.uc-blg .ax-fill{ position: absolute; inset: 0 auto 0 0; width: 0; border-radius: 999px; background: linear-gradient(90deg, var(--acc2), var(--acc)); box-shadow: 0 0 10px rgba(253, 106, 53, 0.35); }.uc-blg .ax-copy{ display: flex; flex-direction: column; gap: 8px; }.uc-blg .ax-h{ display: flex; align-items: flex-start; gap: 12px; }.uc-blg .ax-num{ flex: 0 0 auto; margin-top: -2px; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-size: 14px; line-height: 14px; font-weight: 700; color: var(--txf); background: #fff; border: 1px solid var(--cardbd); transition: color 0.35s var(--ease), background 0.35s var(--ease), border-color 0.35s var(--ease), box-shadow 0.35s var(--ease); }.uc-blg .ax-col.is-active .ax-num, .uc-blg .ax-col.is-done .ax-num{ color: #fff; background: var(--acc); border-color: var(--acc); }.uc-blg .ax-col.is-active .ax-num{ box-shadow: 0 0 0 5px rgba(253, 106, 53, 0.14), 0 0 18px rgba(253, 106, 53, 0.38); }.uc-blg .ax-h h3{ margin: 0; font-size: 20px; font-weight: 500; letter-spacing: -0.01em; color: var(--tx); line-height: 24px; }.uc-blg .ax-copy p{ margin: 0; color: var(--txd); font-size: 16px; line-height: 26px; }.uc-blg .ax-media{ position: relative; width: 100%; max-width: calc(60vh * 1240 / 584); margin-inline: auto; aspect-ratio: 1240 / 584; border-radius: 20px; background: #fff; border: 1px solid var(--cardbd); }.uc-blg .ax-screen{ position: absolute; inset: 4px; border-radius: 16px; overflow: hidden; background: var(--mist); }.uc-blg .ax-slide{ position: absolute; inset: 0; opacity: 0; will-change: transform, opacity; }.uc-blg .ax-vid{ width: 100%; height: 100%; object-fit: cover; display: block; background: var(--mist); }.uc-blg .ax-track.is-off{ display: none; }.uc-blg .ax-stack{ display: none; margin-top: 48px; flex-direction: column; gap: 44px; }.uc-blg .ax-s{ display: flex; flex-direction: column; gap: 14px; }.uc-blg .ax-s .ax-num{ color: #fff; background: var(--acc); border-color: var(--acc); }.uc-blg .ax-s h3{ margin: 0; font-size: 20px; font-weight: 500; letter-spacing: -0.01em; color: var(--tx); line-height: 24px; }.uc-blg .ax-s p{ margin: 0; color: var(--txd); font-size: 16px; line-height: 26px; }.uc-blg .ax-s-frame{ padding: 4px; border-radius: var(--r-card); background: var(--mist); }.uc-blg .ax-s-inner{ position: relative; aspect-ratio: 16 / 10; border-radius: 14px; overflow: hidden; background: var(--mist); border: 1px solid var(--cardbd); }.uc-blg .ax-m-vid{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }@media (max-width: 860px){.uc-blg .ax-track{ display: none; }.uc-blg .ax-stack{ display: flex; }}.uc-blg .ax--six .ax-track{ height: 660vh; }.uc-blg .ax--six .ax-media{ aspect-ratio: 1920 / 1050; }.uc-blg .zz{ display: flex; flex-direction: column; gap: 64px; margin-top: 60px; }.uc-blg .zz-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 52px; align-items: center; }.uc-blg .zz-row:nth-child(even) .zz-media{ order: -1; }.uc-blg .zz-text h3{ font-size: 24px; margin: 0 0 12px; line-height: 30px; font-weight: 500; letter-spacing: -0.01em; color: var(--tx); }.uc-blg .zz-text .eyebrow{ margin-bottom: 14px; }.uc-blg .zz-text p{ color: var(--txd); font-size: 16px; line-height: 26px; margin: 0; }.uc-blg .zz-media .frame{ margin: 0; max-width: none; }.uc-blg .zz-media .frame{ transition: transform 0.34s var(--ease), box-shadow 0.34s var(--ease), border-color 0.34s var(--ease); }.uc-blg .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){.uc-blg .zz-row{ grid-template-columns: minmax(0, 1fr); gap: 24px; }.uc-blg .zz-row:nth-child(even) .zz-media{ order: 0; }.uc-blg .zz-media, .uc-blg .zz-media .frame{ max-width: 100%; min-width: 0; overflow: hidden; }}.uc-blg .demo-chip, .uc-blg .scan-chip, .uc-blg .dfx-chip, .uc-blg .hf-chip{ position: absolute; left: 14px; bottom: 14px; z-index: 8; display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px; border-radius: 999px; font-size: 12px; font-weight: 500; color: var(--tx); background: rgba(255, 255, 255, 0.86); border: 1px solid var(--cardbd); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); line-height: 14px; box-shadow: 0 6px 18px -10px rgba(16, 24, 40, 0.4); }.uc-blg .demo-chip i, .uc-blg .scan-chip i{ width: 8px; height: 8px; border-radius: 50%; background: var(--acc); box-shadow: 0 0 8px 1px rgba(253, 106, 53, 0.6); animation: f2w-blink 1.6s ease-in-out infinite; }.uc-blg .frame.scan{ overflow: hidden; place-items: stretch; background: #eef0f3; }.uc-blg .scan-img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; z-index: 0; }.uc-blg .scan-veil{ position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(16, 24, 40, 0.08)); }.uc-blg .scan-grid{ position: absolute; inset: 0; z-index: 2; pointer-events: none; background-image: linear-gradient(rgba(253, 106, 53, 0.16) 1px, transparent 1px), linear-gradient(90deg, rgba(253, 106, 53, 0.16) 1px, transparent 1px); background-size: 34px 34px; -webkit-mask-image: linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent); }.uc-blg .scan-line{ position: absolute; left: 0; right: 0; top: 4%; height: 2px; z-index: 4; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(82, 2, 253, 0.6) 14%, var(--acc) 50%, rgba(82, 2, 253, 0.6) 86%, transparent); box-shadow: 0 0 18px 3px rgba(253, 106, 53, 0.5); animation: f2w-scan-sweep 3s var(--ease) infinite alternate; }.uc-blg .scan-line::before{ content: ""; position: absolute; left: 0; right: 0; bottom: 2px; height: 64px; background: linear-gradient(180deg, transparent, rgba(253, 106, 53, 0.16)); }.uc-blg .scan-line::after{ content: ""; position: absolute; left: 0; right: 0; top: 2px; height: 64px; background: linear-gradient(180deg, rgba(253, 106, 53, 0.18), transparent); }.uc-blg .scan-dot{ position: absolute; z-index: 5; left: var(--x); top: var(--y); width: var(--s, 7px); height: var(--s, 7px); border-radius: 50%; transform: translate(-50%, -50%) scale(0.2); opacity: 0; background: var(--acc); box-shadow: 0 0 6px 1px rgba(253, 106, 53, 0.5); animation: f2w-scan-pop var(--dur, 3.2s) ease-in-out infinite; animation-delay: var(--d, 0s); }.uc-blg .frame.dfx{ overflow: hidden; place-items: center; background: #ffffff; aspect-ratio: 16/10; }.uc-blg .dfx-bento{ --dfxgap: 24px; position: relative; display: flex; gap: var(--dfxgap); width: 100%; height: 100%; padding: 16px; align-items: stretch; }.uc-blg .dfx-col{ flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--dfxgap); }.uc-blg .dfx-col.c3{ animation: f2w-dfx-slide 4.5s var(--ease) infinite; }.uc-blg .dfx-g{ flex: 1 1 0; min-height: 0; border-radius: 12px; overflow: hidden; }.uc-blg .dfx-g.card{ background: #234540; padding: 10px 12px; display: flex; flex-direction: column; justify-content: space-between; gap: 6px; }.uc-blg .dfx-g.img{ background-size: cover; background-position: center; position: relative; }.uc-blg .dfx-g.img::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 40%, rgba(0, 0, 0, 0.52)); }.uc-blg .dfx-ic{ width: 28px; height: 28px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.32); display: grid; place-items: center; color: #fff; flex: 0 0 auto; }.uc-blg .dfx-ic svg{ width: 16px; height: 16px; }.uc-blg .dfx-tx b{ display: block; color: #fff; font-size: clamp(0.625rem, 1.25vw, 0.75rem); font-weight: 700; letter-spacing: -0.01em; line-height: 1.15; }.uc-blg .dfx-g.card .big{ display: block; color: #fff; font-weight: 700; letter-spacing: -0.01em; font-size: clamp(0.75rem, 1.7vw, 1rem); line-height: 1.3; }.uc-blg .dfx-tx p{ margin: 4px 0 0; color: #dfe4e1; font-size: clamp(0.375rem, 0.85vw, 0.5rem); line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }.uc-blg .dfx-pills{ display: flex; gap: 6px; margin-top: 7px; }.uc-blg .dfx-pills span{ background: #f2f2f0; color: #1e2b28; font-size: 8px; font-weight: 500; padding: 3px 8px; border-radius: 20px; white-space: nowrap; line-height: 10px; }.uc-blg .dfx-mark{ position: absolute; top: 50%; left: 66.4%; transform: translate(-50%, -50%); z-index: 7; white-space: nowrap; font-size: 10px; font-weight: 700; letter-spacing: 0.02em; padding: 3px 7px; border-radius: 6px; line-height: 12px; }.uc-blg .dfx-mark.bad{ color: #b42318; background: #fff1ef; border: 1px solid rgba(246, 82, 88, 0.5); animation: f2w-dfx-bad 4.5s var(--ease) infinite; }.uc-blg .dfx-mark.good{ color: #067647; background: #ecfdf3; border: 1px solid rgba(46, 163, 67, 0.5); opacity: 0; animation: f2w-dfx-good 4.5s var(--ease) infinite; }.uc-blg .dfx-chip i.ucx-dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--coral); animation: f2w-dfx-dot 4.5s var(--ease) infinite; }.uc-blg .dfx-lbls{ position: relative; display: inline-grid; }.uc-blg .dfx-lbls em{ grid-area: 1/1; font-style: normal; white-space: nowrap; }.uc-blg .dfx-lbls .a{ animation: f2w-dfx-lbl-a 4.5s var(--ease) infinite; }.uc-blg .dfx-lbls .b{ opacity: 0; animation: f2w-dfx-lbl-b 4.5s var(--ease) infinite; }.uc-blg .frame.mtn{ overflow: hidden; place-items: center; background: #fbf8f1; }.uc-blg .mtn-page{ width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px 20px; text-align: center; }.uc-blg .mtn-eye{ font-size: 10px; font-weight: 700; letter-spacing: 0.18em; color: #8a94a0; margin-bottom: 7px; line-height: 12px; }.uc-blg .mtn-h{ font-family: Georgia, "Times New Roman", serif; color: #1b2534; font-weight: 600; font-size: clamp(1rem, 2.3vw, 1.375rem); line-height: 1.18; max-width: 92%; }.uc-blg .mtn-sub{ color: #5c6b7a; font-size: 12px; margin-top: 8px; max-width: 80%; line-height: 16px; }.uc-blg .mtn-cards{ display: flex; align-items: stretch; justify-content: center; gap: 10px; margin-top: 18px; width: 100%; }.uc-blg .mtn-card{ flex: 1 1 0; max-width: 98px; background: #fffdf9; border: 1px solid rgba(20, 30, 45, 0.07); border-radius: 12px; box-shadow: 0 10px 22px -14px rgba(20, 30, 45, 0.28); padding: 12px 8px 11px; display: flex; flex-direction: column; align-items: center; gap: 5px; }.uc-blg .mtn-av{ width: 42px; height: 42px; border-radius: 50%; overflow: hidden; display: grid; place-items: end center; background: radial-gradient(circle at 50% 34%, #e6e5e6, #c2c3c6); }.uc-blg .mtn-av svg{ width: 32px; height: 32px; color: #a3a9b2; }.uc-blg .mtn-card b{ font-size: 10px; font-weight: 700; color: #1b2534; letter-spacing: -0.01em; white-space: nowrap; line-height: 12px; }.uc-blg .mtn-card i{ font-size: 10px; font-style: normal; color: #8a94a0; white-space: nowrap; line-height: 12px; }.uc-blg .mtn-eye, .uc-blg .mtn-h, .uc-blg .mtn-sub, .uc-blg .mtn-card{ opacity: 0; will-change: opacity, transform; }.uc-blg .mtn-eye{ --fy: -10px; animation: f2w-mt-eye 6.5s var(--ease) infinite; }.uc-blg .mtn-h{ --fy: -12px; animation: f2w-mt-h 6.5s var(--ease) infinite; }.uc-blg .mtn-sub{ --fy: -10px; animation: f2w-mt-sub 6.5s var(--ease) infinite; }.uc-blg .mtn-card:nth-child(1){ --fy: 16px; animation: f2w-mt-c1 6.5s var(--ease) infinite; }.uc-blg .mtn-card:nth-child(2){ --fy: 16px; animation: f2w-mt-c2 6.5s var(--ease) infinite; }.uc-blg .mtn-card:nth-child(3){ --fy: 16px; animation: f2w-mt-c3 6.5s var(--ease) infinite; }.uc-blg .mtn-card:nth-child(4){ --fy: 16px; animation: f2w-mt-c4 6.5s var(--ease) infinite; }.uc-blg .mtn-card:nth-child(5){ --fy: 16px; animation: f2w-mt-c5 6.5s var(--ease) infinite; }.uc-blg .frame.rzc{ aspect-ratio: auto; height: 305px; background: var(--mist); }.uc-blg .rz-vid, .uc-blg .gl-vid{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }.uc-blg .frame.gl{ overflow: hidden; place-items: center; background: var(--mist); aspect-ratio: 299/216; }.uc-blg .frame.hf{ overflow: hidden; place-items: center; background: #eef0f3; }.uc-blg .hf-stage{ position: absolute; inset: 0; }.uc-blg .hf-page{ position: absolute; left: 3%; top: 8%; width: 44%; height: 84%; z-index: 0; background: #ffffff; border: 1px solid var(--cardbd); border-radius: 10px; box-shadow: 0 8px 22px -14px rgba(16, 24, 40, 0.3); }.uc-blg .hf-body{ position: absolute; z-index: 1; border-radius: 3px; }.uc-blg .hf-body.b1{ left: 6%; top: 31%; width: 22%; height: 4.5%; background: rgba(20, 20, 40, 0.16); }.uc-blg .hf-body.b2{ left: 6%; top: 39%; width: 17%; height: 3.5%; background: rgba(20, 20, 40, 0.1); }.uc-blg .hf-body.b4{ left: 6%; top: 47%; width: 20%; height: 3.5%; background: rgba(20, 20, 40, 0.1); }.uc-blg .hf-body.b3{ left: 29%; top: 31%; width: 15%; height: 24%; border-radius: 6px; background: linear-gradient(135deg, #ffe3d6, #ffc9b3); }.uc-blg .hf-h, .uc-blg .hf-f{ display: flex; align-items: center; gap: 5%; padding: 0 4%; border-radius: 6px; box-sizing: border-box; will-change: transform; }.uc-blg .hf-h{ position: absolute; left: 6%; top: 13%; width: 38%; height: 11%; z-index: 2; background: #fff; border: 1px solid rgba(20, 20, 40, 0.08); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06); animation: f2w-hf-lift-h 6.5s var(--ease) infinite; }.uc-blg .hf-f{ position: absolute; left: 6%; top: 74%; width: 38%; height: 13%; z-index: 2; background: #1b2230; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); animation: f2w-hf-lift-f 6.5s var(--ease) infinite; }.uc-blg .hf-logo{ width: 11%; aspect-ratio: 1; border-radius: 3px; background: var(--acc); flex: 0 0 auto; }.uc-blg .hf-nav{ width: 13%; height: 16%; border-radius: 2px; background: rgba(20, 20, 40, 0.2); flex: 0 0 auto; }.uc-blg .hf-btn{ margin-left: auto; width: 20%; height: 36%; border-radius: 20px; background: var(--acc); flex: 0 0 auto; }.uc-blg .hf-fcol{ width: 15%; height: 26%; border-radius: 2px; background: rgba(255, 255, 255, 0.4); flex: 0 0 auto; }.uc-blg .hf-slot{ position: absolute; z-index: 1; border: 1px dashed var(--acc-line); border-radius: 8px; background: rgba(16, 24, 40, 0.03); }.uc-blg .hf-slot.s1{ left: 53%; top: 12%; width: 44%; height: 32%; }.uc-blg .hf-slot.s2{ left: 53%; top: 56%; width: 44%; height: 32%; }.uc-blg .hf-slot-label{ position: absolute; top: 7px; left: 9px; font-size: 8px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--acc-dk); line-height: 10px; }.uc-blg .hf-ck{ position: absolute; top: 6px; right: 8px; width: 15px; height: 15px; border-radius: 50%; background: var(--acc); color: #fff; font-size: 8px; font-weight: 900; display: grid; place-items: center; opacity: 0; line-height: 8px; }.uc-blg .hf-ck.ck1{ animation: f2w-hf-ck1 6.5s var(--ease) infinite; }.uc-blg .hf-ck.ck2{ animation: f2w-hf-ck2 6.5s var(--ease) infinite; }.uc-blg .hf-chip i.ucx-dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--acc2); animation: f2w-hf-dot 6.5s var(--ease) infinite; }.uc-blg .hf-lbls{ position: relative; display: inline-grid; }.uc-blg .hf-lbls em{ grid-area: 1/1; font-style: normal; white-space: nowrap; }.uc-blg .hf-lbls .a{ animation: f2w-hf-la 6.5s var(--ease) infinite; }.uc-blg .hf-lbls .b{ opacity: 0; animation: f2w-hf-lb 6.5s var(--ease) infinite; }.uc-blg .chatai{ display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 42px; align-items: center; margin-top: 44px; }@media (max-width: 980px){.uc-blg .chatai{ grid-template-columns: minmax(0, 1fr); gap: 28px; }}.uc-blg .chatai-tabs{ display: flex; flex-direction: column; gap: 12px; min-width: 0; }.uc-blg .chatai-tab{ display: block; width: 100%; text-align: left; cursor: pointer; font-family: inherit; padding: 16px 18px; border-radius: 14px; background: #fff; border: 1px solid var(--cardbd); border-left: 3px solid transparent; transition: background 0.24s var(--ease), border-color 0.24s var(--ease); }.uc-blg .chatai-tab:hover{ background: var(--mist); }.uc-blg .chatai-tab.active{ background: var(--acc-soft); border-color: var(--acc-line); border-left-color: var(--acc); }.uc-blg .chatai-tab h3{ color: var(--tx); margin: 0; font-size: 18px; line-height: 28px; font-weight: 500; letter-spacing: -0.01em; }.uc-blg .chatai-tab p{ color: var(--txd); font-size: 16px; line-height: 24px; margin: 7px 0 0; }.uc-blg .chatai-stage{ position: relative; min-width: 0; }.uc-blg .chatai-viewport{ overflow: hidden; border-radius: 16px; }.uc-blg .chatai-track{ display: flex; transition: transform 0.45s var(--ease); will-change: transform; }.uc-blg .chatai-slide{ min-width: 100%; }.uc-blg .chatai-slide .frame{ margin: 0; max-width: none; }.uc-blg .chatai-dots{ display: flex; gap: 8px; justify-content: center; margin-top: 16px; }.uc-blg .chatai-dot{ width: 9px; height: 9px; border-radius: 50%; background: var(--cardbd); border: none; padding: 0; cursor: pointer; transition: background 0.24s var(--ease), width 0.24s var(--ease); }.uc-blg .chatai-dot.active{ background: var(--acc); width: 22px; border-radius: 5px; }.uc-blg .mcp-grid{ display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 48px; align-items: center; margin-top: 8px; }@media (max-width: 900px){.uc-blg .mcp-grid{ grid-template-columns: 1fr; gap: 30px; }}.uc-blg .mcp-copy .eyebrow{ margin-bottom: 16px; }.uc-blg .mcp-copy h2{ text-align: left; }.uc-blg .mcp-copy .ucx-sub{ max-width: 56ch; }.uc-blg .term{ position: relative; display: flex; flex-direction: column; height: 375px; border-radius: 16px; overflow: hidden; background: linear-gradient(180deg, #16121f, #0c0910); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 24px 60px -28px rgba(16, 24, 40, 0.5); transition: transform 0.34s var(--ease), box-shadow 0.34s var(--ease); }@media (max-width: 560px){.uc-blg .term{ height: 430px; }}.uc-blg .term:hover{ transform: translateY(-6px); }.uc-blg .term-grid{ position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(253, 106, 53, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(253, 106, 53, 0.06) 1px, transparent 1px); background-size: 30px 30px; -webkit-mask-image: radial-gradient(120% 90% at 72% 0%, #000, transparent 78%); mask-image: radial-gradient(120% 90% at 72% 0%, #000, transparent 78%); }.uc-blg .term-glow{ position: absolute; top: -28%; right: -12%; width: 62%; height: 82%; background: radial-gradient(circle, rgba(253, 106, 53, 0.24), transparent 70%); filter: blur(42px); pointer-events: none; }.uc-blg .term-scan{ position: absolute; left: 0; right: 0; top: 0; height: 84px; pointer-events: none; background: linear-gradient(180deg, transparent, rgba(253, 106, 53, 0.1), transparent); animation: f2w-term-scan 5s linear infinite; }.uc-blg .term-bar{ position: relative; display: flex; align-items: center; gap: 7px; padding: 12px 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.02); }.uc-blg .term-dot{ width: 11px; height: 11px; border-radius: 999px; }.uc-blg .term-file{ margin-left: 8px; font-size: 12px; color: rgba(255, 255, 255, 0.42); font-family: ui-monospace, monospace; line-height: 14px; }.uc-blg .term-live{ margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--acc); line-height: 14px; }.uc-blg .term-live i{ width: 7px; height: 7px; border-radius: 999px; background: var(--acc); box-shadow: 0 0 8px var(--acc); }.uc-blg .term-body{ position: relative; flex: 1; min-height: 0; overflow: hidden; padding: 20px; font-family: ui-monospace, monospace; font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.62); }.uc-blg .term-line{ animation: f2w-term-swap 0.42s ease both; }.uc-blg .term-line .p, .uc-blg .term-line .ok{ color: var(--acc); }.uc-blg .term-caret{ display: inline-block; width: 8px; height: 15px; margin-left: 3px; vertical-align: -2px; border-radius: 1px; background: var(--acc); animation: f2w-term-blink 1s steps(1) infinite; }.uc-blg .term-tabs{ position: relative; display: flex; gap: 8px; padding: 0 20px 18px; flex-wrap: wrap; }.uc-blg .term-tab{ display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; border-radius: 9px; cursor: pointer; font-family: inherit; font-size: 14px; font-weight: 500; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.09); color: rgba(255, 255, 255, 0.62); transition: background 0.24s var(--ease), border-color 0.24s var(--ease), color 0.24s var(--ease); line-height: 18px; }.uc-blg .term-tab:not(.ucx-on):hover{ background: rgba(255, 255, 255, 0.09); border-color: rgba(255, 255, 255, 0.2); color: #fff; }.uc-blg .term-tab.ucx-on{ background: rgba(253, 106, 53, 0.16); border-color: rgba(253, 106, 53, 0.5); color: var(--acc); }.uc-blg .term-tab-ic{ width: 15px; height: 15px; display: block; }.uc-blg .src-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 52px; }@media (max-width: 900px){.uc-blg .src-grid{ grid-template-columns: repeat(2, 1fr); }}@media (max-width: 480px){.uc-blg .src-grid{ grid-template-columns: 1fr; }}.uc-blg .src-tile{ position: relative; display: block; padding: 20px; border-radius: 16px; background: #fff; border: 1px solid var(--cardbd); text-decoration: none; color: inherit; box-shadow: 0 10px 26px -20px rgba(16, 24, 40, 0.22); transition: transform 0.24s var(--ease), border-color 0.24s var(--ease); }.uc-blg .src-tile.is-soon{ cursor: default; }.uc-blg .src-tile.is-soon::after{ content: "Soon"; position: absolute; top: 14px; right: 14px; font-size: 10px; line-height: 16px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--acc2); background: color-mix(in srgb, var(--acc2) 10%, #fff); border: 1px solid color-mix(in srgb, var(--acc2) 22%, transparent); padding: 2px 8px; border-radius: 999px; }.uc-blg .src-tile:not(.is-soon):hover{ transform: translateY(-4px); border-color: var(--acc-line); }.uc-blg .src-ic{ width: 40px; height: 40px; border-radius: 10px; background: var(--mist); border: 1px solid var(--line); display: grid; place-items: center; margin-bottom: 16px; overflow: hidden; }.uc-blg .src-ic img.logo-img{ width: 24px; height: 24px; object-fit: contain; }.uc-blg .src-ic svg{ width: 22px; height: 22px; color: var(--txd); }.uc-blg .src-tile h3{ margin: 0 0 4px; font-size: 16px; line-height: 24px; font-weight: 500; color: var(--tx); }.uc-blg .src-tile p{ margin: 0; font-size: 14px; line-height: 20px; color: var(--txd); }.uc-blg .mode-seg-wrap{ display: flex; justify-content: center; margin-top: 36px; }.uc-blg .mode-seg{ display: inline-flex; gap: 4px; padding: 4px; border-radius: 12px; background: var(--mist); border: 1px solid var(--cardbd); }.uc-blg .mode-opt{ padding: 9px 18px; border-radius: 9px; border: 0; cursor: pointer; font-family: inherit; font-size: 14px; line-height: 22px; font-weight: 500; background: transparent; color: var(--txd); transition: background 0.2s var(--ease), color 0.2s var(--ease), box-shadow 0.2s var(--ease); }.uc-blg .mode-opt.ucx-on{ background: #fff; color: var(--tx); box-shadow: 0 1px 3px rgba(16, 24, 40, 0.12); }.uc-blg .pbx-pane{ display: none; }.uc-blg .pbx-pane.is-active{ display: block; animation: f2w-pwfade 0.35s var(--ease); }.uc-blg .pbx-grid{ display: flex; flex-wrap: wrap; justify-content: center; gap: 22px 30px; margin-top: 40px; }.uc-blg .pbx-ic{ display: flex; flex-direction: column; align-items: center; gap: 11px; width: 112px; }.uc-blg .pbx-tile{ display: grid; place-items: center; background: none; border: 0; box-shadow: none; transition: transform 0.28s var(--ease); animation: f2w-pbx-float 3.6s var(--ease) infinite; }.uc-blg .pbx-tile img{ width: 60px; height: 60px; display: block; border-radius: 15px; }.uc-blg .pbx-ic:not(.is-soon) .pbx-tile img{ filter: drop-shadow(0 8px 20px rgba(253, 106, 53, 0.28)); }.uc-blg .pbx-name{ font-size: 14px; font-weight: 500; color: var(--tx); text-align: center; line-height: 18px; }.uc-blg .pbx-live{ font-size: 10px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #fff; background: var(--acc); padding: 2px 9px; border-radius: 999px; line-height: 12px; }.uc-blg .pbx-soon{ font-size: 10px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--txf); background: var(--mist); border: 1px solid var(--cardbd); padding: 2px 9px; border-radius: 999px; line-height: 12px; }.uc-blg .pbx-ic:hover .pbx-tile{ transform: translateY(-5px); }.uc-blg .pbx-ic.is-soon .pbx-tile{ animation: none; }.uc-blg .pbx-ic.is-soon .pbx-tile img{ filter: grayscale(1); opacity: 0.42; }.uc-blg .pbx-ic.is-soon .pbx-name{ color: var(--txf); }.uc-blg .pbx-grid .pbx-ic:nth-child(2) .pbx-tile{ animation-delay: 0.3s; }.uc-blg .pbx-grid .pbx-ic:nth-child(3) .pbx-tile{ animation-delay: 0.6s; }.uc-blg .pbx-grid .pbx-ic:nth-child(4) .pbx-tile{ animation-delay: 0.9s; }.uc-blg .pbx-grid .pbx-ic:nth-child(5) .pbx-tile{ animation-delay: 1.2s; }.uc-blg .pbx-grid .pbx-ic:nth-child(6) .pbx-tile{ animation-delay: 1.5s; }.uc-blg .pbx-grid .pbx-ic:nth-child(7) .pbx-tile{ animation-delay: 1.8s; }.uc-blg .pbx-grid .pbx-ic:nth-child(8) .pbx-tile{ animation-delay: 2.1s; }.uc-blg .hp-stage{ position: relative; z-index: 2; margin-top: 52px; overflow: hidden; padding: 20px 0; }.uc-blg .hp-stage::before, .uc-blg .hp-stage::after{ content: ""; position: absolute; top: 0; bottom: 0; width: 9%; z-index: 3; pointer-events: none; }.uc-blg .hp-stage::before{ left: 0; background: linear-gradient(90deg, var(--pg) 0%, transparent 100%); }.uc-blg .hp-stage::after{ right: 0; background: linear-gradient(270deg, var(--pg) 0%, transparent 100%); }.uc-blg .hp-grid{ display: flex; flex-direction: column; gap: 22px; }.uc-blg .hp-row{ display: flex; gap: 22px; justify-content: flex-start; will-change: transform; padding: 0 clamp(20px, 5vw, 80px); }.uc-blg .hp-card{ flex: 0 0 300px; width: 300px; box-sizing: border-box; border-radius: 16px; overflow: hidden; background: #fff; border: 1px solid var(--cardbd); box-shadow: 0 14px 34px -22px rgba(16, 24, 40, 0.26); transition: transform 0.34s var(--ease), border-color 0.34s var(--ease), box-shadow 0.34s var(--ease); }.uc-blg .hp-card:hover{ transform: translateY(-8px); border-color: var(--acc-line); box-shadow: 0 26px 54px -28px rgba(16, 24, 40, 0.34); }.uc-blg .hp-thumb{ position: relative; aspect-ratio: 4/5; overflow: hidden; border-radius: 16px 16px 0 0; background: linear-gradient(180deg, #f4f0ff, #fef2ec); border-bottom: 1px solid var(--line); }.uc-blg .hp-vid{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0; transition: opacity 0.45s var(--ease); }.uc-blg .hp-vid.ready{ opacity: 1; }.uc-blg .hp-badge{ position: absolute; top: 10px; left: 10px; z-index: 2; padding: 5px 11px; border-radius: 999px; font-size: 10px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--tx); background: rgba(255, 255, 255, 0.86); border: 1px solid var(--cardbd); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); line-height: 12px; }.uc-blg .hp-meta{ padding: 14px 16px 16px; }.uc-blg .hp-meta h3{ margin: 0 0 5px; font-size: 18px; line-height: 28px; font-weight: 500; color: var(--tx); }.uc-blg .hp-meta p{ font-size: 14px; color: var(--txd); line-height: 20px; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }@media (max-width: 640px){.uc-blg .hp-card{ flex-basis: 230px; width: 230px; }}@media (max-width: 768px){.uc-blg .hp-slider .hp-grid{ padding: 0; }.uc-blg .hp-slider .hp-row{ transform: none !important; overflow-x: auto; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; gap: 14px; padding: 4px 16px 16px; scrollbar-width: none; }.uc-blg .hp-slider .hp-row::-webkit-scrollbar{ display: none; }.uc-blg .hp-slider .hp-card{ scroll-snap-align: center; }}.uc-blg .cmp-sec .sec-head{ max-width: 1040px; }.uc-blg .cmp-sec .sec-head .ucx-sub{ max-width: 1040px; }.uc-blg .cmp{ --c1: 1.1; --c2: 1.16; --c3: 1.16; --ct: 3.42; position: relative; max-width: 1020px; margin: 68px auto 0; }.uc-blg .cmp-grid{ position: relative; z-index: 2; display: grid; grid-template-columns: 1.1fr 1.16fr 1.16fr; }.uc-blg .cmp-base{ position: absolute; inset: 0; background: var(--cardbg); border: 1px solid var(--cardbd); border-radius: 20px; z-index: 0; }.uc-blg .cmp-spot{ position: absolute; top: -28px; bottom: -28px; left: calc(100% * var(--c1) / var(--ct)); width: calc(100% * var(--c2) / var(--ct)); border-radius: 20px; background: #0b0b0f; box-shadow: 0 34px 70px -34px rgba(10, 10, 15, 0.6); overflow: hidden; z-index: 1; }.uc-blg .cmp-spot::before{ content: ""; position: absolute; inset: -34px 0 auto 0; height: 122px; background: radial-gradient(120% 150% at 88% -10%, rgba(158, 72, 236, 1) 0%, rgba(158, 72, 236, 0.5) 30%, transparent 62%), radial-gradient(120% 150% at 8% -6%, rgba(255, 194, 128, 1) 0%, rgba(246, 132, 78, 0.66) 32%, transparent 64%), linear-gradient(96deg, #fbad6b 0%, #f0623d 46%, #9741d6 100%); -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 26%, transparent 100%); mask-image: linear-gradient(to bottom, #000 0%, #000 26%, transparent 100%); }.uc-blg .cmp-cell{ position: relative; z-index: 2; display: flex; align-items: center; gap: 11px; padding: 16px 22px; font-size: 16px; line-height: 22px; min-width: 0; overflow-wrap: break-word; word-break: break-word; }.uc-blg .cmp-cell.feat{ color: var(--txd); font-weight: 400; }.uc-blg .cmp-cell.classic{ color: var(--txd); }.uc-blg .cmp-cell.ai{ color: #fff; font-weight: 500; }.uc-blg .cmp-cell.feat:not(.hd), .uc-blg .cmp-cell.classic:not(.hd){ border-top: 1px solid var(--line); }.uc-blg .cmp-cell.ai:not(.hd){ border-top: 1px solid rgba(255, 255, 255, 0.1); }.uc-blg .cmp-cell.ai.first{ border-top: 0; }.uc-blg .cmp-logos{ display: inline-flex; align-items: center; }.uc-blg .cmp-logo{ position: relative; display: inline-flex; transition: transform 0.2s var(--ease); }.uc-blg .cmp-logo + .cmp-logo{ margin-left: -6px; }.uc-blg .cmp-logo img{ width: 32px; height: 32px; border-radius: 9px; display: block; }.uc-blg .cmp-cell.ai .cmp-logo img{ box-shadow: 0 0 0 2.5px #0b0b0f; }.uc-blg .cmp-cell.classic .cmp-logo img{ box-shadow: 0 0 0 2.5px var(--cardbg); }.uc-blg .cmp-logo--fill img{ background: #0a0a0a; object-fit: contain; padding: 5px; }.uc-blg .cmp-logo:hover{ transform: translateY(-6px); z-index: 5; }.uc-blg .cmp-cell.hd{ padding-top: 20px; padding-bottom: 20px; font-size: 12px; line-height: 18px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }.uc-blg .cmp-cell.feat.hd{ color: var(--txf); }.uc-blg .cmp-cell.classic.hd{ color: var(--txf); }.uc-blg .cmp-cell.ai.hd{ padding-top: 24px; padding-bottom: 22px; }.uc-blg .cmp-brand{ display: inline-flex; align-items: center; gap: 9px; color: #fff; font-size: 14px; line-height: 22px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }@media (max-width: 700px){.uc-blg .cmp{ --c1: 0.9; --c2: 1; --c3: 1; --ct: 2.9; margin-top: 44px; }.uc-blg .cmp-grid{ grid-template-columns: 0.9fr 1fr 1fr; }.uc-blg .cmp-spot{ top: 0; bottom: 0; box-shadow: none; }.uc-blg .cmp-cell{ padding: 12px 12px; font-size: 14px; line-height: 22px; gap: 8px; align-items: flex-start; }.uc-blg .cmp-cell.ai.hd{ padding-top: 14px; }.uc-blg .cmp-brand{ font-size: 12px; line-height: 18px; gap: 6px; }}.uc-blg .rev-wall{ margin-top: 52px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; height: 660px; overflow: hidden; -webkit-mask-image: linear-gradient(180deg, transparent, #000 7%, #000 93%, transparent); mask-image: linear-gradient(180deg, transparent, #000 7%, #000 93%, transparent); }.uc-blg .rev-col{ overflow: hidden; }.uc-blg .rev-track{ display: flex; flex-direction: column; gap: 18px; animation: f2w-rev-up linear infinite; will-change: transform; }.uc-blg .rev-col:hover .rev-track{ animation-play-state: paused; }.uc-blg .rev-card{ border-radius: 16px; background: #fff; border: 1px solid var(--cardbd); box-shadow: none; transition: border-color 0.28s var(--ease); }.uc-blg .rev-card:hover{ border-color: var(--acc-line); }.uc-blg a.rev-card{ display: block; text-decoration: none; color: inherit; cursor: pointer; }.uc-blg .rev-txt{ padding: 21px; }.uc-blg .rev-head{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 15px; }.uc-blg .rev-who{ display: flex; align-items: center; gap: 11px; }.uc-blg .rev-av{ width: 38px; height: 38px; border-radius: 999px; flex: 0 0 auto; background: linear-gradient(135deg, var(--acc), #cc4b23); display: grid; place-items: center; font-size: 14px; font-weight: 700; color: #fff; line-height: 18px; }.uc-blg .rev-av.has-img, .uc-blg .rev-yt-row .av.has-img{ position: relative; overflow: hidden; }.uc-blg .rev-av img, .uc-blg .rev-yt-row .av img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; background: var(--mist); }.uc-blg .rev-handle{ font-size: 14px; font-weight: 500; color: var(--tx); line-height: 18px; }.uc-blg .rev-meta{ font-size: 12px; color: var(--txf); line-height: 14px; }.uc-blg .rev-body{ margin: 0; font-size: 14px; line-height: 22px; color: var(--txd); }.uc-blg .rev-stars{ margin-top: 13px; color: var(--acc); letter-spacing: 1px; font-size: 12px; line-height: 14px; }.uc-blg .rev-glyph{ flex: 0 0 auto; width: 22px; height: 22px; display: grid; place-items: center; }.uc-blg .rev-glyph svg{ width: 18px; height: 18px; }.uc-blg .rev-yt-thumb{ position: relative; }.uc-blg .rev-yt-thumb img{ display: block; width: 100%; height: 168px; object-fit: cover; }.uc-blg .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); }.uc-blg .rev-yt-cap{ padding: 15px 18px 17px; }.uc-blg .rev-yt-cap p{ margin: 0; font-size: 14px; line-height: 20px; color: var(--tx); font-weight: 500; }.uc-blg .rev-yt-row{ margin-top: 13px; display: flex; align-items: center; gap: 10px; }.uc-blg .rev-yt-row .av{ width: 30px; height: 30px; border-radius: 999px; background: linear-gradient(135deg, var(--acc), #cc4b23); display: grid; place-items: center; font-size: 12px; font-weight: 700; color: #fff; line-height: 14px; }.uc-blg .rev-glyph svg[data-x] path{ fill: var(--tx); }@media (max-width: 1024px){.uc-blg .rev-wall{ grid-template-columns: repeat(2, 1fr); height: 560px; }.uc-blg .rev-wall .rev-col:nth-child(3){ display: none; }}@media (max-width: 640px){.uc-blg .rev-wall{ grid-template-columns: 1fr; height: 620px; }.uc-blg .rev-wall .rev-col:nth-child(n+2){ display: none; }}.uc-blg .faq2{ display: flex; flex-direction: column; gap: clamp(28px, 4vw, 44px); max-width: 1020px; margin-inline: auto; }.uc-blg .faq2-title{ text-align: left; }.uc-blg .faq2-title .faq2-eyebrow{ display: inline-block; margin-bottom: 16px; }.uc-blg .faq2-title h2{ text-align: left; margin: 0; }.uc-blg .faq2-grid{ display: grid; grid-template-columns: 1fr; gap: 32px; }@media (min-width: 900px){.uc-blg .faq2-grid{ grid-template-columns: minmax(220px, 260px) 1fr; gap: 28px; align-items: start; }}.uc-blg .faq2-side{ display: flex; flex-direction: column; background: #fff; border: 1px solid var(--cardbd); border-radius: 16px; overflow: hidden; }.uc-blg .faq2-cta{ display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px; background: none; border: 0; color: var(--txd); font-size: 16px; line-height: 26px; }.uc-blg .faq2-cta a{ display: inline-flex; align-items: center; gap: 7px; color: var(--acc-dk); text-decoration: none; font-weight: 600; }.uc-blg .faq2-cta a svg{ width: 16px; height: 16px; color: var(--acc); }.uc-blg .faq2-tabs{ position: relative; display: flex; flex-direction: column; gap: 4px; margin: 4px 4px 0; padding: 4px; box-shadow: inset 0 0 0 1px var(--cardbd); border-radius: 12px; background: var(--mist); }.uc-blg .faq2-tab-ind{ position: absolute; left: 4px; right: 4px; top: 0; height: 0; opacity: 0; border-radius: 9px; background: #fff; box-shadow: 0 1px 3px rgba(16, 24, 40, 0.12); transition: transform 0.24s cubic-bezier(0.3, 0, 0, 1), height 0.24s cubic-bezier(0.3, 0, 0, 1); z-index: 0; pointer-events: none; }.uc-blg .faq2-tab{ position: relative; z-index: 1; text-align: left; padding: 9px 16px; border: 0; border-radius: 9px; background: transparent; cursor: pointer; font-family: inherit; font-size: 14px; line-height: 22px; font-weight: 500; color: var(--txd); transition: color 0.2s var(--ease); }.uc-blg .faq2-tab:hover{ color: var(--tx); }.uc-blg .faq2-tab.ucx-on{ color: var(--tx); }.uc-blg .faq-pane{ display: none; flex-direction: column; gap: 12px; }.uc-blg .faq-pane.is-active{ display: flex; }.uc-blg .faq-item{ border-radius: 16px; background: #fff; border: 1px solid var(--cardbd); overflow: hidden; transition: border-color 0.24s var(--ease); }.uc-blg .faq-item.open, .uc-blg .faq-item:hover{ border-color: var(--tx); }.uc-blg .faq-q{ width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 24px; background: none; border: 0; cursor: pointer; text-align: left; font-family: inherit; color: var(--tx); font-size: 18px; font-weight: 500; letter-spacing: -0.01em; line-height: 26px; }.uc-blg .faq-ic{ flex: 0 0 auto; width: 22px; height: 22px; display: grid; place-items: center; color: var(--tx); transition: transform 0.3s var(--ease); }.uc-blg .faq-ic svg{ width: 20px; height: 20px; }.uc-blg .faq-item.open .faq-ic{ transform: rotate(135deg); }.uc-blg .faq-a{ display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.32s var(--ease); }.uc-blg .faq-item.open .faq-a{ grid-template-rows: 1fr; }.uc-blg .faq-a > div{ overflow: hidden; }.uc-blg .faq-a p{ margin: 0; padding: 0 24px 22px; color: var(--txd); font-size: 16px; line-height: 26px; }.uc-blg .faq-a a{ color: var(--acc-dk); font-weight: 500; }.uc-blg .sup-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 44px; }@media (max-width: 820px){.uc-blg .sup-grid{ grid-template-columns: 1fr 1fr; }}@media (max-width: 440px){.uc-blg .sup-grid{ grid-template-columns: 1fr; }}.uc-blg .sup-card{ padding: 26px 22px; text-align: center; border-radius: 16px; background: #fff; border: 1px solid var(--cardbd); box-shadow: 0 12px 30px -22px rgba(16, 24, 40, 0.22); transition: transform 0.24s var(--ease), border-color 0.24s var(--ease); }.uc-blg .sup-card:hover{ transform: translateY(-5px); border-color: var(--acc-line); }.uc-blg .sup-ic{ width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; margin: 0 auto 15px; background: var(--acc-soft); border: 1px solid var(--acc-line); color: var(--acc-dk); }.uc-blg .sup-ic svg{ width: 23px; height: 23px; }.uc-blg .sup-card h3{ margin: 0 0 6px; font-size: 18px; line-height: 28px; font-weight: 500; color: var(--tx); }.uc-blg .sup-card p{ margin: 0; font-size: 14px; color: var(--txd); line-height: 20px; }.uc-blg .news{ position: relative; margin-top: 40px; border-radius: 20px; padding: 40px 44px; background: var(--mist); border: 1px solid var(--cardbd); }.uc-blg .news-badge{ position: absolute; top: 0; left: 32px; transform: translateY(-50%); display: inline-flex; align-items: center; gap: 7px; padding: 8px 15px; border-radius: 999px; background: var(--acc); color: #fff; font-size: 12px; font-weight: 500; box-shadow: 0 10px 26px -10px rgba(253, 106, 53, 0.7); line-height: 14px; }.uc-blg .news-badge svg{ width: 15px; height: 15px; }.uc-blg .news-inner{ display: flex; align-items: center; justify-content: space-between; gap: 44px; flex-wrap: wrap; }.uc-blg .news-copy{ flex: 1 1 380px; }.uc-blg .news-title{ font-size: 24px; line-height: 30px; margin: 6px 0 0; font-weight: 500; letter-spacing: -0.01em; text-wrap: balance; color: var(--tx); }.uc-blg .news-sub{ margin: 10px 0 0; color: var(--txd); font-size: 16px; line-height: 26px; max-width: 56ch; }.uc-blg .news-form{ display: flex; gap: 12px; flex: 0 0 auto; }.uc-blg .news-input{ width: 300px; max-width: 100%; padding: 13px 18px; border-radius: 12px; border: 1px solid var(--cardbd); background: #fff; color: var(--tx); font-size: 16px; font-family: inherit; outline: none; transition: border-color 0.2s var(--ease); line-height: 22px; }.uc-blg .news-input::placeholder{ color: var(--txf); }.uc-blg .news-input:focus{ border-color: var(--acc); }@media (max-width: 860px){.uc-blg .news{ padding: 36px 28px 32px; }.uc-blg .news-inner{ flex-direction: column; align-items: flex-start; gap: 24px; }.uc-blg .news-form{ width: 100%; }.uc-blg .news-input{ flex: 1; width: auto; }}@media (max-width: 560px){.uc-blg .news-form{ flex-direction: column; }.uc-blg .news-form .uc-btn{ width: 100%; }}.uc-blg .logo-eyebrow{ text-align: center; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--txf); margin-bottom: 24px; line-height: 14px; }.uc-blg .logo-band{ position: relative; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 44px 0; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }.uc-blg .logo-track{ display: flex; gap: 14px; width: max-content; will-change: transform; }.uc-blg .logo-track.no-anim{ animation: f2w-logo-marq 34s linear infinite; }.uc-blg .logo-band .brand-chip{ display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 44px; padding: 0 28px; flex: 0 0 auto; will-change: transform; background: none; border: 0; box-shadow: none; }.uc-blg .logo-band .brand-chip .bc-ic{ height: 22px; width: auto; max-width: none; object-fit: contain; display: block; opacity: 0.5; filter: grayscale(1); transition: opacity 0.4s var(--ease), filter 0.4s var(--ease); }.uc-blg .logo-band .brand-chip .bc-tx{ display: inline; font-weight: 700; font-size: 20px; line-height: 20px; letter-spacing: -0.01em; color: var(--tx); opacity: 0.4; white-space: nowrap; transition: opacity 0.4s var(--ease); }.uc-blg .logo-band .brand-chip.lit .bc-ic{ opacity: 1; filter: none; }.uc-blg .logo-band .brand-chip.lit .bc-tx{ opacity: 0.9; }@media (prefers-reduced-motion: reduce){.uc-blg .reveal{ opacity: 1 !important; transform: none !important; transition: none; }.uc-blg .hero, .uc-blg .hero::before, .uc-blg .hero::after, .uc-blg .uic-orb, .uc-blg .scan-line, .uc-blg .scan-dot, .uc-blg .dfx-col.c3, .uc-blg .dfx-mark, .uc-blg .dfx-chip i.ucx-dot, .uc-blg .dfx-lbls em, .uc-blg [class*="mtn-"], .uc-blg .hf-h, .uc-blg .hf-f, .uc-blg .hf-ck, .uc-blg .hf-chip i.ucx-dot, .uc-blg .hf-lbls em, .uc-blg .term-scan, .uc-blg .pbx-tile, .uc-blg .rev-track, .uc-blg .logo-track, .uc-blg .demo-chip i, .uc-blg .scan-chip i{ animation: none !important; }.uc-blg .scan-line{ top: 50%; }.uc-blg .mtn-eye, .uc-blg .mtn-h, .uc-blg .mtn-sub, .uc-blg .mtn-card{ opacity: 1 !important; }}@keyframes f2w-drift{ 0% { transform: translate(-8%, 4%) scale(1); } 50% { transform: translate(9%, -7%) scale(1.15); } 100% { transform: translate(-6%, 8%) scale(1.05); } }@keyframes f2w-drift-reverse{ 0% { transform: translate(7%, -5%) scale(1.12); } 50% { transform: translate(-9%, 7%) scale(1); } 100% { transform: translate(6%, -8%) scale(1.18); } }@keyframes f2w-float-a{ 0% { translate: 0 0; } 50% { translate: 5% -7%; } 100% { translate: -4% 6%; } }@keyframes f2w-float-b{ 0% { translate: 0 0; } 50% { translate: -6% 7%; } 100% { translate: 5% -5%; } }@keyframes f2w-blink{ 0%, 100% { opacity: 1; } 50% { opacity: 0.25; } }@keyframes f2w-scan-sweep{ from { top: 4%; } to { top: 95%; } }@keyframes f2w-scan-pop{ 0%, 100% { transform: translate(-50%, -50%) scale(0.2); opacity: 0; } 18% { transform: translate(-50%, -50%) scale(1.25); opacity: 1; } 40% { transform: translate(-50%, -50%) scale(1); opacity: 0.92; } 68% { transform: translate(-50%, -50%) scale(0.85); opacity: 0; } }@keyframes f2w-dfx-slide{ 0%, 32% { transform: translateX(calc(-1 * var(--dfxgap, 24px))); } 58%, 90% { transform: translateX(0); } 100% { transform: translateX(calc(-1 * var(--dfxgap, 24px))); } }@keyframes f2w-dfx-bad{ 0%, 30% { opacity: 1; } 42%, 100% { opacity: 0; } }@keyframes f2w-dfx-good{ 0%, 50% { opacity: 0; } 60%, 88% { opacity: 1; } 92%, 100% { opacity: 0; } }@keyframes f2w-dfx-dot{ 0%, 45% { background: var(--coral); } 60%, 100% { background: var(--acc); } }@keyframes f2w-dfx-lbl-a{ 0%, 45% { opacity: 1; } 55%, 100% { opacity: 0; } }@keyframes f2w-dfx-lbl-b{ 0%, 50% { opacity: 0; } 60%, 92% { opacity: 1; } 100% { opacity: 0; } }@keyframes f2w-mt-eye{ 0%, 2% { opacity: 0; transform: translateY(var(--fy)); } 9%, 85% { opacity: 1; transform: translateY(0); } 92%, 100% { opacity: 0; transform: translateY(var(--fy)); } }@keyframes f2w-mt-h{ 0%, 6% { opacity: 0; transform: translateY(var(--fy)); } 14%, 85% { opacity: 1; transform: translateY(0); } 92%, 100% { opacity: 0; transform: translateY(var(--fy)); } }@keyframes f2w-mt-sub{ 0%, 11% { opacity: 0; transform: translateY(var(--fy)); } 19%, 85% { opacity: 1; transform: translateY(0); } 92%, 100% { opacity: 0; transform: translateY(var(--fy)); } }@keyframes f2w-mt-c1{ 0%, 22% { opacity: 0; transform: translateY(var(--fy)); } 29%, 85% { opacity: 1; transform: translateY(0); } 92%, 100% { opacity: 0; transform: translateY(var(--fy)); } }@keyframes f2w-mt-c2{ 0%, 25% { opacity: 0; transform: translateY(var(--fy)); } 32%, 85% { opacity: 1; transform: translateY(0); } 92%, 100% { opacity: 0; transform: translateY(var(--fy)); } }@keyframes f2w-mt-c3{ 0%, 28% { opacity: 0; transform: translateY(var(--fy)); } 35%, 85% { opacity: 1; transform: translateY(0); } 92%, 100% { opacity: 0; transform: translateY(var(--fy)); } }@keyframes f2w-mt-c4{ 0%, 31% { opacity: 0; transform: translateY(var(--fy)); } 38%, 85% { opacity: 1; transform: translateY(0); } 92%, 100% { opacity: 0; transform: translateY(var(--fy)); } }@keyframes f2w-mt-c5{ 0%, 34% { opacity: 0; transform: translateY(var(--fy)); } 41%, 85% { opacity: 1; transform: translateY(0); } 92%, 100% { opacity: 0; transform: translateY(var(--fy)); } }@keyframes f2w-hf-lift-h{ 0%, 10% { transform: translateY(0); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06); } 16%, 88% { transform: translateY(-8px); box-shadow: 0 12px 22px -8px rgba(0, 0, 0, 0.28), 0 0 0 2px var(--acc); } 100% { transform: translateY(0); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06); } }@keyframes f2w-hf-lift-f{ 0%, 20% { transform: translateY(0); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); } 26%, 88% { transform: translateY(-8px); box-shadow: 0 12px 22px -8px rgba(0, 0, 0, 0.32), 0 0 0 2px var(--acc); } 100% { transform: translateY(0); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); } }@keyframes f2w-hf-ck1{ 0%, 30% { opacity: 0; transform: scale(0.4); } 36% { opacity: 1; transform: scale(1); } 88% { opacity: 1; } 93%, 100% { opacity: 0; } }@keyframes f2w-hf-ck2{ 0%, 40% { opacity: 0; transform: scale(0.4); } 46% { opacity: 1; transform: scale(1); } 88% { opacity: 1; } 93%, 100% { opacity: 0; } }@keyframes f2w-hf-dot{ 0%, 42% { background: var(--acc2); } 48%, 100% { background: var(--acc); } }@keyframes f2w-hf-la{ 0%, 40% { opacity: 1; } 46%, 100% { opacity: 0; } }@keyframes f2w-hf-lb{ 0%, 44% { opacity: 0; } 50%, 88% { opacity: 1; } 94%, 100% { opacity: 0; } }@keyframes f2w-term-scan{ 0% { transform: translateY(-84px); } 100% { transform: translateY(330px); } }@keyframes f2w-term-swap{ from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }@keyframes f2w-term-blink{ 50% { opacity: 0; } }@keyframes f2w-rev-up{ from { transform: translateY(0); } to { transform: translateY(-50%); } }@keyframes f2w-logo-marq{ to { transform: translateX(-50%); } }@keyframes f2w-pbx-float{ 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }@keyframes f2w-pwfade{ from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }.uc-blg .hero-grid{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; }.uc-blg .hero-copy{ display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 0; }.uc-blg .hero-eyebrow{ display: inline-flex; align-items: center; gap: var(--spacing-sprout-8); color: var(--txd); font-size: 14px; line-height: 18px; font-weight: 500; letter-spacing: 0.01em; }.uc-blg .hero-copy .uc-eyebrow{ margin-bottom: var(--spacing-sprout-24); }.uc-blg .hero-copy .hero-eyebrow{ margin-bottom: var(--spacing-sprout-20); }.uc-blg .hero-copy .pill-title{ margin: 0 auto var(--spacing-sprout-20); }.uc-blg .hero-copy .ucx-sub{ max-width: 1100px; margin: 0 auto var(--spacing-sprout-32); }.uc-blg .hero-copy .cta-row{ gap: var(--spacing-sprout-12); }.uc-blg .hero .uc-marquee-wrap{ margin-top: 80px; }.uc-blg .hero-video-wrap{ position: relative; margin-top: 80px; }.uc-blg .pill-title .brand-chip .ai-cluster{ display: block; width: 100%; height: 100%; }.uc-blg .hero .hero-video{ position: relative; z-index: 1; margin-top: 0; max-width: none; width: 100%; border-radius: 32px; }@media (min-width: 640px){.uc-blg .hero .hero-video{ border-radius: 48px; }}@media (min-width: 768px){.uc-blg .hero .hero-video{ border-radius: 64px; }}@media (min-width: 1025px){.uc-blg .hero .hero-video{ width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; }}.uc-blg .hero-glow{ pointer-events: none; user-select: none; position: absolute; left: 50%; top: 50%; z-index: 0; width: 176%; max-width: none; transform: translate(-50%, -64%); }.uc-blg .hero .hero-checks{ margin-top: clamp(24px, 3vw, 34px); }.uc-blg .mcpset{ max-width: 640px; margin: 52px auto 0; }.uc-blg .mcpset-panel{ position: relative; background: var(--uc-surface-sunken); border: 1px solid var(--uc-border-subtle); border-radius: var(--uc-radius-16); padding: var(--uc-space-4) var(--uc-space-4) 0; box-shadow: var(--uc-shadow-5); text-align: left; }.uc-blg .mcpset-inner{ background: var(--uc-surface-raised); border: 1px solid var(--uc-border-subtle); border-radius: var(--uc-radius-12); padding: var(--uc-space-24) var(--uc-space-28); }.uc-blg .mcpset-eyebrow{ display: block; font-size: var(--uc-text-xs); font-weight: var(--uc-weight-semibold); letter-spacing: 0.08em; text-transform: uppercase; color: var(--uc-text-subtle); line-height: var(--uc-leading-tight); margin-bottom: var(--uc-space-16); }.uc-blg .mcpset-tabs{ margin-bottom: var(--uc-space-20); }.uc-blg .mcpset-tab-ic{ width: 17px; height: 17px; display: block; object-fit: contain; flex: 0 0 auto; }.uc-blg .mcpset-intro{ margin: 0 0 var(--uc-space-16); color: var(--uc-text-strong); font-size: var(--uc-text-md); line-height: var(--uc-leading-normal); }.uc-blg .mcpset-intro b{ font-weight: var(--uc-weight-semibold); }.uc-blg .mcpset-steps{ margin: 0; padding: 0 0 0 var(--uc-space-20); list-style: decimal; display: flex; flex-direction: column; gap: var(--uc-space-16); }.uc-blg .mcpset-steps > li{ color: var(--uc-text-muted); font-size: var(--uc-text-base); line-height: var(--uc-leading-normal); padding-left: var(--uc-space-6); }.uc-blg .mcpset-steps > li::marker{ color: var(--uc-text-subtle); font-weight: var(--uc-weight-semibold); }.uc-blg .mcpset-steps b{ color: var(--uc-text-strong); font-weight: var(--uc-weight-semibold); }.uc-blg .mcpset-steps code{ font-family: var(--uc-font-mono); font-size: var(--uc-text-sm); padding: var(--uc-space-1) var(--uc-space-6); border-radius: var(--uc-radius-6); background: var(--uc-surface-sunken); border: 1px solid var(--uc-border-subtle); color: var(--uc-text-strong); white-space: nowrap; }.uc-blg .mcpset-code{ position: relative; display: flex; align-items: center; margin-top: var(--uc-space-10); background: var(--uc-surface-sunken); border: 1px solid var(--uc-border-subtle); border-radius: var(--uc-radius-8); padding: var(--uc-space-12) var(--uc-space-48) var(--uc-space-12) var(--uc-space-14); overflow: hidden; }.uc-blg .mcpset-code code{ flex: 1 1 auto; min-width: 0; overflow-x: auto; white-space: nowrap; font-family: var(--uc-font-mono); font-size: var(--uc-text-sm); line-height: var(--uc-leading-normal); color: var(--uc-text-strong); background: none; border: 0; padding: 0; scrollbar-width: none; }.uc-blg .mcpset-code code::-webkit-scrollbar{ display: none; }.uc-blg .mcpset-copy{ position: absolute; right: var(--uc-space-8); top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 30px; height: 30px; border-radius: var(--uc-radius-8); border: 1px solid var(--uc-border-subtle); background: var(--uc-surface-raised); color: var(--uc-text-muted); cursor: pointer; transition: color var(--uc-dur-fast) var(--uc-ease-standard), border-color var(--uc-dur-fast) var(--uc-ease-standard), background var(--uc-dur-fast) var(--uc-ease-standard); }.uc-blg .mcpset-copy:hover{ color: var(--uc-text-strong); border-color: var(--uc-brand-border); }.uc-blg .mcpset-copy.done{ color: var(--uc-success); border-color: var(--uc-success-border); }.uc-blg .mcpset-copy svg{ width: 16px; height: 16px; }.uc-blg .mcpset-docs{ display: flex; align-items: center; gap: var(--uc-space-3); margin: 0; padding: var(--uc-space-12) var(--uc-space-28); color: var(--uc-text-strong); font-size: var(--uc-text-base); line-height: var(--uc-leading-snug); text-decoration: underline; text-underline-offset: 2px; }.uc-blg .mcpset-docs > svg{ width: 14px; height: 14px; }.uc-blg .mcpset-docs:hover{ color: var(--uc-brand-fg); }.uc-blg .mcpset-docs .mcpset-docs-tail{ color: var(--uc-text-subtle); text-decoration: none; }@media (max-width: 560px){.uc-blg .mcpset-inner{ padding: var(--uc-space-20) var(--uc-space-16); }.uc-blg .mcpset-docs{ padding: var(--uc-space-12) var(--uc-space-16); }}.uc-blg .conv-card{ --conv-gutter: clamp(12px, 1.8vw, 36px); position: relative; overflow: hidden; margin-top: var(--uc-space-40); margin-left: calc(50% - 50vw + var(--conv-gutter)); margin-right: calc(50% - 50vw + var(--conv-gutter)); border-radius: var(--uc-radius-32); padding: clamp(80px, 11vw, 140px) var(--uc-space-24); text-align: center; background: #171717; transform: scale(var(--cs, 0.9)); transform-origin: center; will-change: transform; }.uc-blg .conv-card::before{ content: ""; position: absolute; z-index: 0; pointer-events: none; left: -24.11%; top: -71.84%; width: 148.46%; height: 221.72%; opacity: 0.8; background-image: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjI1OTIuNTUiIGhlaWdodD0iMTY4NS4xMSIgdmlld0JveD0iMCAwIDI1OTIuNTUgMTY4NS4xMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDIxNDcyMzc2NDAiPgo8ZyBpZD0iVmVjdG9yIDI3MjYxIiBmaWx0ZXI9InVybCgjZmlsdGVyMF9mXzM0MjRfMzYwODkpIj4KPHBhdGggZD0iTTE3My4zMDcgMzY5LjQ1NEM0NzQuMjAxIDExMDMuNyAxMzM2LjM3IDEyMzYgMTgxMC44NiAxMjA3LjU4QzE4MjcuNzMgMTIwNi41NyAxODMyLjkyIDEyMzEuMDggMTgxNy42MSAxMjM4LjI0QzM2Mi42NTUgMTkxOC4yNCA5My45Njc0IDk4Ny41OTcgMTQzLjc4NyAzNzMuMDg5QzE0NS4wNzcgMzU3LjE4MiAxNjcuMjU1IDM1NC42ODYgMTczLjMwNyAzNjkuNDU0WiIgZmlsbD0iI0ZGQzU3NCIvPgo8L2c+CjxnIGlkPSJWZWN0b3IgMjcyNjIiIGZpbHRlcj0idXJsKCNmaWx0ZXIxX2ZfMzQyNF8zNjA4OSkiPgo8cGF0aCBkPSJNMjQyNC40OSAzOTguNTEzQzIwNTguNCAxMTY1LjcyIDExMjYuNTMgMTI1MC4wMiA2MjQuNzg2IDExODguNDhDNjA4LjAxMSAxMTg2LjQyIDYwMS41NzIgMTIxMC41OSA2MTYuNDIyIDEyMTguNjZDMjEyNi4yMyAyMDM5LjIyIDI0NjkuNDIgMTA2MC40OSAyNDUzLjc1IDQwMy44NTZDMjQ1My4zNyAzODcuOTAxIDI0MzEuMzYgMzg0LjEwOSAyNDI0LjQ5IDM5OC41MTNaIiBmaWxsPSIjRkQ2QTM1Ii8+CjwvZz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9mXzM0MjRfMzYwODkiIHg9Ii03LjYyOTM5ZS0wNiIgeT0iMjIxLjM1MSIgd2lkdGg9IjE5NjUuMDEiIGhlaWdodD0iMTM5My4zMiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI2OS4xNTE1IiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfMzQyNF8zNjA4OSIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyMV9mXzM0MjRfMzYwODkiIHg9IjQ2OS44MDgiIHk9IjI1MS4yNDIiIHdpZHRoPSIyMTIyLjc1IiBoZWlnaHQ9IjE0MTguNjQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNjkuMTUxNSIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzM0MjRfMzYwODkiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg=="); background-size: 100% 100%; background-repeat: no-repeat; }.uc-blg .conv-card > *{ position: relative; z-index: 1; }.uc-blg .conv-card .conv-dots{ position: absolute; inset: 0; z-index: 0; }.uc-blg .conv-eyebrow{ color: var(--uc-text); font-size: 16px; font-weight: 500; letter-spacing: -0.01em; line-height: 24px; text-transform: none; }.uc-blg .reveal-text{ color: transparent; -webkit-background-clip: text; background-clip: text; }.uc-blg .conv-card .conv-title{ margin: 18px auto 0; max-width: 780px; font-size: 48px; line-height: 56px; font-weight: var(--uc-weight-medium); letter-spacing: -0.02em; text-wrap: balance; color: var(--uc-text-strong); }.uc-blg .conv-card .conv-sub{ margin: var(--uc-space-16) auto 0; max-width: 1040px; font-size: 18px; line-height: 30px; text-wrap: balance; color: var(--uc-text); }.uc-blg .conv-cta{ margin-top: clamp(40px, 5vw, 64px); text-align: center; }.uc-blg .conv-marquee-wrap{ position: relative; display: flex; justify-content: flex-start; margin-top: clamp(40px, 5vw, 64px); overflow: hidden; -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%); mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%); }.uc-blg .conv-marquee{ display: flex; flex: 0 0 auto; width: max-content; animation: conv-marquee-x 45s linear infinite; will-change: transform; }.uc-blg .conv-marquee-wrap:hover .conv-marquee{ animation-play-state: paused; }.uc-blg .conv-tile{ flex: 0 0 auto; display: grid; place-items: center; width: 90px; height: 90px; margin-right: var(--uc-space-16); border-radius: var(--uc-radius-24); background: var(--uc-inverse-bg); cursor: default; }.uc-blg .conv-tile img{ width: 48px; height: 48px; object-fit: contain; }.uc-blg .conv-tip{ position: fixed; left: 0; top: 0; z-index: 60; pointer-events: none; display: flex; flex-direction: column; gap: 4px; max-width: 300px; padding: 12px 14px; border-radius: 12px; text-align: left; background: #1c1c1c; border: 1px solid rgba(255, 255, 255, 0.10); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5); opacity: 0; transform-origin: top left; transition: opacity 0.14s cubic-bezier(0.2, 0, 0, 1); will-change: transform; }.uc-blg .conv-tip.in{ opacity: 1; }.uc-blg .conv-tip-t{ color: #fff; font-size: 14px; font-weight: 600; line-height: 18px; }.uc-blg .conv-tip-d{ color: rgba(255, 255, 255, 0.6); font-size: 14px; line-height: 20px; }@keyframes conv-marquee-x{ from { transform: translateX(0); } to { transform: translateX(-50%); } }@media (prefers-reduced-motion: reduce){.uc-blg .conv-marquee{ animation: none; }}.uc-blg .xway-grid{ display: grid; grid-template-columns: 1fr; gap: 18px; margin: 52px auto 0; max-width: 1120px; }.uc-blg .xway-card{ border-radius: var(--r-xl); overflow: visible; background: var(--pg2); padding: 4px; }.uc-blg .xway-solo .xway-card{ display: grid; grid-template-columns: 1fr 1fr; gap: 4px; align-items: stretch; }.uc-blg .xway-media{ position: relative; overflow: hidden; min-height: 320px; border: 1px solid var(--cardbd); border-radius: 16px; background: radial-gradient(circle at 1px 1px, rgba(16, 24, 40, 0.07) 1px, transparent 0) 0 0 / 22px 22px, #fff; }.uc-blg.is-night .xway-media{ background: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.09) 1px, transparent 0) 0 0 / 22px 22px, #171717; }.uc-blg .xway-stack{ position: absolute; inset: 0; }.uc-blg .xway-shot{ position: absolute; top: 50%; left: 50%; height: 84%; width: auto; max-width: 62%; object-fit: contain; object-position: top; border-radius: 12px; border: 1px solid var(--cardbd); box-shadow: 0 22px 46px -18px rgba(16, 24, 40, 0.45); background: #fff; transition: transform 0.55s var(--ease); will-change: transform; }.uc-blg .xway-shot.s1{ transform: translate(-50%, -50%) rotate(0deg); z-index: 3; }.uc-blg .xway-shot.s2{ transform: translate(-88%, -46%) rotate(-8deg) scale(0.94); z-index: 2; }.uc-blg .xway-shot.s3{ transform: translate(-12%, -46%) rotate(8deg) scale(0.94); z-index: 1; }.uc-blg .xway-card:hover .xway-shot.s1{ transform: translate(-12%, -46%) rotate(8deg) scale(0.94); z-index: 1; }.uc-blg .xway-card:hover .xway-shot.s2{ transform: translate(-50%, -50%) rotate(0deg); z-index: 3; }.uc-blg .xway-card:hover .xway-shot.s3{ transform: translate(-88%, -46%) rotate(-8deg) scale(0.94); z-index: 2; }.uc-blg .xway-body{ display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 12px; padding: 30px 34px; }.uc-blg .xway-body .xic{ width: 50px; height: 50px; border-radius: 14px; display: grid; place-items: center; background: #f2f2f2; border: 1px solid #dcdcdc; color: #171717; margin-bottom: 12px; }.uc-blg.is-night .xway-body .xic{ background: var(--cardbg); border-color: var(--cardbd); color: var(--tx); }.uc-blg .xway-body .xic svg{ width: 24px; height: 24px; }.uc-blg .xway-body .xeye{ font-size: 12px; line-height: 18px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }.uc-blg .xway-body .xeye--live{ display: inline-flex; align-items: center; gap: 7px; color: var(--acc); }.uc-blg .xway-body .xeye--live::before{ content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--acc); box-shadow: 0 0 0 3px color-mix(in srgb, var(--acc) 24%, transparent); }.uc-blg .xway-body h3{ margin: 4px 0 0; font-size: 24px; line-height: 30px; font-weight: 500; letter-spacing: -0.01em; color: var(--tx); }.uc-blg .xway-body p{ margin: 0; color: var(--txd); font-size: 16px; line-height: 26px; }.uc-blg .xway-body .xway-link{ margin-top: 6px; color: var(--acc); }.uc-blg .xway-body .xway-link::after{ background: var(--acc); }@media (prefers-reduced-motion: reduce){.uc-blg .xway-shot{ transition: none; }}@media (max-width: 860px){.uc-blg .xway-solo .xway-card{ grid-template-columns: 1fr; }.uc-blg .xway-media{ border-right: 0; border-bottom: 1px solid var(--line); min-height: 300px; }.uc-blg .xway-body{ padding: 32px 28px 34px; }}.uc-blg .map-ba{ position: relative; width: 100%; max-width: 940px; margin: 0 auto; aspect-ratio: 16 / 9; border-radius: var(--r-xl); overflow: hidden; border: 1px solid var(--cardbd); box-shadow: 0 30px 70px -44px rgba(16, 24, 40, 0.5); user-select: none; touch-action: none; background: #0a0a0a; }.uc-blg .map-ba-media{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }.uc-blg .map-ba-top{ z-index: 2; will-change: clip-path; }.uc-blg .map-ba-handle{ position: absolute; top: 0; bottom: 0; z-index: 3; width: 2px; background: #fff; transform: translateX(-1px); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06); }.uc-blg .map-ba-knob{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px; border-radius: 999px; background: #fff; display: grid; place-items: center; box-shadow: 0 8px 22px -6px rgba(0, 0, 0, 0.45); cursor: ew-resize; }.uc-blg .map-ba-knob svg{ width: 22px; height: 22px; color: var(--acc); }.uc-blg .map-ba-tag{ position: absolute; z-index: 4; top: 14px; padding: 5px 12px; border-radius: 999px; font-size: 12px; line-height: 18px; font-weight: 600; letter-spacing: 0.01em; color: #fff; background: rgba(10, 10, 10, 0.62); backdrop-filter: blur(6px); }.uc-blg .map-ba-tag.l{ left: 14px; }.uc-blg .map-ba-tag.r{ right: 14px; }.uc-blg .map-hint{ text-align: center; color: var(--txf); font-size: 14px; line-height: 22px; margin: 16px 0 0; }.uc-blg .map-chips{ margin-top: 30px; display: flex; flex-direction: column; gap: 12px; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }.uc-blg .map-chip-row{ display: flex; gap: 12px; width: max-content; will-change: transform; }.uc-blg .map-chip-row.a{ animation: cm-chips-l 42s linear infinite; }.uc-blg .map-chip-row.b{ animation: cm-chips-r 48s linear infinite; }.uc-blg .widget-chip{ flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border-radius: 999px; background: #fff; border: 1px solid var(--cardbd); color: var(--txd); font-size: 14px; line-height: 22px; font-weight: 500; white-space: nowrap; box-shadow: 0 6px 16px -12px rgba(16, 24, 40, 0.4); }.uc-blg .widget-chip svg{ width: var(--spacing-sprout-16); height: var(--spacing-sprout-16); flex: 0 0 auto; }.uc-blg .map-cta{ text-align: center; margin-top: 28px; }@keyframes cm-chips-l{ to { transform: translateX(-50%); } }@keyframes cm-chips-r{ from { transform: translateX(-50%); } to { transform: translateX(0); } }@media (prefers-reduced-motion: reduce){.uc-blg .map-chip-row.a, .uc-blg .map-chip-row.b{ animation: none; }}.uc-blg .tm-bars{ max-width: 980px; margin: 0 auto 44px; display: flex; flex-direction: column; gap: 30px; }.uc-blg .tm-row .tm-top{ display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 12px; }.uc-blg .tm-name{ font-size: 16px; line-height: 24px; font-weight: 500; color: var(--tx); }.uc-blg .tm-hrs{ font-size: 22px; line-height: 34px; font-weight: 700; letter-spacing: -0.01em; }.uc-blg .tm-hrs.red{ color: var(--coral); }.uc-blg .tm-hrs.brand{ color: var(--acc); }.uc-blg .tm-track{ position: relative; height: 16px; border-radius: 999px; background: var(--mist); overflow: visible; }.uc-blg .tm-fill{ position: absolute; inset: 0 auto 0 0; width: 0; border-radius: 999px; }.uc-blg .tm-fill.red{ background: linear-gradient(90deg, #f97b70, var(--coral)); }.uc-blg .tm-fill.brand{ background: linear-gradient(90deg, var(--acc2), var(--acc)); }.uc-blg .tm-live{ position: absolute; top: 50%; right: 6px; transform: translateY(-50%); z-index: 3; display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px; background: #fff; border: 1px solid var(--cardbd); font-size: 12px; line-height: 18px; font-weight: 600; color: var(--tx); box-shadow: 0 4px 12px -4px rgba(16, 24, 40, 0.3); white-space: nowrap; opacity: 0; transition: opacity 0.4s var(--ease); }.uc-blg .tm-live svg{ width: 12px; height: 12px; color: var(--acc); }.uc-blg .tm-runner{ position: absolute; top: 50%; left: 0; width: 22px; height: 22px; border-radius: 50%; transform: translate(-50%, -50%); z-index: 2; }.uc-blg .tm-runner.red{ background: var(--coral); box-shadow: 0 0 0 5px color-mix(in srgb, var(--coral) 18%, transparent), 0 4px 14px -2px rgba(16, 24, 40, 0.3); }.uc-blg .tm-runner.brand{ background: var(--acc); box-shadow: 0 0 0 5px color-mix(in srgb, var(--acc) 20%, transparent), 0 4px 14px -2px rgba(16, 24, 40, 0.3); }.uc-blg .tm-bars.go .lane-without .tm-fill{ animation: tm-fill 7.2s var(--ease) forwards; }.uc-blg .tm-bars.go .lane-without .tm-runner{ animation: tm-run 7.2s var(--ease) forwards; }.uc-blg .tm-bars.go .lane-with .tm-fill{ animation: tm-fill 1.5s var(--ease) forwards; }.uc-blg .tm-bars.go .lane-with .tm-runner{ animation: tm-run 1.5s var(--ease) forwards; }.uc-blg .tm-bars.go .tm-live{ opacity: 1; transition-delay: 1.4s; }@keyframes tm-fill{ from { width: 0; } to { width: 100%; } }@keyframes tm-run{ from { left: 0; } to { left: 100%; } }@media (prefers-reduced-motion: reduce){.uc-blg .tm-bars .tm-fill{ width: 100%; animation: none; }.uc-blg .tm-bars .tm-runner{ left: 100%; animation: none; }.uc-blg .tm-bars .tm-live{ opacity: 1; transition: none; }}.uc-blg .tm-cards{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }.uc-blg .tm-card{ padding: 4px; border-radius: var(--r-xl); background: var(--pg2); }.uc-blg .tm-card-in{ background: #fff; border: 1px solid var(--cardbd); border-radius: 16px; padding: 24px 22px; height: 100%; }.uc-blg .tm-card-h{ display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }.uc-blg .tm-pill{ display: inline-flex; align-items: center; padding: 5px 12px; border-radius: 999px; font-size: 14px; line-height: 22px; font-weight: 700; letter-spacing: -0.01em; }.uc-blg .tm-pill.red{ color: var(--coral); background: color-mix(in srgb, var(--coral) 12%, #fff); }.uc-blg .tm-pill.brand{ color: var(--acc); background: color-mix(in srgb, var(--acc) 12%, #fff); }.uc-blg .tm-card-h h3{ margin: 0; font-size: 18px; line-height: 28px; font-weight: 500; color: var(--tx); }.uc-blg .tm-item{ display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 13px 0; border-top: 1px solid var(--line); }.uc-blg .tm-item:first-of-type{ border-top: 0; }.uc-blg .tm-item span{ color: var(--txd); font-size: 16px; line-height: 24px; }.uc-blg .tm-item b{ flex: 0 0 auto; font-size: 16px; line-height: 24px; font-weight: 700; letter-spacing: -0.01em; white-space: nowrap; }.uc-blg .tm-item.red b{ color: var(--coral); }.uc-blg .tm-item.brand b{ color: var(--acc); }.uc-blg .tm-item .tm-free{ color: var(--acc); }.uc-blg .tm-saved{ text-align: center; margin: 40px auto 0; max-width: 640px; }.uc-blg .tm-saved-num{ font-size: 44px; font-weight: 700; letter-spacing: -0.03em; color: var(--acc); line-height: 44px; }.uc-blg .tm-saved p{ margin: 12px 0 0; color: var(--txd); font-size: 16px; line-height: 24px; }.uc-blg .tm-note{ text-align: center; color: var(--txf); font-size: 14px; line-height: 22px; margin: 18px 0 0; }.uc-blg.is-night .tm-card-in{ background: #262626; }.uc-blg.is-night .tm-live{ background: #262626; border-color: rgba(255, 255, 255, 0.14); box-shadow: none; }.uc-blg.is-night .tm-pill.red{ background: color-mix(in srgb, var(--coral) 20%, #1f1f1f); }.uc-blg.is-night .tm-pill.brand{ background: color-mix(in srgb, var(--acc) 20%, #1f1f1f); }@media (max-width: 720px){.uc-blg .tm-cards{ grid-template-columns: 1fr; }}.uc-blg .watch-grid{ display: grid; grid-template-columns: 1.5fr 1fr; gap: 22px; align-items: start; }.uc-blg .watch-main-wrap{ padding: 4px; border-radius: var(--r-xl); background: var(--pg2); }.uc-blg .watch-main{ position: relative; border-radius: 16px; overflow: hidden; border: 1px solid var(--cardbd); background: #000; aspect-ratio: 16 / 9; cursor: pointer; }.uc-blg .watch-main img, .uc-blg .watch-main iframe{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; display: block; }.uc-blg .watch-main .watch-play{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: 74px; height: 74px; border-radius: 999px; background: var(--acc); display: grid; place-items: center; box-shadow: 0 12px 30px -8px rgba(253, 106, 53, 0.7); transition: transform 0.24s var(--ease); }.uc-blg .watch-main:hover .watch-play{ transform: translate(-50%, -50%) scale(1.06); }.uc-blg .watch-play svg{ width: 30px; height: 30px; color: #fff; margin-left: 3px; }.uc-blg .watch-main .watch-cap{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 40px 20px 18px; color: #fff; font-size: 16px; line-height: 24px; font-weight: 500; background: linear-gradient(0deg, rgba(0, 0, 0, 0.72), transparent); }.uc-blg .watch-list{ display: flex; flex-direction: column; gap: 10px; max-height: 500px; overflow-y: auto; padding: 6px 4px; scrollbar-width: none; -webkit-mask-image: linear-gradient(transparent 0, #000 7%, #000 88%, transparent 100%); mask-image: linear-gradient(transparent 0, #000 7%, #000 88%, transparent 100%); }.uc-blg .watch-list::-webkit-scrollbar{ width: 0; height: 0; display: none; }.uc-blg .watch-item{ display: flex; gap: 12px; align-items: center; padding: 8px; border-radius: 14px; border: 1px solid transparent; cursor: pointer; text-align: left; background: none; transition: background 0.2s var(--ease), border-color 0.2s var(--ease); }.uc-blg .watch-item:hover{ background: var(--pg2); }.uc-blg .watch-item.ucx-on{ background: color-mix(in srgb, var(--acc) 7%, #fff); border-color: var(--acc-line); }.uc-blg.is-night .watch-item.ucx-on{ background: color-mix(in srgb, var(--acc) 15%, #1f1f1f); }.uc-blg .watch-thumb{ position: relative; flex: 0 0 108px; width: 108px; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: #000; }.uc-blg .watch-thumb img{ width: 100%; height: 100%; object-fit: cover; display: block; }.uc-blg .watch-thumb::after{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 26px; height: 26px; border-radius: 999px; background: rgba(255, 255, 255, 0.92); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fd6a35'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E"); background-size: 15px; background-repeat: no-repeat; background-position: 56% 50%; }.uc-blg .watch-item .watch-t{ font-size: 14px; font-weight: 500; color: var(--tx); line-height: 20px; }.uc-blg .watch-cta{ text-align: center; margin-top: 30px; display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--txd); font-size: 16px; line-height: 24px; }@media (max-width: 820px){.uc-blg .watch-grid{ grid-template-columns: 1fr; }.uc-blg .watch-list{ flex-direction: row; overflow-x: auto; overflow-y: visible; max-height: none; -webkit-mask-image: none; mask-image: none; }.uc-blg .watch-item{ flex: 0 0 240px; }}.uc-blg .sprout-shot{ max-width: 1000px; margin: 8px auto 0; padding: 4px; border-radius: var(--r-xl); background: var(--pg2); }.uc-blg .sprout-shot img{ display: block; width: 100%; height: auto; border: 1px solid var(--cardbd); border-radius: 16px; }.uc-blg .tpl-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }.uc-blg .tpl-card{ display: flex; flex-direction: column; padding: 4px; border-radius: var(--r-xl); background: var(--pg2); transition: transform 0.24s var(--ease); }.uc-blg .tpl-card:hover{ transform: translateY(-4px); }.uc-blg .tpl-thumb{ position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: #fff; border: 1px solid var(--cardbd); border-radius: 16px; }.uc-blg .tpl-thumb img{ width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 15px; }.uc-blg .tpl-badge{ position: absolute; top: 12px; left: 12px; z-index: 2; }.uc-blg .tpl-body{ padding: 12px; display: flex; flex-direction: column; gap: 4px; flex: 1; }.uc-blg .tpl-body h3{ margin: 0; font-size: 18px; line-height: 28px; font-weight: 500; color: var(--tx); }.uc-blg .tpl-body p{ margin: 0; color: var(--txd); font-size: 14px; line-height: 20px; }.uc-blg .tpl-cta{ text-align: center; margin-top: 36px; }@media (max-width: 900px){.uc-blg .tpl-grid{ grid-template-columns: 1fr 1fr; }}@media (max-width: 560px){.uc-blg .tpl-grid{ grid-template-columns: 1fr; }}.uc-blg .feat-wrap{ display: grid; grid-template-columns: 250px 1fr; gap: 32px; margin-top: 44px; align-items: start; }.uc-blg .feat-side{ position: sticky; top: 96px; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--cardbd); border-radius: 16px; overflow: hidden; }.uc-blg .feat-tabs{ position: relative; display: flex; flex-direction: column; gap: 4px; margin: 4px; padding: 4px; box-shadow: inset 0 0 0 1px var(--cardbd); border-radius: 12px; background: var(--mist); }.uc-blg .feat-tab-ind{ position: absolute; left: 4px; right: 4px; top: 0; height: 0; opacity: 0; border-radius: 9px; background: #fff; box-shadow: 0 1px 3px rgba(16, 24, 40, 0.12); transition: transform 0.24s cubic-bezier(0.3, 0, 0, 1), height 0.24s cubic-bezier(0.3, 0, 0, 1); z-index: 0; pointer-events: none; }.uc-blg .feat-tab{ position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px; text-align: left; cursor: pointer; padding: 11px 14px; border: 0; border-radius: 9px; background: transparent; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 18px; color: var(--txd); transition: color 0.2s var(--ease); }.uc-blg .feat-tab:hover{ color: var(--tx); }.uc-blg .feat-tab.is-active{ color: var(--tx); }.uc-blg .ft-count{ flex: 0 0 auto; font-size: 12px; line-height: 18px; font-weight: 700; color: var(--txf); background: #fff; box-shadow: inset 0 0 0 1px var(--cardbd); border-radius: 999px; padding: 2px 9px; transition: color 0.2s var(--ease), background 0.2s var(--ease); }.uc-blg .feat-tab.is-active .ft-count{ color: var(--acc); background: color-mix(in srgb, var(--acc) 12%, #fff); box-shadow: none; }.uc-blg.is-night .feat-side{ background: var(--pg2); }.uc-blg.is-night .feat-tab-ind{ background: #383838; box-shadow: none; }.uc-blg.is-night .ft-count{ background: #262626; color: var(--txd); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); }.uc-blg.is-night .feat-tab.is-active .ft-count{ color: var(--acc); background: color-mix(in srgb, var(--acc) 22%, #1f1f1f); box-shadow: none; }.uc-blg .fbento{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; align-items: stretch; }.uc-blg .fcard{ padding: 4px; border-radius: var(--r-xl); background: var(--pg2); transition: transform 0.24s var(--ease); }.uc-blg .fcard:hover{ transform: translateY(-4px); }.uc-blg .fcard-in{ display: flex; flex-direction: column; height: 100%; background: transparent; }.uc-blg .fcard .bento-media{ position: relative; aspect-ratio: 16 / 10; background: #fff; overflow: hidden; border: 1px solid var(--cardbd); border-radius: 16px; }.uc-blg .fcard .bento-vid{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transition: opacity 0.5s var(--ease), transform 0.6s var(--ease); }.uc-blg .fcard .bento-vid.ready{ opacity: 1; }.uc-blg .fcard:hover .bento-vid{ transform: scale(1.03); }.uc-blg .bento-body{ padding: 12px; }.uc-blg .bento-body h3{ margin: 0 0 5px; font-size: 18px; line-height: 28px; font-weight: 600; letter-spacing: -0.01em; color: var(--tx); }.uc-blg .bento-body p{ margin: 0; color: var(--txd); font-size: 16px; line-height: 24px; }.uc-blg .bento-note{ color: var(--acc); font-weight: 600; }@media (max-width: 900px){.uc-blg .feat-wrap{ grid-template-columns: 1fr; gap: 20px; }.uc-blg .feat-side{ position: static; }}@media (max-width: 620px){.uc-blg .fbento{ grid-template-columns: 1fr; }}@media (prefers-reduced-motion: reduce){.uc-blg .fcard .bento-vid{ transition: opacity 0.3s; }.uc-blg .fcard:hover{ transform: none; }.uc-blg .fcard:hover .bento-vid{ transform: none; }}.uc-blg .opt-zig{ margin-top: 44px; display: flex; flex-direction: column; gap: 96px; }.uc-blg .opt-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 52px; align-items: center; }.uc-blg .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; }.uc-blg .opt-media .step-vid{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 1; }.uc-blg .step-replay{ position: absolute; inset: 0; margin: auto; width: 58px; height: 58px; padding: 0; border: 0; border-radius: 50%; cursor: pointer; z-index: 3; display: grid; place-items: center; color: #fff; background: rgba(10, 6, 20, 0.6); box-shadow: 0 10px 26px -6px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.2); transition: opacity 0.28s var(--ease), transform 0.2s var(--ease), background 0.2s ease; }.uc-blg .step-replay svg{ margin-left: 3px; }.uc-blg .step-replay:hover{ transform: scale(1.07); background: var(--acc); }.uc-blg .frame.vid-playing .step-replay{ opacity: 0; pointer-events: none; transform: scale(0.9); }.uc-blg .opt-copy .eyebrow, .uc-blg .opt-rail .eyebrow{ margin-bottom: 16px; }.uc-blg .opt-copy h3, .uc-blg .opt-rail h3{ font-size: 26px; line-height: 40px; font-weight: 600; letter-spacing: -0.02em; margin: 0 0 12px; color: var(--tx); }.uc-blg .opt-copy p, .uc-blg .opt-rail p{ color: var(--txd); font-size: 16px; line-height: 26px; margin: 0 0 12px; }.uc-blg .opt-copy .opt-note{ color: var(--txf); font-size: 16px; line-height: 24px; }.uc-blg .opt-manual{ display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 56px; align-items: start; min-height: 2860px; }.uc-blg .opt-rail{ position: sticky; top: 110px; align-self: start; }.uc-blg .opt-titles{ list-style: none; margin: 24px 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }.uc-blg .opt-title{ display: flex; align-items: center; gap: 14px; padding: 13px 15px; border-radius: 12px; color: var(--txf); font-weight: 500; font-size: 16px; line-height: 24px; border: 1px solid transparent; transition: color 0.3s var(--ease), background 0.3s var(--ease), border-color 0.3s var(--ease); }.uc-blg .opt-title .ot-num{ font-size: 12px; line-height: 18px; font-weight: 500; color: var(--txf); font-variant-numeric: tabular-nums; }.uc-blg .opt-title.is-done{ color: var(--txd); }.uc-blg .opt-title.is-done .ot-num{ color: var(--tx); }.uc-blg .opt-title.is-active{ color: var(--tx); background: #f1f1f1; border-color: #d6d6d6; }.uc-blg .opt-title.is-active .ot-num{ color: var(--txd); }.uc-blg .opt-list{ position: sticky; top: calc(50vh - 270px); height: 540px; overflow: hidden; isolation: isolate; }.uc-blg .opt-list::before, .uc-blg .opt-list::after{ content: ""; position: absolute; z-index: 2; right: 0; left: 0; height: 150px; pointer-events: none; }.uc-blg .opt-list::before{ top: 0; background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0.96) 24%, rgba(255, 255, 255, 0) 100%); }.uc-blg .opt-list::after{ bottom: 0; background: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0.96) 24%, rgba(255, 255, 255, 0) 100%); }.uc-blg .opt-list-track{ display: flex; flex-direction: column; gap: 16px; will-change: transform; transition: transform 0.55s cubic-bezier(.2,.7,.2,1); }.uc-blg .opt-item{ display: flex; gap: 14px; padding: 20px 22px; border-radius: 16px; background: #fff; border: 1px solid var(--cardbd); opacity: 0.45; transition: opacity 0.4s var(--ease), border-color 0.4s var(--ease), background 0.4s var(--ease), box-shadow 0.4s var(--ease); }.uc-blg .opt-item .oi-check{ flex-shrink: 0; width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; background: #f2f2f2; border: 1px solid #dcdcdc; color: #cfcfcf; transition: color 0.4s var(--ease), background 0.4s var(--ease), border-color 0.4s var(--ease); }.uc-blg .opt-item .oi-check svg{ width: 15px; height: 15px; }.uc-blg .opt-item h4{ margin: 0 0 5px; font-size: 18px; line-height: 28px; font-weight: 600; color: var(--tx); letter-spacing: -0.01em; }.uc-blg .opt-item p{ margin: 0; font-size: 16px; line-height: 26px; color: var(--txd); }.uc-blg .opt-item.is-seen{ opacity: 0.85; }.uc-blg .opt-item.is-seen .oi-check{ color: #171717; border-color: #dcdcdc; background: #f2f2f2; }.uc-blg .opt-item.is-active{ opacity: 1; background: #f1f1f1; border-color: #d6d6d6; }.uc-blg .opt-item.is-active .oi-check{ color: #171717; background: #fff; border-color: #d6d6d6; }.uc-blg .opt-item.is-active h4{ color: var(--tx); }.uc-blg .opt-item.is-active p{ color: var(--txd); }.uc-blg.is-night .opt-title.is-active{ background: #262626; border-color: rgba(255, 255, 255, 0.14); }.uc-blg.is-night .opt-list::before{ background: linear-gradient(to bottom, var(--pg) 0%, rgba(23, 23, 23, 0.96) 24%, rgba(23, 23, 23, 0) 100%); }.uc-blg.is-night .opt-list::after{ background: linear-gradient(to top, var(--pg) 0%, rgba(23, 23, 23, 0.96) 24%, rgba(23, 23, 23, 0) 100%); }.uc-blg.is-night .opt-item{ background: var(--cardbg); }.uc-blg.is-night .opt-item .oi-check{ background: #262626; border-color: rgba(255, 255, 255, 0.12); color: #7d7d7d; }.uc-blg.is-night .opt-item.is-seen .oi-check{ background: #262626; border-color: rgba(255, 255, 255, 0.14); color: #f5f5f5; }.uc-blg.is-night .opt-item.is-active{ background: #262626; border-color: rgba(255, 255, 255, 0.16); }.uc-blg.is-night .opt-item.is-active .oi-check{ background: #1f1f1f; border-color: rgba(255, 255, 255, 0.18); color: #f5f5f5; }@media (max-width: 900px){.uc-blg .opt-zig{ gap: 56px; }.uc-blg .opt-row{ grid-template-columns: 1fr; gap: 28px; }.uc-blg .opt-manual{ grid-template-columns: 1fr; gap: 28px; min-height: 0; }.uc-blg .opt-rail{ position: static; }.uc-blg .opt-list{ position: static; height: auto; overflow: visible; }.uc-blg .opt-list::before, .uc-blg .opt-list::after{ display: none; }.uc-blg .opt-list-track{ transform: none !important; }}@media (prefers-reduced-motion: reduce){.uc-blg .opt-item{ opacity: 1; }.uc-blg .opt-list-track{ transition: none; }}.uc-blg .sec-head + .uc-content, .uc-blg .sec-head + .xway-grid, .uc-blg .sec-head + .feat-wrap, .uc-blg .sec-head + .opt-zig, .uc-blg .sec-head + .tm-bars, .uc-blg .sec-head + .watch-grid, .uc-blg .sec-head + .sprout-shot, .uc-blg .sec-head + .map-wrap, .uc-blg .sec-head + .tpl-grid{ margin-top: 52px; }.cm-page .uc-blg .ucx-sec{ padding-top: 66px; padding-bottom: 66px; }.cm-page .uc-blg .ucx-sec.ax{ padding-bottom: 66px; }.cm-page .uc-blg .hero{ padding-top: clamp(120px, 15vh, 176px); padding-bottom: 66px; }:where(.uc-blg) .cm-page .uc-section{ padding-block: 66px; }.cm-page .uc-blg .ucx-sec.sec-faq{ padding-bottom: 132px; }.uc-blg .cm-btabs{ background: #fff; }.uc-blg.is-night .cm-btabs{ background: transparent; }.uc-blg .blog-hero{ position: relative; padding: 132px 0 56px; text-align: center; }.uc-blg .blog-hero .ucx-uc-container{ display: flex; flex-direction: column; align-items: center; }.uc-blg .blog-pill{ display: inline-flex; align-items: center; gap: 8px; padding: 6px 15px; border-radius: 999px; background: var(--mist); border: 1px solid var(--cardbd); font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--txd); }.uc-blg .blog-hero h1{ margin: 20px 0 16px; max-width: 900px; font-size: 60px; line-height: 1.05; font-weight: 500; letter-spacing: -0.025em; color: var(--tx); text-wrap: balance; }.uc-blg .blog-accent{ color: var(--acc); }.uc-blg .blog-hero .ucx-sub{ max-width: 660px; margin: 0 auto; color: var(--txd); font-size: 1.0625rem; line-height: 1.65; }.uc-blg .bl-cat-list{ padding-top: 8px; }.uc-blg .bl-list-head.bl-author-listhead{ display: block; }.uc-blg .bl-author-avatar{ width: 88px; height: 88px; border-radius: 50%; object-fit: cover; margin: 0 auto 18px; display: block; background: var(--mist); border: 1px solid var(--cardbd); }@media (max-width: 700px){.uc-blg .bl-author-avatar{ width: 72px; height: 72px; margin-bottom: 14px; }}.uc-blg .bl-author-count{ margin: 8px 0 0; color: var(--txf); font-size: 0.9375rem; }.uc-blg .bl-author-links{ margin: 14px 0 0; font-size: 0.9375rem; }.uc-blg .bl-author-links a{ color: var(--acc-dk); text-decoration: none; }.uc-blg .bl-author-links a:hover{ text-decoration: underline; }.uc-blg .bl-meta{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 0.8125rem; font-weight: 600; line-height: 1; }.uc-blg .bl-meta .ucx-cat{ color: var(--acc); position: relative; z-index: 2; }.uc-blg .bl-meta a.ucx-cat:hover{ text-decoration: underline; }.uc-blg .bl-meta .ucx-cat + .ucx-cat{ color: var(--txd); }.uc-blg .bl-meta .ucx-dot{ width: 3px; height: 3px; border-radius: 50%; background: var(--txf); }.uc-blg .bl-author{ display: flex; align-items: center; justify-content: space-between; gap: 12px; }.uc-blg .bl-author .who{ display: flex; align-items: center; gap: 9px; min-width: 0; }.uc-blg .bl-author .avatar{ width: 26px; height: 26px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; background: var(--mist); border: 1px solid var(--cardbd); }.uc-blg .bl-author .name{ font-size: 0.8125rem; font-weight: 500; color: var(--tx); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.uc-blg .bl-author .date{ font-size: 0.8125rem; color: var(--txf); white-space: nowrap; flex: 0 0 auto; }.uc-blg .bl-featured{ position: relative; display: block; margin: 8px auto 0; max-width: var(--uc-container-max); padding: 4px; background: var(--mist); border-radius: var(--r-card); text-decoration: none; color: inherit; }.uc-blg .bl-featured-inner{ display: grid; grid-template-columns: 1.05fr 1fr; overflow: hidden; background: var(--cardbg); border: 1px solid var(--cardbd); border-radius: 13px; }.uc-blg .bl-featured-media{ position: relative; min-height: 340px; overflow: hidden; background: var(--pg2); }.uc-blg .bl-featured-media img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s var(--ease); }.uc-blg .bl-featured:hover .bl-featured-media img{ transform: scale(1.04); }.uc-blg .bl-featured-body{ display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 40px 40px; }.uc-blg .bl-featured-body h2{ margin: 0; font-size: 34px; line-height: 1.16; font-weight: 500; letter-spacing: -0.02em; color: var(--tx); text-wrap: balance; }.uc-blg .bl-featured-body .bl-author{ width: 100%; margin-top: 6px; }.uc-blg .bl-list{ padding: 64px 0 96px; }.uc-blg .bl-list-head{ display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 26px; }.uc-blg .bl-list-head h2{ margin: 0; font-size: 30px; font-weight: 500; letter-spacing: -0.02em; color: var(--tx); }.uc-blg .bl-controls{ display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 28px; }.uc-blg .bl-navtabs{ display: inline-flex; align-items: center; gap: 2px; width: max-content; max-width: 100%; padding: 3px; background: var(--uc-surface-sunken); border-radius: var(--uc-radius-md); box-shadow: inset 0 0 0 1px var(--uc-border-subtle); overflow-x: auto; scrollbar-width: none; }.uc-blg .bl-navtabs::-webkit-scrollbar{ display: none; }.uc-blg .bl-navtab{ display: inline-flex; align-items: center; gap: var(--uc-space-8); white-space: nowrap; height: 32px; padding: 0 var(--uc-space-16); border-radius: var(--uc-radius-sm); font-size: var(--uc-text-md); font-weight: var(--uc-weight-medium); color: var(--uc-text-muted); text-decoration: none; transition: color var(--uc-dur-fast, 0.15s) var(--uc-ease-standard, ease); }.uc-blg .bl-navtab:hover{ color: var(--uc-text-strong); }.uc-blg .bl-navtab.ucx-on{ color: var(--uc-text-strong); background: var(--uc-surface-raised); box-shadow: var(--uc-shadow-control); }.uc-blg .bl-search-field{ width: 300px; max-width: 100%; }.uc-blg .bl-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }.uc-blg .bl-card{ position: relative; display: flex; flex-direction: column; padding: 4px; background: var(--mist); border-radius: var(--r-card); text-decoration: none; color: inherit; transition: transform 0.28s var(--ease); }.uc-blg .bl-card:hover{ transform: translateY(-3px); }.uc-blg .bl-card-link{ color: inherit; text-decoration: none; }.uc-blg .bl-card-link::after{ content: ""; position: absolute; inset: 0; z-index: 1; }.uc-blg .bl-author a.who{ position: relative; z-index: 2; text-decoration: none; color: inherit; }.uc-blg .bl-author a.who:hover .name{ color: var(--acc); }.uc-blg .bl-cover{ position: relative; overflow: hidden; width: 100%; aspect-ratio: 1024 / 536; border-radius: 13px; border: 1px solid var(--cardbd); background: var(--pg2); }.uc-blg .bl-cover img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s var(--ease); }.uc-blg .bl-card:hover .bl-cover img{ transform: scale(1.05); }.uc-blg .bl-body{ flex: 1; display: flex; flex-direction: column; gap: 12px; padding: 14px 12px 12px; }.uc-blg .bl-body h3{ margin: 0; font-size: 1.125rem; font-weight: 500; line-height: 1.35; letter-spacing: -0.01em; color: var(--tx); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }.uc-blg .bl-body .bl-author{ margin-top: auto; }.uc-blg .bl-loading{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 120px 0; color: var(--txd); }.uc-blg .bl-spin{ width: 30px; height: 30px; border-radius: 50%; border: 3px solid var(--cardbd); border-top-color: var(--acc); animation: bl-spin 0.8s linear infinite; }@keyframes bl-spin{ to { transform: rotate(360deg); } }.uc-blg .bl-empty{ text-align: center; padding: 80px 0; color: var(--txd); font-size: 1.0625rem; }.uc-blg .bl-more{ display: flex; justify-content: center; margin-top: 52px; }.uc-blg .bl-pagination{ display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 56px; }.uc-blg .bl-page{ width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--cardbd); background: var(--cardbg); color: var(--txd); font-size: 0.9375rem; font-weight: 500; cursor: pointer; transition: border-color 0.2s var(--ease), color 0.2s var(--ease), background 0.2s var(--ease); }.uc-blg .bl-page:hover:not(.ucx-on):not(:disabled){ border-color: var(--acc-line); color: var(--tx); }.uc-blg .bl-page.ucx-on{ background: var(--acc); border-color: var(--acc); color: #fff; cursor: default; }.uc-blg .bl-page-nav{ color: var(--tx); }.uc-blg .bl-page:disabled{ opacity: 0.4; cursor: not-allowed; }.uc-blg .bl-news{ padding: 0 0 104px; }.uc-blg .bl-news-card{ max-width: 860px; margin: 0 auto; text-align: center; padding: 56px 40px; border-radius: 22px; background: var(--pg2); border: 1px solid var(--cardbd); }.uc-blg .bl-news-eyebrow{ display: inline-block; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--acc); margin-bottom: 14px; }.uc-blg .bl-news-card h2{ margin: 0 auto 26px; max-width: 560px; font-size: 30px; line-height: 1.22; font-weight: 500; letter-spacing: -0.02em; color: var(--tx); text-wrap: balance; }.uc-blg .bl-news-form{ display: flex; gap: 10px; justify-content: center; max-width: 480px; margin: 0 auto; }.uc-blg .bl-news-field{ flex: 1; min-width: 0; }@media (max-width: 1000px){.uc-blg .bl-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }.uc-blg .bl-featured-inner{ grid-template-columns: 1fr; }.uc-blg .bl-featured-media{ min-height: 240px; aspect-ratio: 16 / 9; }.uc-blg .bl-featured-body{ padding: 28px 26px; }.uc-blg .bl-featured-body h2{ font-size: 28px; }}@media (max-width: 760px){.uc-blg .blog-hero{ padding: 116px 0 44px; }.uc-blg .blog-hero h1{ font-size: 40px; }.uc-blg .bl-grid{ grid-template-columns: minmax(0, 1fr); }.uc-blg .bl-controls{ flex-direction: column; align-items: stretch; }.uc-blg .bl-search-field{ width: 100%; }.uc-blg .bl-news-card{ padding: 40px 22px; }.uc-blg .bl-news-form{ flex-direction: column; }.uc-blg .bl-news-card h2{ font-size: 25px; }} :where(.uc-blg) .Input_wrap__TAXV0{ position: relative; display: inline-flex; align-items: center; width: 100%; }:where(.uc-blg) .Input_input__BrlsT{ width: 100%; height: var(--uc-control-h-md); padding: 0 var(--uc-space-12); font-family: var(--uc-font-sans); font-size: var(--uc-text-base); color: var(--uc-text-strong); background: var(--uc-surface-overlay); background-image: linear-gradient(to bottom, oklch(0% 0 0 / 0.02), transparent); border: none; border-radius: var(--uc-radius-md); box-shadow: inset 0 0 0 1px var(--uc-border-strong), var(--uc-shadow-input); transition: box-shadow var(--uc-dur-fast) var(--uc-ease-standard); outline: none; }:where(.uc-blg) .Input_input__BrlsT::placeholder{ color: var(--uc-text-subtle); }:where(.uc-blg) .Input_input__BrlsT:hover:not(:disabled):not(:focus){ box-shadow: inset 0 0 0 1px var(--uc-text-subtle), var(--uc-shadow-input); }:where(.uc-blg) .Input_input__BrlsT:focus-visible{ box-shadow: inset 0 0 0 1px var(--uc-brand), 0 0 0 3px var(--uc-brand-soft), var(--uc-shadow-input); }:where(.uc-blg) .Input_input__BrlsT:disabled{ color: var(--uc-text-subtle); background: var(--uc-surface-sunken); box-shadow: inset 0 0 0 1px var(--uc-border); cursor: not-allowed; }:where(.uc-blg) .Input_sm__tWPWN{ height: var(--uc-control-h-sm); font-size: var(--uc-text-sm); padding: 0 var(--uc-space-8); }:where(.uc-blg) .Input_lg__265my{ height: var(--uc-control-h-lg); font-size: var(--uc-text-md); padding: 0 var(--uc-space-16); }:where(.uc-blg) .Input_invalid__Pye8P{ box-shadow: inset 0 0 0 1px var(--uc-danger), var(--uc-shadow-input); }:where(.uc-blg) .Input_invalid__Pye8P:focus-visible{ box-shadow: inset 0 0 0 1px var(--uc-danger), 0 0 0 3px var(--uc-danger-soft), var(--uc-shadow-input); }:where(.uc-blg) .Input_hasLeft__UD1mn{ padding-left: var(--uc-space-32); }:where(.uc-blg) .Input_hasRight__0d_dC{ padding-right: var(--uc-space-32); }:where(.uc-blg) .Input_icon__4Y1yu{ position: absolute; display: grid; place-items: center; color: var(--uc-text-subtle); pointer-events: none; }:where(.uc-blg) .Input_iconLeft__gYZVL{ left: var(--uc-space-12); }:where(.uc-blg) .Input_iconRight__Oy43v{ right: var(--uc-space-12); }:where(.uc-blg) .Input_field__7mOx8{ display: flex; flex-direction: column; gap: var(--uc-space-8); width: 100%; }:where(.uc-blg) .Input_label__kKWXu{ font-size: var(--uc-text-sm); font-weight: var(--uc-weight-medium); color: var(--uc-text-strong); }:where(.uc-blg) .Input_hint__ymVqy{ font-size: var(--uc-text-xs); color: var(--uc-text-muted); }:where(.uc-blg) .Input_hintError__UnPhp{ color: var(--uc-danger-fg); }:where(.uc-blg) .Badge_badge__aQT_j{ display: inline-flex; align-items: center; gap: var(--uc-space-4); height: 20px; padding: 0 var(--uc-space-8); border-radius: var(--uc-radius-pill); font-family: var(--uc-font-sans); font-size: var(--uc-text-xs); font-weight: var(--uc-weight-medium); line-height: 1; white-space: nowrap; }:where(.uc-blg) .Badge_md__ROJtx{ height: 24px; padding: 0 var(--uc-space-12); font-size: var(--uc-text-sm); }:where(.uc-blg) .Badge_dot__080bg{ width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none; }:where(.uc-blg) .Badge_solid__1ih3j{ color: var(--_on, var(--uc-brand-on)); background: var(--_fill, var(--uc-brand)); background-image: var(--uc-sheen); box-shadow: var(--uc-shadow-1); }:where(.uc-blg) .Badge_soft___tHUU{ color: var(--_fg, var(--uc-brand-fg)); background: var(--_soft, var(--uc-brand-soft)); }:where(.uc-blg) .Badge_outline__ZVBpQ{ color: var(--_fg, var(--uc-brand-fg)); background: transparent; box-shadow: inset 0 0 0 1px var(--_border, var(--uc-brand-border)); }:where(.uc-blg) .Badge_brand__u7HV8{ --_fill: var(--uc-brand); --_on: var(--uc-brand-on); --_fg: var(--uc-brand-fg); --_soft: var(--uc-brand-soft); --_border: var(--uc-brand-border); }:where(.uc-blg) .Badge_success__QLhHX{ --_fill: var(--uc-success); --_on: var(--uc-success-on); --_fg: var(--uc-success-fg); --_soft: var(--uc-success-soft); --_border: var(--uc-success-border); }:where(.uc-blg) .Badge_danger__bn6h3{ --_fill: var(--uc-danger); --_on: var(--uc-danger-on); --_fg: var(--uc-danger-fg); --_soft: var(--uc-danger-soft); --_border: var(--uc-danger-border); }:where(.uc-blg) .Badge_warning__Idw9L{ --_fill: var(--uc-warning); --_on: var(--uc-warning-on); --_fg: var(--uc-warning-fg); --_soft: var(--uc-warning-soft); --_border: var(--uc-warning-border); }:where(.uc-blg) .Badge_accent__s8cX7{ --_fill: var(--uc-accent); --_on: var(--uc-accent-on); --_fg: var(--uc-accent-fg); --_soft: var(--uc-accent-soft); --_border: var(--uc-accent-border); }:where(.uc-blg) .Badge_neutral__5MCSy{ --_fill: var(--uc-text); --_on: var(--uc-text-inverse); --_fg: var(--uc-text-muted); --_soft: var(--uc-surface-sunken); --_border: var(--uc-border-strong); }/* heading typography asserted over #uichemy-globals - heading_important.py */ .uc-blg :is(h1,h2,h3,h4,h5,h6){letter-spacing:inherit !important;} :where(.uc-blg) :is(h1,h2,h3,h4,h5,h6){line-height:inherit;} :where(.uc-blg) .ds-h2{font-weight:500 !important;line-height:30px !important;letter-spacing:-.28px !important} :where(.uc-blg) .ds-h2{line-height:38px !important;letter-spacing:-.36px !important} .uc-blg .ucx-sec h2{line-height:40px !important;font-weight:500 !important;letter-spacing:-0.02em !important} .uc-blg .ucx-sec h2{line-height:50px !important} .uc-blg .ax-h h3{font-weight:500 !important;letter-spacing:-0.01em !important;line-height:24px !important} .uc-blg .ax-s h3{font-weight:500 !important;letter-spacing:-0.01em !important;line-height:24px !important} .uc-blg .zz-text h3{line-height:30px !important;font-weight:500 !important;letter-spacing:-0.01em !important} .uc-blg .chatai-tab h3{line-height:28px !important;font-weight:500 !important;letter-spacing:-0.01em !important} .uc-blg .src-tile h3{line-height:24px !important;font-weight:500 !important} .uc-blg .hp-meta h3{line-height:28px !important;font-weight:500 !important} .uc-blg .sup-card h3{line-height:28px !important;font-weight:500 !important} .uc-blg .xway-body h3{line-height:30px !important;font-weight:500 !important;letter-spacing:-0.01em !important} .uc-blg .tm-card-h h3{line-height:28px !important;font-weight:500 !important} .uc-blg .tpl-body h3{line-height:28px !important;font-weight:500 !important} .uc-blg .bento-body h3{line-height:28px !important;font-weight:600 !important;letter-spacing:-0.01em !important} .uc-blg .opt-copy h3, .uc-blg .opt-rail h3{line-height:40px !important;font-weight:600 !important;letter-spacing:-0.02em !important} .uc-blg .opt-item h4{line-height:28px !important;font-weight:600 !important;letter-spacing:-0.01em !important} .uc-blg .blog-hero h1{line-height:1.05 !important;font-weight:500 !important;letter-spacing:-0.025em !important} .uc-blg .bl-featured-body h2{line-height:1.16 !important;font-weight:500 !important;letter-spacing:-0.02em !important} .uc-blg .bl-list-head h2{font-weight:500 !important;letter-spacing:-0.02em !important} .uc-blg .bl-body h3{font-weight:500 !important;line-height:1.35 !important;letter-spacing:-0.01em !important} .uc-blg .bl-news-card h2{line-height:1.22 !important;font-weight:500 !important;letter-spacing:-0.02em !important} /* Empty-state placement. The design has no empty state, so these rules are ours: the paragraph lives inside .bl-grid and would otherwise land in the first grid cell and read as left-aligned (reported on /author/dhaval/, an author with 0 posts). Span the full row and centre it. */ :where(.uc-blg) .bl-empty{grid-column:1 / -1;text-align:center;margin:0;padding:28px 0 8px;}