/* VibeFree first-paint guard.
   This file is intentionally small and loads before the upstream Get-Codex
   bundle. The full skin stays in skin.css; this layer only prevents dark
   first paint and route-settling flashes. */

html.vf-skin-lab[data-vf-skin="cloud"] {
  scrollbar-gutter: stable;
}

html.vf-skin-lab[data-vf-skin="cloud"],
html.vf-skin-lab[data-vf-skin="cloud"] body,
html.vf-skin-lab[data-vf-skin="cloud"] #app {
  color-scheme: light;
  color: #0b1626 !important;
  background:
    radial-gradient(circle at 24% 5%, rgba(49, 199, 212, 0.2), transparent 28rem),
    radial-gradient(circle at 86% 10%, rgba(37, 99, 235, 0.13), transparent 30rem),
    linear-gradient(rgba(37, 99, 235, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 99, 235, 0.045) 1px, transparent 1px),
    linear-gradient(180deg, #fbfdff 0%, #eef6ff 55%, #f8fbff 100%) !important;
  background-size: auto, auto, 64px 64px, 64px 64px, auto !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] #app {
  min-height: 100vh;
}

html.vf-skin-lab[data-vf-skin="cloud"] ::selection {
  background-color: rgba(59, 130, 246, 0.24) !important;
  color: #08213d !important;
  text-shadow: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] ::-moz-selection {
  background-color: rgba(59, 130, 246, 0.24) !important;
  color: #08213d !important;
  text-shadow: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] body::before {
  background: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] #nprogress,
html.vf-skin-lab[data-vf-skin="cloud"] #nprogress .bar,
html.vf-skin-lab[data-vf-skin="cloud"] #nprogress .peg,
html.vf-skin-lab[data-vf-skin="cloud"] #nprogress .spinner {
  display: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-page {
  background:
    radial-gradient(circle at 50% 18%, rgba(49, 199, 212, 0.18), transparent 38rem),
    linear-gradient(rgba(37, 99, 235, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 99, 235, 0.045) 1px, transparent 1px),
    linear-gradient(180deg, #f8fbff, #eef5ff 62%, #f8fbff) !important;
  background-size: auto, 64px 64px, 64px 64px, auto !important;
  color: #0b1626 !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] :is(.marketing-page, .auth-shell, .auth-shell__bg) {
  background-color: transparent !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-header {
  position: fixed !important;
  top: 18px !important;
  left: 50% !important;
  z-index: 40 !important;
  width: min(1180px, calc(100vw - 48px)) !important;
  max-width: 1180px !important;
  height: 82px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(47, 119, 190, 0.14) !important;
  border-radius: 999px !important;
  background: rgba(250, 253, 255, 0.78) !important;
  box-shadow: 0 12px 38px rgba(70, 118, 170, 0.12) !important;
  color: #0b1626 !important;
  transform: translateX(-50%) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-scrolled="true"] .marketing-header {
  top: 18px !important;
  background: rgba(250, 253, 255, 0.84) !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-header .marketing-nav {
  max-width: none !important;
  height: 56px !important;
  min-height: 56px !important;
  padding-block: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-header .marketing-nav__tabs {
  height: 56px !important;
  min-height: 56px !important;
  box-sizing: border-box !important;
  padding: 4px !important;
  border: 1px solid rgba(76, 142, 207, 0.11) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.6) !important;
  box-shadow: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-header .marketing-nav__tab {
  box-sizing: border-box !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 19px !important;
  border: 1px solid transparent !important;
  outline: 0 !important;
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 500 !important;
  color: #31506f !important;
  box-shadow: none !important;
  transform: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-header .marketing-nav__tab:hover,
html.vf-skin-lab[data-vf-skin="cloud"] .marketing-header .marketing-nav__tab--active {
  color: #0e2b4c !important;
  border-color: rgba(37, 99, 235, 0.13) !important;
  background: rgba(239, 247, 255, 0.86) !important;
  box-shadow: 0 10px 26px rgba(37, 99, 235, 0.09) !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-header .marketing-nav__primary,
html.vf-skin-lab[data-vf-skin="cloud"] .marketing-header .marketing-nav__hamburger {
  height: 46px !important;
  min-height: 46px !important;
  border-color: rgba(42, 134, 218, 0.18) !important;
  background: linear-gradient(135deg, #2b80ee, #28b8d4) !important;
  color: #fff !important;
  box-shadow: 0 14px 34px rgba(42, 133, 239, 0.22) !important;
  transform: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-header .marketing-nav__primary {
  flex: 0 0 72px !important;
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-shell-motion="ready"] .vf-cloud-shell :is(.marketing-nav__primary, .marketing-nav__hamburger, .marketing-promo-banner__close),
html.vf-skin-lab[data-vf-skin="cloud"][data-vf-shell-motion="ready"] :is(.marketing-nav__primary, .marketing-nav__hamburger, .marketing-promo-banner__close) {
  background: linear-gradient(135deg, #2b80ee, #28b8d4) !important;
  border-color: rgba(42, 134, 218, 0.18) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 34px rgba(42, 133, 239, 0.22) !important;
  transform: none !important;
  transition:
    background 180ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 180ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 180ms cubic-bezier(0.16, 1, 0.3, 1),
    color 180ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 180ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-shell-motion="ready"] .vf-cloud-shell :is(.marketing-nav__primary, .marketing-nav__hamburger, .marketing-promo-banner__close):hover,
html.vf-skin-lab[data-vf-skin="cloud"][data-vf-shell-motion="ready"] :is(.marketing-nav__primary, .marketing-nav__hamburger, .marketing-promo-banner__close):hover {
  background: linear-gradient(135deg, #1f72e5, #1ea8ca) !important;
  border-color: rgba(31, 114, 229, 0.24) !important;
  box-shadow: 0 18px 40px rgba(34, 119, 214, 0.28) !important;
  transform: translateY(-1px) !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-shell-motion="ready"] .vf-cloud-shell :is(.marketing-nav__primary, .marketing-nav__hamburger, .marketing-promo-banner__close):active,
html.vf-skin-lab[data-vf-skin="cloud"][data-vf-shell-motion="ready"] :is(.marketing-nav__primary, .marketing-nav__hamburger, .marketing-promo-banner__close):active {
  transform: translateY(0) !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-promo-strip {
  top: 78px !important;
  height: 50px !important;
  min-height: 50px !important;
  border-color: rgba(37, 99, 235, 0.12) !important;
  background: rgba(248, 252, 255, 0.88) !important;
  box-shadow: inset 0 -1px 0 rgba(125, 211, 252, 0.06) !important;
  overflow: visible !important;
  contain: layout paint !important;
  transition: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-promo-banner {
  height: 49px !important;
  min-height: 49px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(38, 94, 150, 0.13) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(235, 244, 255, 0.78)) !important;
  box-shadow: 0 6px 18px rgba(70, 118, 170, 0.07), inset 0 1px rgba(255, 255, 255, 0.9) !important;
  overflow: hidden !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-promo-banner__description {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .docs-page > .relative.z-10 {
  margin-top: 79px !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-section--pricing-intro {
  margin-top: 88px !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .docs-page .docs-sidebar-nav {
  margin-top: 24px !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-page :is(.mr-reveal, .mr-hero-stagger) {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-hero__title[data-vf-hero-copy="codexInnovation"] {
  text-wrap: balance;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-hero__title .marketing-hero__title-accent {
  color: #2563eb !important;
  background: none !important;
  -webkit-text-fill-color: #2563eb !important;
  text-shadow: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-hero__title .vf-hero-innovation-line {
  display: inline-flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 0.08em;
  line-height: 0.98;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-hero__title .vf-hero-innovation {
  color: #607a98 !important;
  background: linear-gradient(135deg, #324861 0%, #66819e 52%, #2aa8c7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.86em;
  font-weight: 760;
  letter-spacing: 0;
  text-shadow: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-hero__actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin-inline: auto !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-hero__actions > .marketing-button {
  justify-self: center !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-mobile-menu {
  overflow: hidden !important;
  border: 1px solid rgba(37, 99, 235, 0.14) !important;
  background: linear-gradient(180deg, rgba(248, 252, 255, 0.96), rgba(236, 247, 255, 0.92)) !important;
  box-shadow: 0 22px 46px rgba(31, 82, 136, 0.16) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-mobile-menu :is(a, button) {
  color: #7d8ea1 !important;
  border-color: rgba(37, 99, 235, 0.1) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 24px !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-mobile-menu :is(a[aria-current="page"], .router-link-active, .marketing-nav__tab--active) {
  color: #0098d6 !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] :is([class*="bg-black"], [class*="bg-slate"], [class*="bg-gray"], [class*="bg-zinc"], [class*="bg-neutral"], [class*="from-black"], [class*="from-slate"], [class*="from-gray"], [class*="to-black"], [class*="to-slate"], [class*="to-gray"]) {
  background-color: rgba(255, 255, 255, 0.78) !important;
  background-image: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-page="login"] body {
  background:
    radial-gradient(circle at 20% 12%, rgba(49, 199, 212, 0.22), transparent 26rem),
    radial-gradient(circle at 82% 22%, rgba(37, 99, 235, 0.14), transparent 28rem),
    linear-gradient(rgba(37, 99, 235, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 99, 235, 0.026) 1px, transparent 1px),
    linear-gradient(180deg, #fbfdff 0%, #eef6ff 100%) !important;
  background-size: auto, auto, 64px 64px, 64px 64px, auto !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-page="login"] :is(#app, .auth-shell, .auth-shell__bg) {
  background: transparent !important;
  background-image: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-page="login"] .auth-narrative {
  border-right-color: transparent !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-page="login"] :is(.auth-card, .auth-preflight, .auth-top-action, .auth-narrative__logo, .auth-mobile-logo) {
  color: #0b1626 !important;
  background: rgba(255, 255, 255, 0.78) !important;
  border-color: rgba(37, 99, 235, 0.14) !important;
  box-shadow: 0 24px 70px rgba(31, 82, 136, 0.12) !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-page="login"] .auth-card {
  position: relative !important;
  isolation: isolate;
  border: 1px solid rgba(96, 165, 250, 0.14) !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, rgba(247, 252, 255, 0.42), rgba(226, 241, 255, 0.26)) !important;
  box-shadow: 0 22px 58px rgba(70, 118, 170, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-route-settling="true"] :is(#app, .auth-shell, .auth-shell__bg) {
  color: #0b1626 !important;
  background: transparent !important;
  background-image: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-route-settling="true"] :is(.auth-card, .auth-preflight, .auth-top-action, .auth-narrative__logo, .auth-mobile-logo) {
  color: #0b1626 !important;
  background: rgba(255, 255, 255, 0.78) !important;
  border-color: rgba(37, 99, 235, 0.14) !important;
  box-shadow: 0 24px 70px rgba(31, 82, 136, 0.12) !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-route-settling="true"] .auth-card {
  position: relative !important;
  isolation: isolate;
  border: 1px solid rgba(96, 165, 250, 0.14) !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, rgba(247, 252, 255, 0.42), rgba(226, 241, 255, 0.26)) !important;
  box-shadow: 0 22px 58px rgba(70, 118, 170, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-route-settling="true"] .auth-shell main > .w-full.max-w-md {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-page="login"] .auth-shell main > .w-full.max-w-md {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-page="login"] .auth-card::before {
  content: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-page="login"] .auth-top-action {
  position: absolute !important;
  top: clamp(64px, calc(50vh - 252px), 142px) !important;
  right: max(16px, calc((100vw - 448px) / 2)) !important;
  z-index: 80 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  min-width: 94px !important;
  padding: 0 15px !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.64) !important;
  border: 1px solid rgba(37, 99, 235, 0.14) !important;
  box-shadow: 0 14px 32px rgba(45, 95, 155, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  color: #12315a !important;
}

@media (max-width: 1023px) {
  html.vf-skin-lab[data-vf-skin="cloud"][data-vf-page="login"] .auth-top-action {
    top: clamp(64px, calc(50vh - 285px), 116px) !important;
  }
}

@media (max-width: 480px) {
  html.vf-skin-lab[data-vf-skin="cloud"][data-vf-page="login"] .auth-top-action {
    top: 50px !important;
  }
}

@media (min-width: 1024px) {
  html.vf-skin-lab[data-vf-skin="cloud"][data-vf-page="login"] .auth-top-action {
    top: 108px !important;
    right: 56px !important;
  }
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-page="login"] .auth-card form {
  position: relative !important;
  isolation: isolate;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-page="login"] .auth-card form::before {
  content: "";
  position: absolute;
  inset: -18px -14px -18px;
  z-index: -1;
  border: 1px solid rgba(96, 165, 250, 0.1);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(231, 244, 255, 0.38), rgba(219, 239, 255, 0.24));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.38);
  pointer-events: none;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-route-settling="true"] .auth-card :is(input, textarea, select) {
  color: #0b1626 !important;
  background: rgba(255, 255, 255, 0.9) !important;
  background-image: none !important;
  border-color: rgba(37, 99, 235, 0.18) !important;
  box-shadow: none !important;
  transition: none !important;
  animation: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-page="login"] :is(input, textarea, select):is(:focus, :focus-visible) {
  outline: 0 !important;
  border-color: rgba(42, 134, 218, 0.42) !important;
  --tw-ring-color: rgba(42, 134, 218, 0.22) !important;
  --tw-ring-shadow: 0 0 0 3px rgba(42, 134, 218, 0.18) !important;
  box-shadow: 0 0 0 3px rgba(42, 134, 218, 0.18) !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-page="login"] .auth-card form .relative > button[type="button"][class*="right-0"] {
  right: 0 !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  justify-content: center !important;
  border: 1px solid rgba(37, 99, 235, 0.18) !important;
  border-left: 0 !important;
  border-radius: 0 12px 12px 0 !important;
  background: rgba(248, 251, 255, 0.94) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #95a3b6 !important;
  transform: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-route-settling="true"] .auth-card form .relative > button[type="button"][class*="right-0"] {
  right: 0 !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  justify-content: center !important;
  border: 1px solid rgba(37, 99, 235, 0.18) !important;
  border-left: 0 !important;
  border-radius: 0 12px 12px 0 !important;
  background: rgba(248, 251, 255, 0.94) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #95a3b6 !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-page="login"] .auth-card form .relative > button[type="button"][class*="right-0"]:is(:hover, :focus-visible) {
  background: rgba(241, 248, 255, 0.98) !important;
  box-shadow: none !important;
  color: #7f8da1 !important;
  transform: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-page="login"] .auth-card form .relative > button[type="button"][class*="right-0"] svg {
  width: 18px !important;
  height: 18px !important;
  stroke: currentColor !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-route-settling="true"] .auth-card form .relative > button[type="button"][class*="right-0"] svg {
  width: 18px !important;
  height: 18px !important;
  stroke: currentColor !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] :is(button, a)[class*="pointer-events-auto"][class*="h-14"][class*="w-14"][class*="rounded-full"],
html.vf-skin-lab[data-vf-skin="cloud"][data-vf-route-settling="true"] :is(button, a)[class*="pointer-events-auto"][class*="h-14"][class*="w-14"][class*="rounded-full"] {
  background: linear-gradient(135deg, #2b80ee, #28b8d4) !important;
  border: 1px solid rgba(37, 99, 235, 0.14) !important;
  color: #ffffff !important;
  box-shadow: 0 24px 70px rgba(31, 82, 136, 0.12) !important;
  transform: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-route-settling="true"] :is(button, a)[class*="pointer-events-auto"][class*="h-14"][class*="w-14"][class*="rounded-full"] {
  transition: none !important;
  animation: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-page="login"] .auth-card-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-page="login"] .auth-card-footer :is(a[href*="register"], a[href*="login"]) {
  display: inline !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #08a8f7 !important;
  font-size: inherit !important;
  font-weight: 600 !important;
  line-height: inherit !important;
  text-decoration: none !important;
  transform: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-page="login"] .auth-card-footer :is(a[href*="register"], a[href*="login"]):is(:hover, :focus-visible) {
  color: #028bd6 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-route-settling="true"] :is(
  .marketing-header,
  .marketing-header *,
  .marketing-promo-strip,
  .marketing-promo-banner,
  .marketing-promo-banner *,
  .marketing-page > .relative.z-10,
  .docs-page > .relative.z-10,
  .marketing-section--pricing-intro,
  .auth-shell,
  .auth-shell *
) {
  transition: none !important;
  animation: none !important;
  transform-duration: 0s !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] :is(
  .marketing-page > .relative.z-10,
  .docs-page > .relative.z-10,
  .marketing-section--pricing-intro
) {
  box-sizing: border-box !important;
  padding-left: 36px !important;
  padding-right: 36px !important;
  transition: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] .marketing-page > .relative.z-10,
html.vf-skin-lab[data-vf-skin="cloud"] .docs-page > .relative.z-10,
html.vf-skin-lab[data-vf-skin="cloud"] .marketing-section--pricing-intro {
  box-sizing: border-box !important;
  padding-left: 36px !important;
  padding-right: 36px !important;
  transition: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"][data-vf-route-settling="true"] .vf-cloud-shell :is(.marketing-nav__primary, .marketing-nav__hamburger, .marketing-promo-banner__close),
html.vf-skin-lab[data-vf-skin="cloud"][data-vf-shell-routing="true"] .vf-cloud-shell :is(.marketing-nav__primary, .marketing-nav__hamburger, .marketing-promo-banner__close),
html.vf-skin-lab[data-vf-skin="cloud"]:not([data-vf-shell-motion="ready"]) .vf-cloud-shell :is(.marketing-nav__primary, .marketing-nav__hamburger, .marketing-promo-banner__close) {
  background: linear-gradient(135deg, #2b80ee, #28b8d4) !important;
  border-color: rgba(42, 134, 218, 0.18) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 34px rgba(42, 133, 239, 0.22) !important;
  transition: none !important;
  transform: none !important;
  animation: none !important;
}

@media (max-width: 900px) {
  html.vf-skin-lab[data-vf-skin="cloud"] .marketing-header {
    top: 12px !important;
    width: calc(100vw - 28px) !important;
    height: 66px !important;
    padding: 8px 10px !important;
  }

  html.vf-skin-lab[data-vf-skin="cloud"] :is(
    .marketing-page > .relative.z-10,
    .docs-page > .relative.z-10,
    .marketing-section--pricing-intro
  ) {
    box-sizing: border-box !important;
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  html.vf-skin-lab[data-vf-skin="cloud"][data-vf-scrolled="true"] .marketing-header {
    top: 12px !important;
  }

  html.vf-skin-lab[data-vf-skin="cloud"] .marketing-header .marketing-nav {
    height: 44px !important;
    min-height: 44px !important;
  }

  html.vf-skin-lab[data-vf-skin="cloud"] .marketing-header .marketing-nav__primary,
  html.vf-skin-lab[data-vf-skin="cloud"] .marketing-header .marketing-nav__hamburger {
    height: 44px !important;
    min-height: 44px !important;
  }

  html.vf-skin-lab[data-vf-skin="cloud"] .marketing-promo-strip {
    top: 62px !important;
    height: 68px !important;
    min-height: 68px !important;
  }

  html.vf-skin-lab[data-vf-skin="cloud"] .docs-page .marketing-promo-strip {
    top: 78px !important;
  }

  html.vf-skin-lab[data-vf-skin="cloud"] .docs-page > .relative.z-10 {
    margin-top: 93px !important;
  }

  html.vf-skin-lab[data-vf-skin="cloud"] .marketing-section--pricing-intro {
    margin-top: 133px !important;
  }

  html.vf-skin-lab[data-vf-skin="cloud"] .docs-page .docs-sidebar-nav {
    margin-top: 0 !important;
  }

  html.vf-skin-lab[data-vf-skin="cloud"] .marketing-promo-banner {
    height: 67px !important;
    min-height: 67px !important;
  }

  html.vf-skin-lab[data-vf-skin="cloud"] .marketing-promo-banner__description {
    display: -webkit-box !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

@media (max-width: 640px) {
  html.vf-skin-lab[data-vf-skin="cloud"] :is(
    .marketing-page > .relative.z-10,
    .docs-page > .relative.z-10,
    .marketing-section--pricing-intro
  ) {
    box-sizing: border-box !important;
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  html.vf-skin-lab[data-vf-skin="cloud"] .marketing-promo-strip {
    height: 85px !important;
    min-height: 85px !important;
  }

  html.vf-skin-lab[data-vf-skin="cloud"] .marketing-promo-banner {
    height: 84px !important;
    min-height: 84px !important;
  }
}

/* vf-critical-marketing-panel-guard: keep the home preview panel light before lazy route CSS settles. */
html.vf-skin-lab[data-vf-skin="cloud"] .marketing-codex-app {
  background: rgba(255, 255, 255, 0.88) !important;
  border-color: rgba(37, 99, 235, 0.14) !important;
  box-shadow: 0 18px 46px rgba(37, 99, 235, 0.1) !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] :is(
  .marketing-codex-app__topbar,
  .marketing-codex-app__workspace,
  .marketing-codex-app__sidebar,
  .marketing-codex-app__main,
  .marketing-codex-app__thread,
  .marketing-codex-app__message,
  .marketing-codex-app__work-surface,
  .marketing-codex-app__inspector,
  .marketing-codex-app__composer,
  .marketing-codex-app__sidebar-footer,
  .marketing-codex-app__sidebar-section,
  .marketing-codex-app__file-context code
) {
  background: rgba(248, 252, 255, 0.9) !important;
  border-color: rgba(37, 99, 235, 0.12) !important;
  box-shadow: none !important;
}

html.vf-skin-lab[data-vf-skin="cloud"] :is(
  .marketing-codex-app,
  .marketing-codex-app *,
  .marketing-hero__description,
  .marketing-section__description,
  .marketing-reason-row__desc
) {
  text-shadow: none !important;
}

/* vf-critical-stable-shell-guard: mirror stable shell geometry before skin.js takes over the upstream header. */
html[data-vf-skin="cloud"] .vf-cloud-shell {
  position: fixed;
  inset: 0 0 auto;
  z-index: 90;
  pointer-events: none;
  color: #0b1626;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;
}

html[data-vf-skin="cloud"] .vf-cloud-shell::after {
  content: "";
  position: fixed;
  top: 147px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: auto;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(circle at 50% 0%, rgba(49, 199, 212, 0.12), transparent 24rem),
    linear-gradient(rgba(37, 99, 235, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 99, 235, 0.045) 1px, transparent 1px),
    linear-gradient(180deg, #f8fcff 0%, #eef6ff 62%, #f8fbff 100%);
  background-size: auto, 64px 64px, 64px 64px, auto;
  transition: none;
}

html[data-vf-shell-routing="true"] .vf-cloud-shell::after {
  opacity: 1;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-header {
  z-index: 6 !important;
  pointer-events: auto;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-strip {
  z-index: 5 !important;
  pointer-events: auto;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-strip {
  position: fixed !important;
  top: 98px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-nav__tabs {
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

@media (min-width: 1280px) {
  html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-nav__tabs {
    display: flex !important;
  }
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-nav__tab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 46px !important;
  min-height: 46px !important;
  min-width: 70px !important;
  border-radius: 999px !important;
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  overflow: hidden !important;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-nav__primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 72px !important;
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-nav__hamburger {
  display: none !important;
}

@media (max-width: 1279px) {
  html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-nav__hamburger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    line-height: 1 !important;
    overflow: hidden !important;
  }
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-nav__hamburger svg {
  width: 22px !important;
  height: 22px !important;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .vf-cloud-logo {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .vf-cloud-shell__actions {
  gap: 12px !important;
}

@media (min-width: 640px) {
  html[data-vf-skin="cloud"] .vf-cloud-shell .vf-cloud-shell__actions {
    gap: 14px !important;
  }
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-nav__primary,
html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-nav__tab,
html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-nav__tabs,
html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-nav__hamburger {
  background-clip: padding-box !important;
  transition: none !important;
}

html[data-vf-skin="cloud"] .vf-cloud-shell :is(
  .vf-cloud-shell__brand,
  .marketing-brand-mark,
  .marketing-brand-mark__badge,
  .vf-cloud-logo,
  .vf-cloud-shell__actions,
  .vf-cloud-shell__actions *,
  .marketing-promo-banner__close,
  .marketing-promo-banner__close *
) {
  transition: none !important;
  transform: none !important;
  animation: none !important;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-header .marketing-nav__primary,
html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-header .marketing-nav__tab,
html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-header .marketing-nav__tabs,
html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-header .marketing-nav__hamburger {
  border-radius: 999px !important;
  transition: none !important;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-nav__primary,
html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-nav__hamburger {
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  border-radius: 999px !important;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  width: min(1152px, calc(100vw - 280px)) !important;
  margin: 0 auto !important;
  padding: 9px 16px 10px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner__content,
html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner__copy,
html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner__headline {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner__copy {
  gap: 12px !important;
  overflow: hidden !important;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner__headline {
  flex: 0 0 auto !important;
  gap: 10px !important;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner__badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 3px 9px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ef4444, #dc2626) !important;
  color: #fff7ed !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.48 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner__title {
  color: #0b1626 !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  line-height: 1.34 !important;
  white-space: nowrap !important;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner__description {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #617089 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner__close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  border-radius: 999px !important;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-mobile-menu[hidden] {
  display: none !important;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-mobile-menu {
  position: fixed !important;
  top: 82px !important;
  left: 28px !important;
  right: 28px !important;
  z-index: 7 !important;
  display: grid !important;
  gap: 0 !important;
  padding: 8px 0 !important;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-mobile-menu__item {
  display: block !important;
  padding: 16px 24px !important;
  color: #7d8ea1 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 24px !important;
  text-decoration: none !important;
}

html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-mobile-menu__item--active {
  color: #0098d6 !important;
}

html[data-vf-stable-shell="true"] #app .marketing-header,
html[data-vf-stable-shell="true"] #app .marketing-promo-strip {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: none !important;
  animation: none !important;
}

html[data-vf-skin="cloud"][data-vf-stable-shell="true"] .marketing-page {
  padding-top: 70px !important;
}

html[data-vf-skin="cloud"] .vf-cloud-shell[data-vf-promo-closed="true"] .marketing-promo-strip {
  display: none !important;
}

html[data-vf-skin="cloud"][data-vf-shell-motion="ready"] .vf-cloud-shell :is(.marketing-nav__primary, .marketing-nav__hamburger, .marketing-promo-banner__close) {
  background: linear-gradient(135deg, #2b80ee, #28b8d4) !important;
  border-color: rgba(42, 134, 218, 0.18) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 34px rgba(42, 133, 239, 0.22) !important;
  transform: none !important;
  transition:
    background 180ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 180ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 180ms cubic-bezier(0.16, 1, 0.3, 1),
    color 180ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 180ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

html[data-vf-skin="cloud"][data-vf-shell-motion="ready"] .vf-cloud-shell :is(.marketing-nav__primary, .marketing-nav__hamburger, .marketing-promo-banner__close):hover {
  background: linear-gradient(135deg, #1f72e5, #1ea8ca) !important;
  border-color: rgba(31, 114, 229, 0.24) !important;
  box-shadow: 0 18px 40px rgba(34, 119, 214, 0.28) !important;
  transform: translateY(-1px) !important;
}

html[data-vf-skin="cloud"][data-vf-shell-motion="ready"] .vf-cloud-shell :is(.marketing-nav__primary, .marketing-nav__hamburger, .marketing-promo-banner__close):active {
  transform: translateY(0) !important;
}

html[data-vf-skin="cloud"][data-vf-route-settling="true"] .vf-cloud-shell :is(.marketing-nav__primary, .marketing-nav__hamburger, .marketing-promo-banner__close),
html[data-vf-skin="cloud"][data-vf-shell-routing="true"] .vf-cloud-shell :is(.marketing-nav__primary, .marketing-nav__hamburger, .marketing-promo-banner__close),
html[data-vf-skin="cloud"]:not([data-vf-shell-motion="ready"]) .vf-cloud-shell :is(.marketing-nav__primary, .marketing-nav__hamburger, .marketing-promo-banner__close) {
  background: linear-gradient(135deg, #2b80ee, #28b8d4) !important;
  border-color: rgba(42, 134, 218, 0.18) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 34px rgba(42, 133, 239, 0.22) !important;
  transition: none !important;
  transform: none !important;
  animation: none !important;
}

/* vf-cloud-mobile-promo-strip: mirror the narrow first-paint notification layout. */
@media (max-width: 900px) {
  html[data-vf-skin="cloud"] .vf-cloud-shell::after {
    top: 192px !important;
  }

  html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-strip {
    top: 88px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    height: 104px !important;
    min-height: 104px !important;
    border-top: 1px solid rgba(37, 99, 235, 0.08) !important;
    border-bottom: 1px solid rgba(37, 99, 235, 0.12) !important;
    background: rgba(248, 252, 255, 0.88) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.72), inset 0 -1px rgba(125, 211, 252, 0.08) !important;
    overflow: hidden !important;
    contain: none !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
  }

  html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    column-gap: 10px !important;
    width: 100% !important;
    max-width: none !important;
    height: 104px !important;
    min-height: 104px !important;
    margin: 0 !important;
    padding: 10px 14px 11px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.62), rgba(229, 244, 255, 0.5)) !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner__content,
  html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner__copy {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    gap: 7px !important;
    overflow: visible !important;
  }

  html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner__headline {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner__badge {
    flex: 0 1 auto !important;
    max-width: calc(100vw - 184px) !important;
    min-height: 23px !important;
    padding: 3px 9px !important;
    font-size: 10px !important;
    line-height: 1.48 !important;
    letter-spacing: 0.02em !important;
    text-align: center !important;
    text-transform: none !important;
    white-space: nowrap !important;
  }

  html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner__title {
    flex: 0 0 auto !important;
    font-size: 14.25px !important;
    font-weight: 700 !important;
    line-height: 1.34 !important;
  }

  html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner__description {
    display: -webkit-box !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #607189 !important;
    font-size: 12.5px !important;
    line-height: 1.42 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  html[data-vf-skin="cloud"] .marketing-page .marketing-hero__eyebrow {
    visibility: hidden !important;
  }

  html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner__close,
  html[data-vf-skin="cloud"][data-vf-route-settling="true"] .vf-cloud-shell .marketing-promo-banner__close,
  html[data-vf-skin="cloud"][data-vf-shell-routing="true"] .vf-cloud-shell .marketing-promo-banner__close,
  html[data-vf-skin="cloud"][data-vf-shell-motion="ready"] .vf-cloud-shell .marketing-promo-banner__close,
  html[data-vf-skin="cloud"]:not([data-vf-shell-motion="ready"]) .vf-cloud-shell .marketing-promo-banner__close {
    position: static !important;
    top: auto !important;
    right: auto !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    border: 1px solid rgba(37, 99, 235, 0.14) !important;
    background: rgba(241, 248, 255, 0.86) !important;
    background-color: rgba(241, 248, 255, 0.86) !important;
    background-image: none !important;
    color: #6f89a4 !important;
    box-shadow: 0 10px 24px rgba(70, 118, 170, 0.1) !important;
    transform: none !important;
  }

  html.vf-skin-lab[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner > .marketing-promo-banner__close,
  html.vf-skin-lab[data-vf-skin="cloud"][data-vf-route-settling="true"] .vf-cloud-shell .marketing-promo-banner > .marketing-promo-banner__close,
  html.vf-skin-lab[data-vf-skin="cloud"][data-vf-shell-routing="true"] .vf-cloud-shell .marketing-promo-banner > .marketing-promo-banner__close,
  html.vf-skin-lab[data-vf-skin="cloud"][data-vf-shell-motion="ready"] .vf-cloud-shell .marketing-promo-banner > .marketing-promo-banner__close,
  html.vf-skin-lab[data-vf-skin="cloud"]:not([data-vf-shell-motion="ready"]) .vf-cloud-shell .marketing-promo-banner > .marketing-promo-banner__close {
    border-color: rgba(37, 99, 235, 0.14) !important;
    background: rgba(241, 248, 255, 0.86) !important;
    background-color: rgba(241, 248, 255, 0.86) !important;
    background-image: none !important;
    color: #6f89a4 !important;
    box-shadow: 0 10px 24px rgba(70, 118, 170, 0.1) !important;
    transform: none !important;
  }

  html[data-vf-skin="cloud"][data-vf-stable-shell="true"] .marketing-page {
    padding-top: 136px !important;
  }
}

@media (max-width: 480px) {
  html[data-vf-skin="cloud"] .vf-cloud-shell::after {
    top: 204px !important;
  }

  html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-strip {
    top: 86px !important;
    height: 118px !important;
    min-height: 118px !important;
  }

  html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner {
    height: 118px !important;
    min-height: 118px !important;
    padding: 10px 14px 11px !important;
  }

  html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner__badge {
    max-width: calc(100vw - 168px) !important;
    font-size: 10px !important;
  }

  html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner__title {
    font-size: 14.25px !important;
  }

  html[data-vf-skin="cloud"] .vf-cloud-shell .marketing-promo-banner__description {
    font-size: 12.5px !important;
    line-height: 1.42 !important;
  }

  html[data-vf-skin="cloud"][data-vf-stable-shell="true"] .marketing-page {
    padding-top: 148px !important;
  }
}