/* Shared Cloudbizz navigation: paper, ink and lavender states from the V27 home.
   Scoped fallback tokens support Neoo pages without importing styles.css. */
@font-face { font-family: 'Cerebri Sans'; font-style: normal; font-weight: 300; font-display: swap; src: url('/Fonts/Cerebri-Sans/CerebriSans-Light.woff2') format('woff2'); }
@font-face { font-family: 'Cerebri Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('/Fonts/Cerebri-Sans/CerebriSans-Book.woff2') format('woff2'); }
@font-face { font-family: 'Cerebri Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('/Fonts/Cerebri-Sans/CerebriSans-Medium.woff2') format('woff2'); }
@font-face { font-family: 'Cerebri Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('/Fonts/Cerebri-Sans/CerebriSans-SemiBold.woff2') format('woff2'); }
@font-face { font-family: 'Cerebri Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('/Fonts/Cerebri-Sans/CerebriSans-Bold.woff2') format('woff2'); }

/* Reserve both fixed bars before JS starts; runtime measurements follow responsive changes. */
:root { --cb-header-height: 100px; --cb-section-height: 0px; --cb-chrome-height: calc(var(--cb-header-height) + var(--cb-section-height)); }
html:has([data-cb-section-links]) { --cb-section-height: 53px; }
html:has(#cb-site-header) { scroll-padding-top: var(--cb-chrome-height); }
html:has(#cb-site-header) main :where([id], a, button, input, select, textarea, [tabindex]) { scroll-margin-top: 16px; scroll-margin-bottom: 16px; }
#cb-site-header-space, #cb-section-links-space { box-sizing: border-box; display: block; flex: none; width: 100%; margin: 0; padding: 0; border: 0; pointer-events: none; }
#cb-site-header-space { height: var(--cb-header-height); min-height: var(--cb-header-height); }
#cb-section-links-space { height: var(--cb-section-height); min-height: var(--cb-section-height); }
#cb-site-header, #cb-site-header * { box-sizing: border-box; }
/* Neoo does not load styles.css: these scoped canonical defaults keep its shared menus identical. */
#cb-site-header, #cb-shared-menu-panel[data-cb-header-panel] { --cb-display-font: 'Cerebri Sans', Inter, system-ui, sans-serif; --cb-display-weight: 300; --cb-display-tracking: -.052em; --cb-display-leading: 1.06; --cb-title-cta: 30px; }
#cb-site-header {
  --cb-header-wordmark-ink: var(--cb-ink, #07083f);
  position: fixed; inset: 0 0 auto; z-index: 200;
  display: block; width: 100%; max-width: none; height: 100px; min-height: 100px;
  margin: 0; padding: 0; border: 0; border-bottom: 1px solid rgba(7, 8, 63, .07); border-radius: 0;
  color: var(--cb-ink, #07083f); background: #fbf4e6;
  font-family: var(--cb-display-font, 'Cerebri Sans', Inter, system-ui, sans-serif); font-size: 16px; line-height: normal;
  transform: none; backdrop-filter: none; -webkit-backdrop-filter: none; transition: background-color .2s ease, box-shadow .2s ease;
}
#cb-site-header.is-scrolled { background: #fbf4e6; box-shadow: 0 1px 0 rgba(7, 8, 63, .07); }
#cb-site-header .site-header__inner {
  position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-rows: 100px;
  align-items: center; gap: 24px; width: 100%; max-width: none; height: 100px; min-height: 100px;
  margin: 0; padding: 0 clamp(24px, 2.6vw, 48px);
}
#cb-site-header .cb-header-wordmark {
  --cb-header-wordmark-ink: var(--cb-ink, #07083f);
  position: relative; grid-column: 1; grid-row: 1; display: inline-flex; align-items: center; justify-self: start;
  width: max-content !important; min-width: max-content !important; height: auto !important;
  margin: 0; padding: 0; border: 0; color: var(--cb-header-wordmark-ink) !important; background: transparent;
  font-family: var(--cb-display-font, 'Cerebri Sans', Inter, system-ui, sans-serif); font-size: clamp(33px, 2.4vw, 38px);
  font-weight: 700; font-style: normal; letter-spacing: -.055em; line-height: 1; text-decoration: none;
  white-space: nowrap; opacity: 1; visibility: visible; transform: none; filter: none;
}
#cb-site-header .cb-header-wordmark b { margin: 0; font: inherit; }
#cb-site-header .cb-menu-toggle { display: none; }
#cb-site-header .site-nav {
  position: static; inset: auto; z-index: auto; grid-column: 2; grid-row: 1; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;
  justify-self: center; justify-content: center; gap: 8px; width: auto; max-width: none; min-height: 48px; max-height: none;
  margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none;
  overflow: visible; transform: none; backdrop-filter: none; -webkit-backdrop-filter: none; white-space: nowrap;
}
#cb-site-header .site-nav > a, #cb-site-header .site-nav > .nav-trigger {
  position: relative; display: inline-flex; flex: none; flex-direction: row; align-items: center; justify-content: center; gap: 8px;
  width: auto; min-height: 44px; margin: 0; padding: 12px 12px; border: 0; border-radius: 999px;
  color: var(--cb-ink, #07083f); background: transparent;
  font: 500 16px / 1.3 var(--cb-display-font, 'Cerebri Sans', Inter, system-ui, sans-serif);
  letter-spacing: -.018em; text-decoration: none; cursor: pointer;
  transition: background-color .18s ease, color .18s ease;
}
#cb-site-header .site-nav > a::after, #cb-site-header .site-nav > .nav-trigger::after {
  content: ''; position: absolute; inset: auto 14px -19px; display: block; height: 4px;
  border-radius: 4px 4px 0 0; background: #2855ff; opacity: 0; transform: scaleX(.65);
  transition: opacity .18s ease, transform .18s ease;
}
#cb-site-header .site-nav > a:hover, #cb-site-header .site-nav > .nav-trigger:hover { background: rgba(239, 240, 255, .75); }
#cb-site-header .site-nav > .nav-trigger:is(.is-active, [aria-expanded="true"]) { color: #080953; background: #f0f1ff; }
#cb-site-header .site-nav > .nav-trigger:is(.is-active, [aria-expanded="true"])::after { opacity: 1; transform: none; }
#cb-site-header .nav-trigger svg {
  display: block; width: 12px; height: 12px; flex: none; fill: none; stroke: #2855ff;
  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform .18s ease;
}
#cb-site-header .nav-trigger[aria-expanded="true"] svg { transform: rotate(180deg); }
#cb-site-header .header-actions {
  position: relative; grid-column: 3; grid-row: 1; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-end;
  justify-self: end; gap: 16px; width: auto; height: 48px; margin: 0; padding: 0; font-size: 15px; white-space: nowrap;
}
#cb-site-header .language-select { position: relative; display: inline-flex; align-items: center; width: 76px; height: 48px; margin: 0; padding: 0; }
#cb-site-header .language-select::after { content: ''; position: absolute; right: 17px; top: 50%; width: 6px; height: 6px; border-right: 1.5px solid #515a97; border-bottom: 1.5px solid #515a97; transform: translateY(-65%) rotate(45deg); pointer-events: none; }
#cb-site-header .language-select select {
  appearance: none; display: block; width: 76px; min-width: 0; height: 48px; min-height: 48px; margin: 0; padding: 0 31px 0 18px;
  border: 1px solid rgba(7, 8, 63, .06); border-radius: 18px; color: #515a97; background: rgba(255, 254, 250, .94);
  font: 400 15px / 1 var(--cb-display-font, 'Cerebri Sans', Inter, system-ui, sans-serif); letter-spacing: .01em; cursor: pointer;
  box-shadow: 0 4px 12px rgba(61, 44, 14, .03);
}
#cb-site-header .language-select option { color: #07083f; background: #fffdf9; }
#cb-site-header .login-link {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px; margin: 0; padding: 0 20px;
  border: 1px solid rgba(7, 8, 63, .06); border-radius: 18px; color: var(--cb-ink, #07083f); background: rgba(255, 254, 250, .94);
  box-shadow: 0 4px 12px rgba(61, 44, 14, .04); font: 600 15px / 1.4 var(--cb-display-font, 'Cerebri Sans', Inter, system-ui, sans-serif);
  letter-spacing: -.012em; text-decoration: none; white-space: nowrap; transition: background-color .18s ease, border-color .18s ease;
}
#cb-site-header .login-link:hover, #cb-site-header .login-link[aria-expanded="true"] { border-color: #d9dffd; background: #f0f1ff; color: #2855dd; }
#cb-site-header .login-link .cb-login-trigger__icon { color: #515a97; stroke-width: 1.6; }
#cb-site-header .login-link .cb-login-trigger__chevron { display: none; }
#cb-site-header .header-cta {
  display: inline-flex; flex: none; flex-direction: row; align-items: center; justify-content: center; gap: 12px; width: auto; min-width: 0; min-height: 48px; margin: 0; padding: 0 20px;
  border: 0; border-radius: 999px !important; color: #fff !important;
  background: linear-gradient(rgba(7, 8, 63, .48), rgba(7, 8, 63, .48)), var(--cb-accent-gradient, linear-gradient(90deg, #567eff 0%, #42bbdf 52%, #67e0b9 100%)) !important;
  box-shadow: 0 8px 22px rgba(39, 81, 194, .25) !important;
  font: 600 15px / 1.2 var(--cb-display-font, 'Cerebri Sans', Inter, system-ui, sans-serif); letter-spacing: -.016em; text-decoration: none;
  transition: filter .18s ease, box-shadow .18s ease;
}
#cb-site-header .header-cta svg { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
#cb-site-header .header-cta:hover { filter: brightness(1.04); }
#cb-site-header .cb-mobile-actions { display: none; }
#cb-site-header :is(a, button, select):focus-visible { outline: 3px solid #2855dd; outline-offset: 3px; }
#cb-shared-menu-panel[data-cb-header-panel] {
  position: fixed; inset: var(--cb-header-height) 0 auto; z-index: 210; display: block; width: min(1360px, calc(100% - 48px));
  max-width: none; max-height: calc(100svh - var(--cb-header-height) - 16px); margin: 0 auto; padding: 0; border: 0; border-radius: 22px;
  background: transparent; box-shadow: 0 18px 55px rgba(55, 44, 30, .17); overflow: auto; overscroll-behavior: contain;
  transform: none; scrollbar-width: thin; scrollbar-color: #c6cbe5 #fffdf9;
  font-family: var(--cb-display-font, 'Cerebri Sans', Inter, system-ui, sans-serif);
}
.cb-header-backdrop { position: fixed; inset: var(--cb-header-height) 0 0; z-index: 190; background: rgba(31, 37, 75, .16); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
.cb-header-backdrop[hidden] { display: none !important; }
#cb-shared-menu-panel[data-cb-header-panel]::before { display: none; }
#cb-shared-menu-panel[data-cb-header-panel][hidden], #cb-shared-menu-panel[data-cb-header-panel] > section[hidden] { display: none !important; }
#cb-shared-menu-panel[data-cb-header-panel] > section { display: block; margin: 0; padding: 0; border: 0; }
body.cb-header-panel-open, body.cb-header-solutions-open, body.cb-header-menu-open { overflow: hidden; }

/* Every editorial menu uses the same anatomy: grouped links, illustrated card and shortcuts. */
.cb-nav-menu, .cb-nav-menu * { box-sizing: border-box; }
.cb-nav-menu {
  --cb-menu-ink: var(--cb-ink, #07083f); --cb-menu-muted: #515a97; --cb-menu-line: #e7e5ee;
  position: relative; width: 100%; color: var(--cb-menu-ink); border: 1px solid var(--cb-menu-line); border-radius: 22px;
  background: #fffdf9; overflow: hidden; isolation: isolate;
  font-family: var(--cb-display-font); text-align: left;
}
.cb-nav-menu :is(h2, h3, p) { margin: 0; }
.cb-nav-menu :is(a, button) { font-family: inherit; -webkit-tap-highlight-color: transparent; }
.cb-nav-menu svg { display: block; width: 22px; height: 22px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.cb-nav-menu__header { position: relative; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 24px 28px 20px; border-bottom: 1px solid var(--cb-menu-line); }
.cb-nav-menu .cb-nav-menu__eyebrow { display: block; margin-bottom: 7px; color: #515a97; font-size: 12px; font-weight: 600; letter-spacing: .1em; line-height: 1.4; text-transform: uppercase; }
.cb-nav-menu__header h2 { color: var(--cb-menu-ink); font-size: 22px; font-weight: 600; letter-spacing: -.025em; line-height: 1.3; }
.cb-nav-menu .cb-nav-menu__intro { max-width: 760px; margin-top: 8px; color: var(--cb-menu-muted); font-size: 15px; font-weight: 400; line-height: 1.5; }
.cb-nav-menu__close { display: grid; place-items: center; width: 44px; height: 44px; flex: none; padding: 0; border: 1px solid #e2e5f5; border-radius: 50%; color: var(--cb-menu-ink); background: #f5f5fe; cursor: pointer; }
.cb-nav-menu__close:hover { background: #eaf0ff; border-color: #cbd6fc; }
.cb-nav-menu__close svg { width: 19px; height: 19px; }
.cb-nav-menu__body { display: grid; grid-template-columns: minmax(0, 1fr) 300px; min-height: 360px; }
.cb-nav-menu__groups { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0; min-width: 0; padding: 22px 16px; }
.cb-nav-menu__group { min-width: 0; padding: 0 14px; }
.cb-nav-menu__group + .cb-nav-menu__group { border-left: 1px solid var(--cb-menu-line); }
.cb-nav-menu__group h3 { min-height: 34px; margin: 0 10px 10px; color: var(--cb-menu-muted); font-size: 12px; font-weight: 600; letter-spacing: .1em; line-height: 1.5; text-transform: uppercase; }
.cb-nav-menu__link { border: 0; background: transparent; text-align: left; cursor: pointer; display: flex; align-items: center; gap: 14px; width: 100%; min-height: 76px; padding: 13px 10px; border-radius: 12px; color: var(--cb-menu-ink); text-decoration: none; transition: background-color .18s ease; }
.cb-nav-menu__link:hover, .cb-nav-menu__link[aria-current="page"] { background: #f0f2ff; }
.cb-nav-menu__link > svg:first-child, .cb-nav-menu__icon { display: grid; place-items: center; width: 36px; height: 36px; flex: none; color: #2855ff; }
.cb-nav-menu__copy { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.cb-nav-menu__link strong { display: block; font-size: 16px; font-weight: 600; line-height: 1.3; letter-spacing: -.018em; }
.cb-nav-menu__link small { display: block; margin-top: 5px; color: var(--cb-menu-muted); font-size: 13px; font-weight: 400; line-height: 1.4; }
.cb-nav-menu__link > svg:last-child { width: 16px; height: 16px; color: #515a97; }
.cb-nav-menu__link:hover > svg:last-child { color: #2855ff; }
.cb-nav-menu__feature { display: flex; flex-direction: column; min-width: 0; padding: 22px; border-left: 1px solid var(--cb-menu-line); }
.cb-nav-menu__feature :is(img, .cb-nav-menu__art) { display: block; width: 100%; height: 200px; margin-bottom: 20px; border-radius: 11px; object-fit: cover; }
.cb-nav-menu__feature h3 { color: var(--cb-menu-ink); font-size: var(--cb-title-cta, 30px); font-weight: var(--cb-display-weight); letter-spacing: var(--cb-display-tracking); line-height: var(--cb-display-leading); }
.cb-nav-menu__feature p:not(.cb-nav-menu__eyebrow) { margin-top: 12px; color: var(--cb-menu-muted); font-size: 14px; line-height: 1.5; }
.cb-nav-menu__feature > :is(a, button) { border: 0; text-align: left; cursor: pointer; display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; margin-top: 18px; padding: 12px 14px; border-radius: 12px; color: #1740d5; background: #eaf2ff; font-size: 14px; font-weight: 600; line-height: 1.4; text-decoration: none; }
.cb-nav-menu__feature > :is(a, button):hover { background: #dce8ff; }
.cb-nav-menu__feature > :is(a, button) svg { width: 18px; height: 18px; }
.cb-nav-menu__footer { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; padding: 18px 28px; border-top: 1px solid var(--cb-menu-line); }
.cb-nav-menu__footer > :is(a, button) { display: flex; align-items: center; gap: 16px; min-height: 44px; padding: 2px 8px; color: var(--cb-menu-ink); text-decoration: none; border: 0; background: transparent; text-align: left; cursor: pointer; }
.cb-nav-menu__footer > :is(a, button) + :is(a, button) { padding-left: 26px; border-left: 1px solid var(--cb-menu-line); }
.cb-nav-menu__footer strong { display: block; font-size: 14px; font-weight: 600; line-height: 1.4; }
.cb-nav-menu__footer small { display: block; margin-top: 3px; color: var(--cb-menu-muted); font-size: 13px; line-height: 1.4; }
.cb-nav-menu__footer > :is(a, button):hover strong { color: #2855ff; }
.cb-nav-menu :is(a, button):focus-visible { outline: 3px solid #2855dd; outline-offset: 2px; }

/* Pricing keeps its working estimator and category structure on the same paper surface. */
#cb-shared-menu-panel .cb-explorer--pricing {
  --explorer-ink: var(--cb-ink, #07083f); --explorer-muted: #515a97; --explorer-line: #e7e5ee;
  color: var(--explorer-ink); border: 1px solid var(--explorer-line); border-radius: 22px; background: #fffdf9; box-shadow: none;
}
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__header { padding: 24px 28px 20px; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__eyebrow { color: #515a97; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__header h2 { color: var(--explorer-ink); font-size: 22px; font-weight: 600; line-height: 1.3; letter-spacing: -.025em; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__close { width: 44px; height: 44px; color: var(--explorer-ink); border-color: #e2e5f5; background: #f5f5fe; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__close:hover { background: #eaf0ff; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__body { grid-template-columns: 260px minmax(0, 1fr) 290px; min-height: 380px; }
#cb-shared-menu-panel .cb-explorer--pricing:not([data-explorer-ready]) .cb-explorer__body { grid-template-columns: minmax(0, 1fr) 290px; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__choices { padding: 20px 14px; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__choice { grid-template-columns: 36px minmax(0, 1fr) 16px; min-height: 72px; padding: 12px 10px; gap: 12px; border: 0; border-radius: 12px; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__choice:hover { background: #f4f5ff; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__choice[aria-pressed="true"] { background: #f0f2ff; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__choice[aria-pressed="true"]::before { display: none; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__choice-number { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: #2855ff; background: #f0f2ff; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__choice strong { color: var(--explorer-ink); font-size: 16px; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__choice small { color: var(--explorer-muted); font-size: 12px; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__choice > svg { color: #515a97; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__all { min-height: 48px; margin-top: 10px; color: #2855ff; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__all span { border-color: #dbe1fb; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__panels { padding: 24px; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__group-icon, #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__icon { color: #2855ff; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__group-heading h3 { color: var(--explorer-ink); font-size: 20px; font-weight: 600; letter-spacing: -.025em; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__products { gap: 12px; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__product { min-height: 164px; padding: 18px; border-color: #e4e6f4; border-radius: 12px; background: #fffefa; }
#cb-shared-menu-panel .cb-explorer--pricing a.cb-explorer__product:hover { background: #f4f5ff; border-color: #cbd6fc; transform: none; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__product strong { color: var(--explorer-ink); }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__product small, #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__price-note, #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__price-unit { color: var(--explorer-muted); }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__product > svg { color: #515a97; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__price-from { color: #515a97; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__price b { color: #2145d4; background: none; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__price--request b { color: var(--explorer-ink); }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__action, #cb-shared-menu-panel .cb-explorer--pricing a.cb-explorer__product:hover .cb-explorer__action { color: #2855dd; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__product--pending { background: #f8f6f0; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__badge { color: #765328; background: #f4ead5; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__guide { padding: 22px; background: transparent; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__guide :is(img, .cb-explorer__guide-image) { display: block; width: 100%; height: 190px; margin-bottom: 20px; border-radius: 11px; object-fit: cover; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__guide h3 { color: var(--explorer-ink); font-size: var(--cb-title-cta, 30px); font-weight: var(--cb-display-weight); letter-spacing: var(--cb-display-tracking); line-height: var(--cb-display-leading); }
#cb-shared-menu-panel .cb-explorer--pricing a.cb-explorer__cta { margin-top: 20px; border-radius: 12px; color: #1740d5; background: #eaf2ff; }
#cb-shared-menu-panel .cb-explorer--pricing a.cb-explorer__cta:hover { background: #dce8ff; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__local { color: #515a97; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__local i { background: #12897f; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__footer { background: transparent; padding: 18px 28px; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__footer a { min-height: 44px; color: var(--explorer-ink); font-size: 13px; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__footer a:hover { color: #2855dd; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__footer > span { color: #515a97; }
#cb-shared-menu-panel .cb-explorer--pricing :is(a, button):focus-visible { outline-color: #2855dd; }

/* Local navigation stays directly below the header, outside page stacking contexts. */
#cb-section-links, #cb-section-links * { box-sizing: border-box; }
/* Native dark pages expose a light --cb-ink; this shared paper surface owns its ink. */
#cb-section-links { --cb-ink: #07083f; position: fixed; inset: var(--cb-header-height) 0 auto; z-index: 185; width: 100%; margin: 0; padding: 0; color: var(--cb-ink, #07083f); background: #fffdf9; border-bottom: 1px solid rgba(7, 8, 63, .12); }
#cb-section-links nav { position: static; inset: auto; display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; gap: 8px 24px; width: var(--cb-section-shell, var(--cb-shell, min(calc(100% - 32px), 1520px))); max-width: none; height: auto; min-height: 52px; margin: 0 auto; padding: 4px 0; border: 0; border-radius: 0; color: inherit; background: transparent; box-shadow: none; transform: none; backdrop-filter: none; overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain; }
#cb-section-links a { display: inline-flex; flex: none; align-items: center; min-height: 44px; padding: 6px 0; color: inherit; font: 500 14px / 1.4 var(--cb-display-font, 'Cerebri Sans', Inter, system-ui, sans-serif); letter-spacing: 0; white-space: nowrap; text-decoration: none; }
#cb-section-links a:is(:hover, [aria-current="location"], [aria-current="page"]) { color: #2855dd; }
#cb-section-links :is(a, summary):focus-visible { outline: 3px solid #2855dd; outline-offset: -3px; }
#cb-section-links nav:has(details) { display: block; padding: 0; overflow: visible; }
#cb-section-links .partner-shell { width: 100%; max-width: none; margin: 0; padding: 0; }
#cb-section-links details { position: relative; display: block; width: 100%; margin: 0; padding: 0; }
#cb-section-links summary { display: flex; align-items: center; justify-content: flex-start; gap: 10px; min-height: 52px; margin: 0; padding: 0; border: 0; border-radius: 0; color: inherit; background: transparent; font: 500 14px / 1.4 var(--cb-display-font, 'Cerebri Sans', Inter, system-ui, sans-serif); cursor: pointer; list-style: none; }
#cb-section-links summary::-webkit-details-marker { display: none; }
#cb-section-links summary svg { width: 18px; height: 18px; flex: none; fill: none; stroke: #2855dd; stroke-width: 1.6; }
#cb-section-links summary svg:last-child { width: 14px; height: 14px; margin-left: auto; }
#cb-section-links details[open] summary svg:last-child { transform: rotate(180deg); }
#cb-section-links .partner-hub__links { position: absolute; inset: 100% auto auto 0; z-index: 1; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 4px; width: min(100%, 560px); min-height: 0; max-height: calc(100svh - var(--cb-chrome-height) - 12px); margin: 0; padding: 12px; border: 1px solid #e7e5ee; border-radius: 0 0 16px 16px; color: inherit; background: #fffdf9; box-shadow: 0 18px 44px rgba(61, 44, 14, .15); overflow: auto; overscroll-behavior: contain; }
#cb-section-links details:not([open]) .partner-hub__links { display: none; }
#cb-section-links .partner-hub__links a { width: 100%; min-height: 44px; padding: 8px 12px; border: 0; border-radius: 8px; background: transparent; white-space: normal; }
#cb-section-links .partner-hub__links a:is(:hover, [aria-current="location"], [aria-current="page"]) { background: #f0f2ff; }
#cb-section-links .partner-hub__links a::after { display: none; }
@media (max-width: 1490px) and (min-width: 1281px) {
  #cb-site-header .site-header__inner { gap: 16px; padding-inline: 24px; }
  #cb-site-header .site-nav { gap: 4px; }
  #cb-site-header .site-nav > a, #cb-site-header .site-nav > .nav-trigger { gap: 5px; padding-inline: 9px; font-size: 14px; }
  #cb-site-header .header-actions { gap: 12px; }
  #cb-site-header .login-link { padding-inline: 16px; font-size: 14px; }
  #cb-site-header .header-cta { gap: 10px; padding-inline: 18px; font-size: 14px; }
}
@media (max-width: 1280px) {
  :root { --cb-header-height: 72px; }
  #cb-site-header { height: 72px; min-height: 72px; }
  #cb-site-header .site-header__inner { grid-template-columns: auto minmax(0, 1fr) auto auto; grid-template-rows: 72px; gap: 14px; height: 72px; min-height: 72px; padding: 0 14px; }
  #cb-site-header .header-actions { grid-column: 3; width: 68px; gap: 0; }
  #cb-site-header .header-actions > .login-link, #cb-site-header .header-actions > .header-cta { display: none; }
  #cb-site-header .language-select, #cb-site-header .language-select select { width: 68px; height: 48px; min-height: 48px; }
  #cb-site-header .language-select select { padding: 0 26px 0 14px; border-radius: 16px; font-size: 16px; font-weight: 500; }
  #cb-site-header .language-select::after { right: 12px; }
  #cb-site-header .cb-menu-toggle { position: relative; grid-column: 4; grid-row: 1; display: inline-flex; align-items: center; justify-content: flex-end; width: 103px; min-width: 103px; height: 48px; min-height: 48px; margin: 0; padding: 0 16px; border: 1px solid rgba(7, 8, 63, .08); border-radius: 16px; color: var(--cb-ink, #07083f); background: rgba(255, 254, 250, .94); cursor: pointer; }
  #cb-site-header .cb-menu-toggle span { position: absolute; left: 16px; display: block; width: 16px; height: 2px; margin: 0; border-radius: 99px; background: currentColor; transition: top .2s ease, opacity .16s ease, transform .2s ease; }
  #cb-site-header .cb-menu-toggle span:nth-child(1) { top: 17px; }
  #cb-site-header .cb-menu-toggle span:nth-child(2) { top: 23px; }
  #cb-site-header .cb-menu-toggle span:nth-child(3) { top: 29px; }
  #cb-site-header .cb-menu-toggle b { font: 600 16px / 1 var(--cb-display-font, 'Cerebri Sans', Inter, system-ui, sans-serif); }
  #cb-site-header .cb-menu-toggle[aria-expanded="true"] span:nth-child(1) { top: 23px; transform: rotate(45deg); }
  #cb-site-header .cb-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  #cb-site-header .cb-menu-toggle[aria-expanded="true"] span:nth-child(3) { top: 23px; transform: rotate(-45deg); }
  #cb-site-header .site-nav { position: absolute; inset: 72px 12px auto; z-index: 1; display: none; flex-direction: column; align-items: stretch; justify-content: start; gap: 6px; width: calc(100% - 24px); max-height: calc(100svh - 84px); margin: 0; padding: 14px; border: 1px solid #e7e5ee; border-radius: 18px; background: #fffdf9; box-shadow: 0 18px 44px rgba(61, 44, 14, .15); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; }
  #cb-site-header .site-nav.is-open { display: flex; }
  #cb-site-header .site-nav > a, #cb-site-header .site-nav > .nav-trigger { justify-content: space-between; width: 100%; min-height: 54px; padding: 14px; border: 0; border-radius: 12px; font-size: 17px; white-space: normal; }
  #cb-site-header .site-nav > a::after, #cb-site-header .site-nav > .nav-trigger::after { display: none; }
  #cb-site-header .nav-trigger svg { width: 14px; height: 14px; }
  #cb-site-header .cb-mobile-actions { display: flex; flex-wrap: wrap; gap: 12px; padding-top: 16px; margin-top: 8px; border-top: 1px solid #e7e5ee; }
  #cb-site-header .cb-mobile-actions .login-link, #cb-site-header .cb-mobile-actions .header-cta { min-height: 48px; padding-inline: 16px; }
  #cb-site-header .cb-mobile-actions .header-cta { flex: 1; }
  #cb-shared-menu-panel[data-cb-header-panel] { inset: var(--cb-header-height) 12px auto; width: calc(100% - 24px); max-height: calc(100svh - var(--cb-header-height) - 12px); margin: 0; border-radius: 18px; }
}
@media (max-width: 1100px) {
  .cb-nav-menu__body { grid-template-columns: minmax(0, 1fr) 265px; }
  .cb-nav-menu__groups { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 0; }
  .cb-nav-menu__group:nth-child(2n + 1) { border-left: 0; }
  #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__body { grid-template-columns: 240px minmax(0, 1fr); }
  #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__guide { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 24px; grid-column: 1 / -1; padding: 20px 24px; border-left: 0; border-top: 1px solid var(--explorer-line); }
  #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__guide :is(img, .cb-explorer__guide-image), #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__guide .cb-explorer__eyebrow, #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__guide .cb-explorer__local { display: none; }
  #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__guide h3 { margin: 0; }
  #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__guide > p { grid-column: 1; }
  #cb-shared-menu-panel .cb-explorer--pricing a.cb-explorer__cta { grid-column: 2; grid-row: 1 / 3; margin: 0; align-self: center; }
}
@media (max-width: 900px) {
  .cb-nav-menu__body { display: block; min-height: 0; }
  .cb-nav-menu__feature { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 8px 22px; padding: 22px; border-left: 0; border-top: 1px solid var(--cb-menu-line); }
  .cb-nav-menu__feature :is(img, .cb-nav-menu__art) { grid-column: 1; grid-row: 1 / 5; height: 100%; min-height: 170px; margin: 0; }
  .cb-nav-menu__feature > :not(img):not(.cb-nav-menu__art) { grid-column: 2; }
  .cb-nav-menu__feature p:not(.cb-nav-menu__eyebrow), .cb-nav-menu__feature > :is(a, button) { margin-top: 4px; }
  .cb-nav-menu__footer { gap: 8px; padding: 16px; }
  .cb-nav-menu__footer > :is(a, button) { gap: 10px; }
  .cb-nav-menu__footer > :is(a, button) + :is(a, button) { padding-left: 14px; }
}
@media (max-width: 760px) {
  #cb-site-header .cb-header-wordmark { font-size: 30px; }
  .cb-nav-menu { border-radius: 18px; }
  .cb-nav-menu__header { padding: 20px 18px; gap: 12px; }
  .cb-nav-menu__header h2 { font-size: 21px; }
  .cb-nav-menu .cb-nav-menu__intro { font-size: 14px; }
  .cb-nav-menu__groups { display: block; padding: 18px 8px; }
  .cb-nav-menu__group { padding: 0 8px; }
  .cb-nav-menu__group + .cb-nav-menu__group { margin-top: 18px; padding-top: 18px; border-left: 0; border-top: 1px solid var(--cb-menu-line); }
  .cb-nav-menu__group h3 { min-height: 0; margin-bottom: 8px; }
  .cb-nav-menu__link { min-height: 72px; gap: 12px; padding-inline: 8px; }
  .cb-nav-menu__link strong { font-size: 16px; }
  .cb-nav-menu__link small { font-size: 13px; }
  .cb-nav-menu__feature { grid-template-columns: 1fr; gap: 0; padding: 22px 18px; }
  .cb-nav-menu__feature :is(img, .cb-nav-menu__art) { grid-row: auto; height: 170px; margin-bottom: 20px; }
  .cb-nav-menu__feature > :not(img):not(.cb-nav-menu__art) { grid-column: 1; }
  .cb-nav-menu__feature > :is(a, button) { margin-top: 16px; }
  .cb-nav-menu__feature p:not(.cb-nav-menu__eyebrow) { margin-top: 10px; }
  .cb-nav-menu__footer { grid-template-columns: 1fr; gap: 8px; padding: 14px 18px; }
  .cb-nav-menu__footer > :is(a, button) { padding: 8px 0; gap: 16px; }
  .cb-nav-menu__footer > :is(a, button) + :is(a, button) { padding-left: 0; border-left: 0; border-top: 1px solid var(--cb-menu-line); }
  #cb-shared-menu-panel .cb-explorer--pricing { border-radius: 18px; }
  #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__header { padding: 20px 18px; gap: 12px; }
  #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__header h2 { font-size: 21px; }
  #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__body, #cb-shared-menu-panel .cb-explorer--pricing:not([data-explorer-ready]) .cb-explorer__body { display: block; min-height: 0; }
  #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__choices { padding: 12px; gap: 8px; }
  #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__choice { grid-template-columns: minmax(0, 1fr) 16px; gap: 8px; min-height: 76px; padding: 12px; }
  #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__choice-number { display: none; }
  #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__choice strong { font-size: 15px; }
  #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__choice small { font-size: 11px; }
  #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__all { margin: 0 6px; }
  #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__panels { padding: 20px 18px; }
  #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__products { grid-template-columns: 1fr; }
  #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__product { min-height: 116px; padding: 16px; }
  #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__guide { display: flex; gap: 8px; padding: 20px 18px; }
  #cb-shared-menu-panel .cb-explorer--pricing a.cb-explorer__cta { align-self: stretch; margin-top: 8px; }
  #cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__footer { padding: 14px 18px; }
}
@media (max-width: 390px) { #cb-site-header .cb-header-wordmark { font-size: 28px; } }
@media (max-width: 359px) {
  #cb-site-header .site-header__inner { gap: 10px; padding-inline: 12px; }
  #cb-site-header .cb-menu-toggle { width: 48px; min-width: 48px; }
  #cb-site-header .cb-menu-toggle b { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  #cb-site-header .cb-mobile-actions { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  #cb-site-header, #cb-site-header *, #cb-site-header *::after, .cb-nav-menu *, .cb-nav-menu *::after { transition: none !important; animation: none !important; }
}
@media (forced-colors: active) {
  #cb-site-header .header-cta { color: ButtonText !important; background: ButtonFace !important; border: 1px solid ButtonText; box-shadow: none !important; }
  #cb-site-header .site-nav > .nav-trigger[aria-expanded="true"] { outline: 1px solid Highlight; }
  #cb-site-header .site-nav > .nav-trigger[aria-expanded="true"]::after { background: Highlight; }
  .cb-nav-menu, .cb-nav-menu__close, #cb-shared-menu-panel .cb-explorer--pricing { border-color: CanvasText; }
  .cb-nav-menu a, .cb-nav-menu button, #cb-shared-menu-panel .cb-explorer--pricing :is(a, button) { color: LinkText; }
}

.cb-nav-menu--neoo .cb-nav-menu__groups { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 0; }
.cb-nav-menu--neoo .cb-nav-menu__group:nth-child(3n + 1) { border-left: 0; }
.cb-nav-menu--neoo .cb-nav-menu__group h3 { min-height: 0; }
.cb-nav-menu--neoo .cb-nav-menu__link { min-height: 66px; }
@media (max-width: 1100px) { .cb-nav-menu--neoo .cb-nav-menu__groups { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cb-nav-menu--neoo .cb-nav-menu__group:nth-child(3n + 1) { border-left: 1px solid var(--cb-menu-line); } .cb-nav-menu--neoo .cb-nav-menu__group:nth-child(2n + 1) { border-left: 0; } }
@media (max-width: 760px) { .cb-nav-menu--neoo .cb-nav-menu__groups { display: block; } .cb-nav-menu--neoo .cb-nav-menu__group:nth-child(n) { border-left: 0; } }

/* Logo aligned with each page's content shell; page-specific widths stay authoritative. */
#cb-site-header { --cb-ink: #07083f; }
#cb-site-header .site-header__inner {
  container: cb-header / inline-size;
  width: var(--cb-header-shell, var(--cb-shell, min(calc(100% - 120px), 1520px)));
  margin: 0 auto;
  padding: 0;
}
body.cbp-page #cb-site-header { --cb-header-shell: var(--cbp-shell); }
body.legal-hub-page #cb-site-header { --cb-header-shell: var(--lh-shell); }
body.legal-doc-page #cb-site-header { --cb-header-shell: var(--ld-shell); }
body.remote-support-page #cb-site-header { --cb-header-shell: min(calc(100% - 48px), 1000px); }
body.care-page #cb-site-header { --cb-header-shell: var(--care-reference-shell); }
body.cmd-body #cb-site-header { --cb-header-shell: var(--main-container); }
body.backup-policy-page #cb-site-header { --cb-header-shell: min(var(--cb-shell), 1320px); }
body.neoo-home--v24 #cb-site-header { --cb-header-shell: min(calc(100% - 48px), 1240px); }
@media (max-width: 1240px) {
  body.studio-page #cb-site-header { --cb-header-shell: min(calc(100% - 64px), 1180px); }
}
@media (max-width: 1120px) {
  body.backup-policy-page #cb-site-header { --cb-header-shell: min(calc(100% - 64px), 1180px); }
}
@media (max-width: 1024px) {
  body.cmd-body #cb-site-header { --cb-header-shell: min(calc(100% - 48px), 960px); }
}
@media (max-width: 760px) {
  #cb-site-header .site-header__inner { width: var(--cb-header-shell, calc(100% - 40px)); }
  body.contact-page #cb-site-header { --cb-header-shell: min(calc(100% - 36px), 720px); }
  body.roadmap-page #cb-site-header { --cb-header-shell: min(calc(100% - 36px), 1520px); }
  body.studio-page #cb-site-header { --cb-header-shell: min(calc(100% - 32px), 680px); }
  body.backup-policy-page #cb-site-header { --cb-header-shell: min(calc(100% - 32px), 620px); }
  body.news-page:not(.news-page--paper) #cb-site-header,
  body.news-page--article #cb-site-header { --cb-header-shell: calc(100% - 28px); }
}
@media (max-width: 720px) {
  body.neoo-home--v24 #cb-site-header { --cb-header-shell: calc(100% - 32px); }
}
@media (max-width: 700px) {
  body.remote-support-page #cb-site-header { --cb-header-shell: calc(100% - 40px); }
}
@media (max-width: 480px) {
  body.cmd-body #cb-site-header { --cb-header-shell: min(calc(100% - 32px), 960px); }
}
/* Compact controls depend on available content width, including narrow desktop pages. */
@container cb-header (max-width: 1200px) {
  #cb-site-header .header-actions { grid-column: 3; width: 68px; gap: 0; }
  #cb-site-header .header-actions > .login-link, #cb-site-header .header-actions > .header-cta { display: none; }
  #cb-site-header .language-select, #cb-site-header .language-select select { width: 68px; height: 48px; min-height: 48px; }
  #cb-site-header .language-select select { padding: 0 26px 0 14px; border-radius: 16px; font-size: 16px; font-weight: 500; }
  #cb-site-header .language-select::after { right: 12px; }
  #cb-site-header .cb-menu-toggle { position: relative; grid-column: 4; grid-row: 1; display: inline-flex; align-items: center; justify-content: flex-end; width: 103px; min-width: 103px; height: 48px; min-height: 48px; margin: 0; padding: 0 16px; border: 1px solid rgba(7, 8, 63, .08); border-radius: 16px; color: var(--cb-ink, #07083f); background: rgba(255, 254, 250, .94); cursor: pointer; }
  #cb-site-header .cb-menu-toggle span { position: absolute; left: 16px; display: block; width: 16px; height: 2px; margin: 0; border-radius: 99px; background: currentColor; transition: top .2s ease, opacity .16s ease, transform .2s ease; }
  #cb-site-header .cb-menu-toggle span:nth-child(1) { top: 17px; }
  #cb-site-header .cb-menu-toggle span:nth-child(2) { top: 23px; }
  #cb-site-header .cb-menu-toggle span:nth-child(3) { top: 29px; }
  #cb-site-header .cb-menu-toggle b { font: 600 16px / 1 var(--cb-display-font, 'Cerebri Sans', Inter, system-ui, sans-serif); }
  #cb-site-header .cb-menu-toggle[aria-expanded="true"] span:nth-child(1) { top: 23px; transform: rotate(45deg); }
  #cb-site-header .cb-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  #cb-site-header .cb-menu-toggle[aria-expanded="true"] span:nth-child(3) { top: 23px; transform: rotate(-45deg); }
  #cb-site-header .site-nav { position: absolute; inset: 72px 12px auto; z-index: 1; display: none; flex-direction: column; align-items: stretch; justify-content: start; gap: 6px; width: calc(100% - 24px); max-height: calc(100svh - 84px); margin: 0; padding: 14px; border: 1px solid #e7e5ee; border-radius: 18px; background: #fffdf9; box-shadow: 0 18px 44px rgba(61, 44, 14, .15); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; }
  #cb-site-header .site-nav.is-open { display: flex; }
  #cb-site-header .site-nav > a, #cb-site-header .site-nav > .nav-trigger { justify-content: space-between; width: 100%; min-height: 54px; padding: 14px; border: 0; border-radius: 12px; font-size: 17px; white-space: normal; }
  #cb-site-header .site-nav > a::after, #cb-site-header .site-nav > .nav-trigger::after { display: none; }
  #cb-site-header .nav-trigger svg { width: 14px; height: 14px; }
  #cb-site-header .cb-mobile-actions { display: flex; flex-wrap: wrap; gap: 12px; padding-top: 16px; margin-top: 8px; border-top: 1px solid #e7e5ee; }
  #cb-site-header .cb-mobile-actions .login-link, #cb-site-header .cb-mobile-actions .header-cta { min-height: 48px; padding-inline: 16px; }
  #cb-site-header .cb-mobile-actions .header-cta { flex: 1; }
  #cb-site-header .site-nav { inset: 100% 0 auto; width: 100%; max-height: calc(100svh - 116px); }
}
@media (max-width: 1280px) {
  #cb-site-header .site-nav { max-height: calc(100svh - 84px); }
}
@media (max-width: 359px) {
  #cb-site-header .cb-menu-toggle { width: 48px; min-width: 48px; }
  #cb-site-header .cb-menu-toggle b { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
}

/* Decorative watercolour plates remain separate from menu text and links. */
.cb-nav-menu__feature .cb-nav-menu__art { display: block; width: 100%; height: 210px; aspect-ratio: 4 / 3; margin-bottom: 22px; border-radius: 12px; background-size: cover; background-position: center; background-repeat: no-repeat; }
#cb-shared-menu-panel .cb-explorer--pricing .cb-explorer__guide-image { background-size: cover; background-position: center; background-repeat: no-repeat; }
@media (max-width: 900px) { .cb-nav-menu__feature .cb-nav-menu__art { margin: 0; height: 100%; } }
@media (max-width: 760px) { .cb-nav-menu__feature .cb-nav-menu__art { height: 170px; margin-bottom: 22px; } }

.cb-nav-menu .cb-nav-menu__symbols { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.cb-nav-menu .cb-nav-menu__arrow { display: inline-block; flex: 0 0 20px; width: 20px; font-size: 20px; line-height: 1; color: #315ddc; }

/* Neoo V29 uses one responsive gutter for its public content shells. */
body[data-neoo-native].v29-page:has(main .v29-shell) #cb-site-header {
  --cb-header-shell: min(calc(100% - 2 * var(--v29-gutter)), 1376px);
}

/* Native Neoo families expose their own responsive content tokens. */
body[data-neoo-native]:has(main .fx-shell) #cb-site-header { --cb-header-shell: var(--fx-shell); }
body[data-neoo-native]:has(main .mx-shell):not(.msp-10k) #cb-site-header { --cb-header-shell: var(--mx-shell); }
body[data-neoo-native]:has(main .dx-shell) #cb-site-header { --cb-header-shell: var(--dx-shell); }
body[data-neoo-native]:has(main .rx-shell) #cb-site-header { --cb-header-shell: var(--rx-shell); }
body[data-neoo-native]:has(main .sx-shell):not(.starter10k-page) #cb-site-header { --cb-header-shell: var(--sx-shell); }
body[data-neoo-native]:has(main .wx-shell) #cb-site-header { --cb-header-shell: var(--wx-shell); }
body[data-neoo-native].nx-page:not(.switch10k-page):not(.demand10k-page):not(:has(main .nx-video-hero__inner)) #cb-site-header { --cb-header-shell: var(--nx-shell); }
body[data-neoo-native].demand10k-page #cb-site-header { --cb-header-shell: var(--nx-shell); }
body[data-neoo-native].murphy-page #cb-site-header { --cb-header-shell: var(--n1-shell); }
body[data-neoo-native].ideas-page #cb-site-header { --cb-header-shell: var(--ideas-shell); }
body[data-neoo-native].integrations-page #cb-site-header { --cb-header-shell: var(--ni-shell); }
body[data-neoo-native].tarifs-page #cb-site-header { --cb-header-shell: var(--nt-shell); }
body[data-neoo-native].neoo-studio-page #cb-site-header { --cb-header-shell: var(--nst-shell); }
body[data-neoo-native].np-page #cb-site-header { --cb-header-shell: var(--np-shell); }
body[data-neoo-native].resources-page #cb-site-header { --cb-header-shell: var(--nr-shell-w); }
body[data-neoo-native].business-os-page #cb-site-header { --cb-header-shell: min(1280px, calc(100% - 96px)); }
body[data-neoo-native].nda-page #cb-site-header { --cb-header-shell: min(calc(100% - 96px), 1576px); }
body.nt-page #cb-site-header { --cb-header-shell: min(1180px, calc(100% - 48px)); }
@media (max-width: 1320px) {
  body[data-neoo-native].nda-page #cb-site-header { --cb-header-shell: calc(100% - 32px); }
}
@media (max-width: 1120px) {
  body[data-neoo-native].business-os-page #cb-site-header { --cb-header-shell: calc(100% - 56px); }
}
@media (max-width: 760px) {
  body.vato-page #cb-site-header { --cb-header-shell: calc(100% - 32px); }
  body[data-neoo-native].business-os-page #cb-site-header { --cb-header-shell: calc(100% - 40px); }
  body[data-neoo-native].nda-page #cb-site-header { --cb-header-shell: calc(100% - 28px); }
}
@media (max-width: 640px) {
  body.nt-page #cb-site-header { --cb-header-shell: calc(100% - 32px); }
}

/* The mobile disclosure spans the full shell instead of the desktop nav grid cell. */
@media (max-width: 1280px) {
  #cb-site-header .site-nav { grid-column: 1 / -1; grid-row: auto; justify-self: stretch; inset: 100% 0 auto; width: 100%; min-width: 0; }
}
@container cb-header (max-width: 1200px) {
  #cb-site-header .site-nav { grid-column: 1 / -1; grid-row: auto; justify-self: stretch; inset: 100% 0 auto; width: 100%; min-width: 0; }
}

.cb-nav-menu--neoo .cb-nav-menu__group h3 { display: flex; align-items: center; gap: 10px; }
.cb-nav-menu--neoo .cb-nav-menu__group h3 svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.cb-nav-menu--neoo .cb-nav-menu__link { min-height: 44px; justify-content: space-between; padding-block: 10px; }

.cb-nav-menu--neoo .cb-nav-menu__groups .cb-nav-menu__link::after { content: ''; flex: 0 0 6px; width: 6px; height: 6px; border-top: 1.5px solid #315ddc; border-right: 1.5px solid #315ddc; transform: rotate(45deg); margin-inline: 5px; }


/* Imported Neoo layouts sometimes override the width tokens inside #main.
   Mirror those final shell widths here so the brand follows the first content block. */
body[data-neoo-native].neoo-videos-page #cb-site-header { --cb-header-shell: min(calc(100% - 48px), 1320px); }
body[data-neoo-native].forge-site-page #cb-site-header { --cb-header-shell: min(calc(100% - 48px), 1240px); }
body[data-neoo-native].forge-site-page--home #cb-site-header { --cb-header-shell: min(calc(100% - 48px), 1120px); }
body[data-neoo-native].msp-10k #cb-site-header,
body[data-neoo-native].starter10k-page #cb-site-header { --cb-header-shell: min(calc(100% - 80px), 1280px); }
body[data-neoo-native].platform-page #cb-site-header { --cb-header-shell: min(calc(100% - 48px), 1240px); }
body[data-neoo-native].neoo-needs-page #cb-site-header { --cb-header-shell: min(calc(100% - 48px), 1160px); }
body[data-neoo-native]:has(main.neoo-static) #cb-site-header { --cb-header-shell: min(calc(100% - 48px), 1120px); }
body[data-neoo-native]:has(main.neoo-static--contact) #cb-site-header { --cb-header-shell: min(calc(100% - 48px), 1240px); }
body[data-neoo-native]:has(main .nx-video-hero__inner) #cb-site-header { --cb-header-shell: min(calc(100% - 96px), 1540px); }
@media (max-width: 1120px) {
  body[data-neoo-native].starter10k-page #cb-site-header { --cb-header-shell: calc(100% - 56px); }
  body[data-neoo-native].accounting-page #cb-site-header { --cb-header-shell: min(calc(100% - 48px), 1000px); }
  body[data-neoo-native]:has(main .nx-video-hero__inner) #cb-site-header { --cb-header-shell: var(--nx-shell); }
}
@media (max-width: 900px) {
  body[data-neoo-native].msp-10k #cb-site-header { --cb-header-shell: calc(100% - 48px); }
  body[data-neoo-native].platform-page #cb-site-header { --cb-header-shell: min(calc(100% - 36px), 760px); }
  body[data-neoo-native].accounting-page #cb-site-header { --cb-header-shell: min(calc(100% - 40px), 760px); }
  body[data-neoo-native].murphy-page #cb-site-header { --cb-header-shell: calc(100% - 32px); }
}
@media (max-width: 860px) {
  body[data-neoo-native].compare-page #cb-site-header { --cb-header-shell: min(calc(100% - 40px), 720px); }
}
@media (max-width: 767px) {
  body[data-neoo-native].neoo-needs-page #cb-site-header { --cb-header-shell: calc(100% - 32px); }
}
@media (max-width: 760px) {
  body[data-neoo-native]:has(main.neoo-static) #cb-site-header { --cb-header-shell: min(calc(100% - 28px), 1120px); }
}
@media (max-width: 720px) {
  body[data-neoo-native].neoo-videos-page #cb-site-header,
  body[data-neoo-native].forge-site-page #cb-site-header { --cb-header-shell: calc(100% - 32px); }
  body[data-neoo-native].msp-10k #cb-site-header,
  body[data-neoo-native].starter10k-page #cb-site-header { --cb-header-shell: calc(100% - 40px); }
}
@media (max-width: 700px) {
  body[data-neoo-native].platform-page #cb-site-header { --cb-header-shell: min(calc(100% - 28px), 620px); }
}
@media (max-width: 640px) {
  body[data-neoo-native].accounting-page #cb-site-header { --cb-header-shell: calc(100% - 28px); }
}
@media (max-width: 620px) {
  body[data-neoo-native].compare-page #cb-site-header { --cb-header-shell: min(calc(100% - 28px), 520px); }
}
@media (max-width: 390px) {
  body[data-neoo-native].accounting-page #cb-site-header { --cb-header-shell: calc(100% - 24px); }
}