/* Stable desktop header and full-screen menu layout. */
html[lang="zh-CN"] body .monday-nav .brand-wordmark {
  font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}

/* Final dark-header wordmark color: polished silver on desktop and mobile. */
html body[data-theme="dark"] .monday-nav .brand-wordmark,
html body[data-theme="dark"] .monday-nav .brand-wordmark span {
  color:#d9dde8!important;
  -webkit-text-fill-color:#d9dde8!important;
  text-shadow:0 1px 10px rgba(255,255,255,.12)!important;
}

/* Final dark header treatment for desktop and phone. Keep the promo strip and
   navigation as two clean, continuous navy bars without light gutters. */
html body[data-theme="dark"] > .monday-review-promo {
  width:100%!important;
  max-width:none!important;
  min-height:30px!important;
  margin:0!important;
  padding-inline:clamp(12px,3vw,38px)!important;
  color:#f6f7ff!important;
  background:#171b35!important;
  background-image:none!important;
  border-top:0!important;
  border-bottom:1px solid #343a68!important;
  box-shadow:none!important;
}

html body[data-theme="dark"] > .monday-review-promo .review-promo-message,
html body[data-theme="dark"] > .monday-review-promo .review-promo-updates {
  color:#f6f7ff!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

html body[data-theme="dark"] > .monday-review-promo .review-promo-message strong {
  color:#e4ad4a!important;
  -webkit-text-fill-color:#e4ad4a!important;
}

html body[data-theme="dark"] > .monday-nav {
  background:#171b35!important;
  background-image:none!important;
  border-top:0!important;
  border-bottom:1px solid #343a68!important;
  box-shadow:0 10px 30px rgba(3,7,22,.16)!important;
}

@media (max-width:760px) {
  html body[data-theme="dark"] > .monday-review-promo {
    padding-inline:10px!important;
  }
}

/* Dark desktop branding: rose-gold emblem with a silver wordmark. */
@media (min-width:761px) {
  html body[data-theme="dark"] .monday-nav .monday-logo img {
    filter:brightness(0) saturate(100%) invert(75%) sepia(27%) saturate(790%) hue-rotate(322deg) brightness(104%) contrast(91%)!important;
  }

  html body[data-theme="dark"] .monday-nav .brand-wordmark,
  html body[data-theme="dark"] .monday-nav .brand-wordmark span {
    color:#d9dde8!important;
    -webkit-text-fill-color:#d9dde8!important;
  }
}

@media (min-width: 761px) {
  body .monday-nav:not(.menu-open) .nav-actions > .calculator-nav-button,
  body .monday-nav:not(.menu-open) .nav-actions > .whatsapp-nav-button,
  body .monday-nav.menu-open .nav-actions > .calculator-nav-button,
  body .monday-nav.menu-open .nav-actions > .whatsapp-nav-button {
    border-radius: 18px !important;
  }

  body .monday-nav:not(.menu-open) {
    display: grid !important;
    grid-template-columns: 250px minmax(0, 1fr) auto 52px !important;
    align-items: center !important;
    gap: 28px !important;
  }

  body .monday-nav:not(.menu-open) .monday-logo {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body .monday-nav:not(.menu-open) nav {
    position: relative !important;
    inset: auto !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  body .monday-nav:not(.menu-open) .nav-actions {
    display: flex !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-items: center !important;
    margin: 0 !important;
  }

  body .monday-nav:not(.menu-open) .mobile-menu-button {
    display: inline-flex !important;
    position: relative !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 17px !important;
  }
}

@media (max-width: 760px) {
  html body .journey-reference-svg #footer-text {
    transform: translateX(-85px);
  }
}

@media (min-width: 761px) {
  body .monday-nav.menu-open {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1000 !important;
    display: block !important;
    width: 100% !important;
    min-height: 100dvh !important;
    padding: 0 !important;
    overflow-y: auto !important;
    background: #fff !important;
  }

  body .monday-nav.menu-open .monday-logo {
    position: absolute !important;
    top: 38px !important;
    left: clamp(28px, 4vw, 64px) !important;
    z-index: 3 !important;
  }

  body .monday-nav.menu-open .mobile-menu-button {
    position: absolute !important;
    top: 28px !important;
    right: clamp(28px, 4vw, 64px) !important;
    z-index: 3 !important;
    display: inline-flex !important;
    width: 64px !important;
    height: 64px !important;
    border: 0 !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 14px 38px rgba(24, 27, 52, 0.08) !important;
  }

  body .monday-nav.menu-open .mobile-menu-button span {
    width: 32px !important;
    height: 3px !important;
  }

  body .monday-nav.menu-open nav {
    position: relative !important;
    inset: auto !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: clamp(18px, 2.4vw, 32px) !important;
    width: min(920px, calc(100% - 120px)) !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: clamp(190px, 22vh, 250px) 0 80px !important;
    overflow: visible !important;
    background: transparent !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  body .monday-nav.menu-open nav > a,
  body .monday-nav.menu-open nav > .nav-dropdown > .nav-dropdown-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 78px !important;
    padding: 0 18px !important;
    border-top: 1px solid #e4e7f1 !important;
    border-bottom: 1px solid #e4e7f1 !important;
    color: #15182f !important;
    font-size: clamp(1.12rem, 1.8vw, 1.55rem) !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  body .monday-nav.menu-open nav > a:hover,
  body .monday-nav.menu-open nav > a:focus-visible,
  body .monday-nav.menu-open nav > .nav-dropdown > .nav-dropdown-trigger:hover,
  body .monday-nav.menu-open nav > .nav-dropdown > .nav-dropdown-trigger:focus-visible {
    color: #4a3cff !important;
    background: #fafaff !important;
    outline: none !important;
  }

  body .monday-nav.menu-open nav a span {
    display: inline-block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin-left: 12px !important;
    color: #6e7890 !important;
    font-size: 1.5em !important;
    line-height: 1 !important;
    transform: none !important;
  }

  body .monday-nav.menu-open .nav-dropdown {
    position: relative !important;
    display: block !important;
    min-width: 0 !important;
  }

  body .monday-nav.menu-open .nav-dropdown-menu {
    top: calc(100% + 12px) !important;
    left: 0 !important;
    width: min(520px, 42vw) !important;
    min-width: 0 !important;
    transform: translateY(-6px) !important;
  }

  body .monday-nav.menu-open .nav-dropdown:hover .nav-dropdown-menu,
  body .monday-nav.menu-open .nav-dropdown:focus-within .nav-dropdown-menu {
    transform: translateY(0) !important;
  }

  body .monday-nav.menu-open .nav-actions {
    display: none !important;
  }
}

/* Keep the desktop navigation usable on smaller laptop/tablet widths. */
@media (min-width: 761px) and (max-width: 979px) {
  body .monday-nav:not(.menu-open) {
    grid-template-columns: 180px minmax(0, 1fr) auto 46px !important;
    gap: 10px !important;
    padding: 10px 18px !important;
  }

  body .monday-nav:not(.menu-open) .monday-logo {
    max-width: 180px !important;
  }

  body .monday-nav:not(.menu-open) nav {
    justify-content: flex-start !important;
    gap: 10px !important;
  }

  body .monday-nav:not(.menu-open) nav > a,
  body .monday-nav:not(.menu-open) nav > .nav-dropdown > .nav-dropdown-trigger {
    gap: 4px !important;
    font-size: 0.82rem !important;
    white-space: nowrap !important;
  }

  body .monday-nav:not(.menu-open) .nav-actions {
    gap: 6px !important;
  }

  body .monday-nav:not(.menu-open) .nav-actions > a {
    padding: 9px 12px !important;
    font-size: 0.78rem !important;
    white-space: nowrap !important;
  }

  body .monday-nav:not(.menu-open) .language-theme-controls {
    gap: 5px !important;
    margin-left: 2px !important;
  }

  body .monday-nav:not(.menu-open) .language-theme-controls button {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    font-size: 0.72rem !important;
  }

  body .monday-nav:not(.menu-open) .mobile-menu-button {
    width: 46px !important;
    height: 46px !important;
    border-radius: 15px !important;
  }
}

/* Mobile language and theme controls. Keep both functions reachable in the
   closed header, then present the complete action row inside the open menu. */
@media (max-width: 760px) {
  body .monday-nav:not(.menu-open) .nav-actions .calculator-nav-button {
    display: inline-flex !important;
  }

  body .monday-nav:not(.menu-open) .language-theme-controls {
    display: none !important;
  }

  body .monday-nav .language-theme-controls button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    font-size: 0.64rem !important;
    line-height: 1 !important;
  }

  body .monday-nav .language-theme-controls button[data-theme-toggle] {
    font-size: 1.08rem !important;
  }

  body .monday-nav.menu-open nav {
    padding-bottom: 112px !important;
  }

  body .monday-nav.menu-open .nav-actions {
    position: fixed !important;
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
    z-index: 1100 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid rgba(90, 97, 143, 0.14) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 14px 38px rgba(31, 36, 79, 0.12) !important;
    backdrop-filter: blur(14px) !important;
  }

  body .monday-nav.menu-open .nav-actions .calculator-nav-button {
    display: inline-flex !important;
  }

  body .monday-nav.menu-open .language-theme-controls {
    position: static !important;
    inset: auto !important;
    display: inline-flex !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-theme="dark"] .monday-nav.menu-open,
  body[data-theme="dark"] .monday-nav.menu-open::before,
  body[data-theme="dark"] .monday-nav.menu-open nav {
    background: #101426 !important;
  }

  body[data-theme="dark"] .monday-nav.menu-open nav a {
    color: #f6f7ff !important;
    border-color: #343a68 !important;
  }

  body[data-theme="dark"] .monday-nav.menu-open .nav-actions {
    background: rgba(27, 32, 64, 0.96) !important;
    border-color: #465181 !important;
  }
}

/* Journey artwork: blend the canvas into the site's navy dark surface and
   keep the closing trust statement fully legible. */
html body[data-theme="dark"] .journey,
html body[data-theme="dark"] .journey-reference-frame,
html body[data-theme="dark"] .journey-reference-svg {
  background: #101426 !important;
}

html body[data-theme="dark"] .journey-reference-svg #background > rect:first-child {
  fill: #101426 !important;
}

html body[data-theme="dark"] .journey-reference-svg #footer-text text,
html body[data-theme="dark"] .journey-reference-svg #footer-text tspan {
  fill: #fff !important;
  opacity: 1 !important;
}

html body[data-theme="dark"] .journey .journey-note {
  color: #fff !important;
  opacity: 1 !important;
}

/* Remove the abstract dotted map artwork on every screen size. */
html body .journey-reference-svg #background-map-dots,
html body .journey .journey-map {
  display: none !important;
}

/* The Journey artwork was originally laid out on a 1410px canvas, while the
   current desktop viewBox is 1240px. Re-center its heading on the visible
   canvas so the right side no longer feels over-padded. */
@media (min-width: 761px) {
  html body .journey {
    width: min(1060px, calc(100% - 48px)) !important;
  }

  html body .journey-reference-frame,
  html body .journey-reference-svg {
    overflow: hidden !important;
  }

  html body .journey-reference-svg #background > rect:first-child {
    width: 1240px !important;
  }

  html body .journey-reference-svg #header-text,
  html body .journey-reference-svg #footer-text {
    transform: translateX(-85px);
  }
}

/* Homepage header WhatsApp alignment: a very small optical lift only. */
body .monday-nav:not(.menu-open) .nav-actions .whatsapp-nav-button[href*="wa.me"] {
  position: relative !important;
  top: -2px !important;
}

/* Current header promo treatment on pages that still load the legacy page
   stylesheet, including Announcements. */
html body > .monday-review-promo,
html body > .monday-review-promo .review-promo-message,
html body > .monday-review-promo .review-promo-updates {
  background: linear-gradient(180deg, #fff8ef, #fff) !important;
  color: #15182f !important;
}

html body > .monday-review-promo {
  min-height: 30px !important;
  box-shadow: 0 1px 0 rgba(230, 232, 245, 0.8) !important;
}

html body > .monday-review-promo .review-promo-message strong {
  color: #c98b24 !important;
}

html body > .monday-review-promo .review-promo-dot {
  background: #d59b3f !important;
  box-shadow: 0 0 0 4px rgba(213, 155, 63, 0.13) !important;
}

html body[data-theme="dark"] > .monday-review-promo,
html body[data-theme="dark"] > .monday-review-promo .review-promo-message,
html body[data-theme="dark"] > .monday-review-promo .review-promo-updates {
  background: #171b35 !important;
  color: #f6f7ff !important;
}

/* Professional desktop menu overlay: a focused navigation sheet instead of
   a sparse two-column table. This is intentionally last so it owns the open
   desktop state at every computer width. */
@media (min-width: 761px) {
  body .monday-nav.menu-open {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    align-items: start !important;
    width: 100% !important;
    min-height: 100dvh !important;
    padding: 30px clamp(30px, 5vw, 76px) 36px !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    background:
      radial-gradient(circle at 82% 12%, rgba(74, 60, 255, 0.09), transparent 28%),
      radial-gradient(circle at 12% 88%, rgba(18, 200, 106, 0.07), transparent 30%),
      #fbfbfe !important;
  }

  body .monday-nav.menu-open::after {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background-image: linear-gradient(rgba(85, 91, 130, 0.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(85, 91, 130, 0.035) 1px, transparent 1px) !important;
    background-size: 40px 40px !important;
    mask-image: linear-gradient(to bottom, transparent, #000 25%, #000 75%, transparent) !important;
  }

  body .monday-nav.menu-open .monday-logo {
    position: relative !important;
    inset: auto !important;
    z-index: 2 !important;
    grid-row: 1 !important;
    width: fit-content !important;
    margin: 0 !important;
  }

  body .monday-nav.menu-open .mobile-menu-button {
    position: fixed !important;
    top: 28px !important;
    right: clamp(30px, 5vw, 76px) !important;
    z-index: 4 !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(90, 97, 143, 0.16) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 12px 34px rgba(34, 37, 76, 0.1) !important;
    backdrop-filter: blur(14px) !important;
  }

  body .monday-nav.menu-open .mobile-menu-button span {
    width: 24px !important;
    height: 2px !important;
  }

  body .monday-nav.menu-open nav {
    position: relative !important;
    inset: auto !important;
    z-index: 2 !important;
    grid-row: 2 !important;
    align-self: center !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: min(680px, calc(100vw - 60px)) !important;
    min-height: 0 !important;
    margin: 36px auto 24px !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  body .monday-nav.menu-open nav > a,
  body .monday-nav.menu-open nav > .nav-dropdown > .nav-dropdown-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 68px !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(100, 106, 150, 0.13) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.82) !important;
    color: #15182f !important;
    font-size: clamp(1.05rem, 1.7vw, 1.32rem) !important;
    font-weight: 750 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
    box-shadow: 0 7px 24px rgba(31, 36, 79, 0.045) !important;
    backdrop-filter: blur(12px) !important;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease !important;
  }

  body .monday-nav.menu-open nav > a:hover,
  body .monday-nav.menu-open nav > a:focus-visible,
  body .monday-nav.menu-open nav > .nav-dropdown > .nav-dropdown-trigger:hover,
  body .monday-nav.menu-open nav > .nav-dropdown > .nav-dropdown-trigger:focus-visible {
    color: #4a3cff !important;
    border-color: rgba(74, 60, 255, 0.35) !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(55, 48, 170, 0.1) !important;
    transform: translateX(5px) !important;
  }

  body .monday-nav.menu-open nav a span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    margin-left: 20px !important;
    border-radius: 50% !important;
    background: #f0efff !important;
    color: #4a3cff !important;
    font-size: 1.25rem !important;
    line-height: 1 !important;
  }

  body .monday-nav.menu-open .nav-dropdown {
    width: 100% !important;
  }

  body .monday-nav.menu-open .nav-dropdown-menu {
    top: calc(100% + 8px) !important;
    left: 0 !important;
    width: 100% !important;
    max-height: min(380px, 48vh) !important;
    overflow-y: auto !important;
    border-radius: 16px !important;
  }

  body .monday-nav.menu-open .nav-actions {
    position: relative !important;
    inset: auto !important;
    z-index: 2 !important;
    grid-row: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: min(680px, calc(100vw - 60px)) !important;
    margin: 0 auto !important;
  }

  body .monday-nav.menu-open .nav-actions > a {
    min-height: 42px !important;
    padding: 0 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 13px !important;
    font-size: 0.9rem !important;
  }

  body .monday-nav.menu-open .language-theme-controls {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 0 4px !important;
  }

  body .monday-nav.menu-open .language-theme-controls button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    font-style: normal !important;
    line-height: 1 !important;
  }

  body .monday-nav.menu-open .language-theme-controls button[data-language-toggle] {
    font-size: 0.72rem !important;
  }

  body .monday-nav.menu-open .language-theme-controls button[data-theme-toggle] {
    font-size: 1.28rem !important;
  }

  body[data-theme="dark"] .monday-nav.menu-open {
    background:
      radial-gradient(circle at 82% 12%, rgba(117, 105, 255, 0.18), transparent 28%),
      radial-gradient(circle at 12% 88%, rgba(18, 200, 106, 0.1), transparent 30%),
      #101426 !important;
  }

  body[data-theme="dark"] .monday-nav.menu-open nav > a,
  body[data-theme="dark"] .monday-nav.menu-open nav > .nav-dropdown > .nav-dropdown-trigger,
  body[data-theme="dark"] .monday-nav.menu-open .mobile-menu-button {
    background: rgba(29, 35, 67, 0.9) !important;
    border-color: #3a4272 !important;
    color: #f6f7ff !important;
  }

  body[data-theme="dark"] .monday-nav.menu-open nav a span {
    background: #2b3158 !important;
    color: #bcb7ff !important;
  }
}

/* Desktop header spacing refinement.
   Keep the navigation and the right-hand utilities as two distinct groups,
   and collapse the text navigation before either group can crowd the other. */
@media (min-width: 761px) {
  body .monday-nav:not(.menu-open) {
    grid-template-columns: 250px minmax(0, 1fr) auto 42px !important;
    column-gap: clamp(18px, 2vw, 34px) !important;
  }

  body .monday-nav:not(.menu-open) nav {
    justify-content: center !important;
    gap: clamp(18px, 1.8vw, 34px) !important;
  }

  body .monday-nav:not(.menu-open) .nav-actions {
    justify-self: end !important;
    gap: 12px !important;
    white-space: nowrap !important;
  }

  body .monday-nav:not(.menu-open) .language-theme-controls {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 0 10px !important;
  }

  body .monday-nav:not(.menu-open) .language-theme-controls button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  body .monday-nav:not(.menu-open) .language-theme-controls button[data-theme-toggle] {
    font-size: 1.28rem !important;
  }

  body .monday-nav:not(.menu-open) .mobile-menu-button {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border-radius: 13px !important;
  }

  body .monday-nav:not(.menu-open) .mobile-menu-button span {
    width: 22px !important;
    height: 2px !important;
  }

  body .monday-nav:not(.menu-open) .mobile-menu-button span:nth-child(1) {
    transform: translateY(-7px) !important;
  }

  body .monday-nav:not(.menu-open) .mobile-menu-button span:nth-child(3) {
    transform: translateY(7px) !important;
  }
}

@media (min-width: 761px) and (max-width: 979px) {
  body .monday-nav:not(.menu-open) {
    grid-template-columns: minmax(190px, 1fr) auto 42px !important;
    column-gap: 14px !important;
    padding-inline: clamp(18px, 3vw, 34px) !important;
  }

  body .monday-nav:not(.menu-open) nav {
    display: none !important;
  }

  body .monday-nav:not(.menu-open) .monday-logo {
    grid-column: 1 !important;
    max-width: 220px !important;
  }

  body .monday-nav:not(.menu-open) .nav-actions {
    grid-column: 2 !important;
  }

  body .monday-nav:not(.menu-open) .mobile-menu-button {
    grid-column: 3 !important;
  }
}

/* The hamburger is only a compact-screen fallback. On wide desktops the
   complete navigation is already visible, so showing it would be redundant. */
@media (min-width: 980px) {
  body .monday-nav:not(.menu-open) {
    grid-template-columns: 180px minmax(0, 1fr) auto !important;
    column-gap: clamp(8px, 1vw, 18px) !important;
    padding-inline: clamp(16px, 2vw, 36px) !important;
  }

  body .monday-nav:not(.menu-open) .mobile-menu-button {
    display: none !important;
  }

  body .monday-nav:not(.menu-open) nav {
    display: flex !important;
    justify-content: center !important;
    gap: clamp(8px, 1vw, 18px) !important;
  }

  body .monday-nav:not(.menu-open) nav > a,
  body .monday-nav:not(.menu-open) nav > .nav-dropdown > .nav-dropdown-trigger {
    font-size: clamp(0.88rem, 0.94vw, 1rem) !important;
  }

  body .monday-nav:not(.menu-open) .nav-actions {
    gap: 8px !important;
  }

  body .monday-nav:not(.menu-open) .nav-actions > a {
    padding-inline: clamp(10px, 1vw, 16px) !important;
    font-size: clamp(0.82rem, 0.88vw, 0.92rem) !important;
  }

  body .monday-nav:not(.menu-open) .language-theme-controls {
    gap: 6px !important;
    margin-left: 4px !important;
  }
}

/* Final closed-header geometry: keep desktop and narrow desktop compact. */
@media (min-width: 761px) {
  body .monday-nav:not(.menu-open) {
    position: sticky !important;
    top: var(--review-promo-height, 30px) !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    box-sizing: border-box !important;
    align-content: center !important;
    overflow: visible !important;
    padding-block: 10px !important;
  }

  body .monday-nav:not(.menu-open) .monday-logo,
  body .monday-nav:not(.menu-open) nav,
  body .monday-nav:not(.menu-open) .nav-actions,
  body .monday-nav:not(.menu-open) .mobile-menu-button {
    align-self: center !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body .monday-nav:not(.menu-open) nav {
    height: 100% !important;
  }
}

/* At compact desktop widths the full nav moves into the menu so the brand
   and action controls remain visible in one reliable row. */
@media (min-width: 761px) and (max-width: 979px) {
  body .monday-nav:not(.menu-open) {
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    grid-template-columns: minmax(0, 1fr) auto 46px !important;
    gap: 10px !important;
    padding: 8px 18px !important;
  }

  body .monday-nav:not(.menu-open) .monday-logo {
    grid-column: 1 !important;
    grid-row: 1 !important;
    max-width: 190px !important;
  }

  body .monday-nav:not(.menu-open) nav {
    display: none !important;
  }

  body .monday-nav:not(.menu-open) .nav-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }

  body .monday-nav:not(.menu-open) .mobile-menu-button {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 13px !important;
  }
}
/* Optical centering for the mobile language glyph. The circular button stays
   geometrically fixed; only its short text receives a tiny visual correction. */
@media (max-width: 760px) {
  body .monday-nav .language-theme-controls button[data-language-toggle] {
    box-sizing: border-box !important;
    padding: 1px 0 0 !important;
    text-indent: 0.5px !important;
  }

  body .monday-nav .language-theme-controls button[data-theme-toggle] {
    font-size: 1.18rem !important;
  }
}

/* Mobile dark-mode polish: keep every homepage section on the same navy
   surface and restore readable card copy. */
@media (max-width: 760px) {
  html body[data-theme="dark"] .monday-nav:not(.menu-open) .nav-actions .whatsapp-nav-button[href*="wa.me"] {
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2325D366' d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.372-.025-.521-.075-.148-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.075-.792.372-.272.298-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.29.173-1.414-.074-.124-.272-.198-.57-.347M12.045 21.5h-.004a9.85 9.85 0 0 1-5.031-1.378l-.361-.214-3.741.981.999-3.648-.235-.374A9.86 9.86 0 0 1 2.16 11.61c.002-5.477 4.458-9.931 9.888-9.931a9.82 9.82 0 0 1 7.021 2.91 9.865 9.865 0 0 1 2.9 7.025c-.002 5.477-4.457 9.886-9.924 9.886m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.88 11.88 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.82 11.82 0 0 0-3.485-8.698'/%3E%3C/svg%3E") !important;
    background-position: center !important;
    background-size: 26px 26px !important;
  }

  html body[data-theme="dark"] .monday-nav.menu-open .nav-actions .whatsapp-nav-button[href*="wa.me"] {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: transparent !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2325D366' d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.372-.025-.521-.075-.148-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.075-.792.372-.272.298-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.29.173-1.414-.074-.124-.272-.198-.57-.347M12.045 21.5h-.004a9.85 9.85 0 0 1-5.031-1.378l-.361-.214-3.741.981.999-3.648-.235-.374A9.86 9.86 0 0 1 2.16 11.61c.002-5.477 4.458-9.931 9.888-9.931a9.82 9.82 0 0 1 7.021 2.91 9.865 9.865 0 0 1 2.9 7.025c-.002 5.477-4.457 9.886-9.924 9.886m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.88 11.88 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.82 11.82 0 0 0-3.485-8.698'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 26px 26px !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  html body[data-theme="dark"] .monday-nav .monday-logo img {
    filter: brightness(0) saturate(100%) invert(75%) sepia(27%) saturate(790%) hue-rotate(322deg) brightness(104%) contrast(91%) !important;
  }

  html body[data-theme="dark"] .monday-nav .brand-wordmark,
  html body[data-theme="dark"] .monday-nav .brand-wordmark span {
    color: #f0ad98 !important;
    -webkit-text-fill-color: #f0ad98 !important;
    text-shadow: 0 0 12px rgba(240, 173, 152, 0.2) !important;
  }

  html body[data-theme="dark"] .monday-nav:not(.menu-open) .mobile-menu-button {
    background: #1b2040 !important;
    border-color: #465181 !important;
    box-shadow: 0 8px 20px rgba(4, 8, 24, 0.28) !important;
  }

  html body[data-theme="dark"] .monday-nav:not(.menu-open) .mobile-menu-button span {
    background: #f6f7ff !important;
  }

  html body[data-theme="dark"] .services-suite-mobile-heading {
    background: #101426 !important;
  }

  html body[data-theme="dark"] .services-suite-mobile-heading span {
    color: #8f86ff !important;
  }

  html body[data-theme="dark"] .services-suite-mobile-heading strong {
    color: #f6f7ff !important;
  }

  html body[data-theme="dark"] .services-suite-frame,
  html body[data-theme="dark"] .services-suite-svg > rect:first-of-type {
    background: #101426 !important;
    fill: #101426 !important;
  }

  html body[data-theme="dark"] .process-grid .process-step {
    background: #1b2040 !important;
    border-color: #465181 !important;
    box-shadow: 0 14px 34px rgba(4, 8, 24, 0.3) !important;
  }

  html body[data-theme="dark"] .process-grid .process-step h3 {
    color: #f6f7ff !important;
  }

  html body[data-theme="dark"] .process-grid .process-step p {
    color: #cbd1e8 !important;
    opacity: 1 !important;
  }
}

/* Keep this final so the earlier mobile rose-gold experiment cannot win the cascade. */
html body[data-theme="dark"] .monday-nav .brand-wordmark,
html body[data-theme="dark"] .monday-nav .brand-wordmark span {
  color:#d9dde8!important;
  -webkit-text-fill-color:#d9dde8!important;
  text-shadow:0 1px 10px rgba(255,255,255,.12)!important;
}