/* PIXGOM home standard design layer
   기준: production home screen. This file must load after legacy page CSS. */
:root {
  --pg-home-bg: #faf8f3;
  --pg-home-ink: #0b1020;
  --pg-home-muted: #62748e;
  --pg-home-text: #314158;
  --pg-home-yellow: #ffd400;
  --pg-home-success: #00bc7d;
  --pg-home-line: rgba(11, 16, 32, .08);
  --pg-home-card: #ffffff;
  --pg-home-shadow: 0 22px 64px rgba(11, 16, 32, .08);
  --pg-home-radius-card: 26px;
  --pg-home-radius-pill: 999px;
}

/* v173: mobile header final CI lock - home 기준 CI + hamburger only */
@media (max-width: 860px) {
  html body.pixgom-unified header[data-pixgom-header],
  html body.pixgom-unified header.header[data-pixgom-header],
  html body.pixgom-unified header.pg-header[data-pixgom-header],
  html body.pixgom-unified header.inner-site-header[data-pixgom-header],
  html body.pixgom-unified header.site-header[data-pixgom-header] {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 68px !important;
    height: 68px !important;
    margin: 0 !important;
    padding: 0 18px 0 20px !important;
    background: rgba(250, 248, 243, 0.98) !important;
    border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
    box-shadow: none !important;
    overflow: visible !important;
    transform: none !important;
  }

  html body.pixgom-unified header[data-pixgom-header] > .header-inner,
  html body.pixgom-unified header[data-pixgom-header] > .pg-header-inner,
  html body.pixgom-unified header[data-pixgom-header] > .inner-site-header-inner,
  html body.pixgom-unified header[data-pixgom-header] > .site-header-inner {
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    align-items: center !important;
    column-gap: 8px !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 68px !important;
    height: 68px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body.pixgom-unified header[data-pixgom-header] a.brand,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand,
  html body.pixgom-unified header[data-pixgom-header] a.site-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 32px auto !important;
    grid-template-rows: 18px 12px !important;
    column-gap: 8px !important;
    row-gap: 1px !important;
    align-items: center !important;
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    text-decoration: none !important;
    transform: none !important;
    overflow: visible !important;
  }

  html body.pixgom-unified header[data-pixgom-header] a.brand > img,
  html body.pixgom-unified header[data-pixgom-header] a.brand > svg,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand > img,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand > svg,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > img,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > svg,
  html body.pixgom-unified header[data-pixgom-header] a.site-brand > img,
  html body.pixgom-unified header[data-pixgom-header] a.site-brand > svg,
  html body.pixgom-unified header[data-pixgom-header] [data-pixgom-logo] {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.pixgom-unified header[data-pixgom-header] .brand-name,
  html body.pixgom-unified header[data-pixgom-header] a.brand > strong,
  html body.pixgom-unified header[data-pixgom-header] a.brand > span.brand-name,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand > strong,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand > span.brand-name,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > strong,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > span.brand-name,
  html body.pixgom-unified header[data-pixgom-header] a.site-brand > strong,
  html body.pixgom-unified header[data-pixgom-header] a.site-brand > span.brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    justify-self: start !important;
    display: block !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 18px !important;
    letter-spacing: -0.045em !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  html body.pixgom-unified header[data-pixgom-header] .brand-version,
  html body.pixgom-unified header[data-pixgom-header] a.brand > small,
  html body.pixgom-unified header[data-pixgom-header] a.brand > span.brand-version,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand > small,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand > span.brand-version,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > small,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > span.brand-version,
  html body.pixgom-unified header[data-pixgom-header] a.site-brand > small,
  html body.pixgom-unified header[data-pixgom-header] a.site-brand > span.brand-version {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    justify-self: start !important;
    display: block !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #5d7292 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 12px !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  html body.pixgom-unified header[data-pixgom-header] nav,
  html body.pixgom-unified header[data-pixgom-header] .nav,
  html body.pixgom-unified header[data-pixgom-header] .pg-nav,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-nav,
  html body.pixgom-unified header[data-pixgom-header] .site-nav,
  html body.pixgom-unified header[data-pixgom-header] .header-actions,
  html body.pixgom-unified header[data-pixgom-header] .pg-header-actions,
  html body.pixgom-unified header[data-pixgom-header] .site-header-actions,
  html body.pixgom-unified header[data-pixgom-header] .inner-header-actions,
  html body.pixgom-unified header[data-pixgom-header] .actions,
  html body.pixgom-unified header[data-pixgom-header] .auth-actions,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-action,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-action,
  html body.pixgom-unified header[data-pixgom-header] .pg-signup,
  html body.pixgom-unified header[data-pixgom-header] .pg-login,
  html body.pixgom-unified header[data-pixgom-header] .pg-cta-small,
  html body.pixgom-unified header[data-pixgom-header] .signup,
  html body.pixgom-unified header[data-pixgom-header] .login,
  html body.pixgom-unified header[data-pixgom-header] .logout,
  html body.pixgom-unified header[data-pixgom-header] .account-link {
    position: absolute !important;
    inset: auto !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  html body.pixgom-unified header[data-pixgom-header] .pg-menu,
  html body.pixgom-unified header[data-pixgom-header] .menu-open,
  html body.pixgom-unified header[data-pixgom-header] [data-pg-menu] {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    overflow: hidden !important;
  }
}

html,
body {
  overflow-x: hidden !important;
}

html body.pixgom-unified,
html body.auth-page,
html body.console-shell-page,
html body.account-page {
  background: var(--pg-home-bg) !important;
  color: var(--pg-home-ink) !important;
}

/* Header / CI lock */
@media (max-width: 860px) {
  html body header.header,
  html body header.pg-header,
  html body header.inner-site-header {
    box-sizing: border-box !important;
    width: 100% !important;
    inline-size: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    max-inline-size: none !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 0 18px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    column-gap: 16px !important;
    background: rgba(250, 248, 243, .96) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pg-home-line) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body header.header > .header-inner,
  html body header.pg-header > .pg-header-inner,
  html body header.inner-site-header > .pg-header-inner,
  html body header.inner-site-header > .inner-site-header-inner {
    display: contents !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body header.header .brand,
  html body header.pg-header .pg-brand,
  html body header.inner-site-header .inner-site-brand,
  html body header.inner-site-header .pg-brand {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: auto !important;
    max-width: 160px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--pg-home-ink) !important;
    text-decoration: none !important;
  }

  html body header.pg-header .pg-brand > span,
  html body header.inner-site-header .inner-site-brand > span,
  html body header.inner-site-header .pg-brand > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    height: 15px !important;
    min-height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body header.header .brand-mark,
  html body header.header .brand img,
  html body header.pg-header .pg-brand img,
  html body header.inner-site-header .inner-site-brand img,
  html body header.inner-site-header .pg-brand img {
    display: block !important;
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    flex: 0 0 26px !important;
    border-radius: 8.5px !important;
    object-fit: contain !important;
    box-shadow: none !important;
  }

  html body header.header .brand-name,
  html body header.header .brand strong,
  html body header.pg-header .pg-brand strong,
  html body header.inner-site-header .inner-site-brand strong,
  html body header.inner-site-header .pg-brand strong {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--pg-home-ink) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.3px !important;
    white-space: nowrap !important;
  }

  html body header.header .brand-version,
  html body header.header .brand small,
  html body header.pg-header .pg-brand small,
  html body header.inner-site-header .inner-site-brand small,
  html body header.inner-site-header .pg-brand small {
    display: inline-grid !important;
    place-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--pg-home-muted) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 10px !important;
    letter-spacing: -0.4px !important;
    white-space: nowrap !important;
  }

  html body header.pg-header .pg-brand small {
    transform: translateY(-2px) !important;
  }

  html body header.header .nav,
  html body header.header .actions,
  html body header.pg-header .pg-nav,
  html body header.pg-header .pg-header-actions,
  html body header.pg-header .pg-login,
  html body header.pg-header .pg-signup,
  html body header.inner-site-header .inner-site-nav,
  html body header.inner-site-header .inner-site-action,
  html body header.inner-site-header .pg-nav,
  html body header.inner-site-header .pg-login,
  html body header.inner-site-header .pg-signup,
  html body header.inner-site-header .pg-header-actions {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body header.header::after,
  html body header.pg-header::after {
    content: none !important;
    display: none !important;
  }

  html body header.inner-site-header::after {
    content: "" !important;
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    display: block !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 10px !important;
    background:
      linear-gradient(var(--pg-home-ink), var(--pg-home-ink)) center 14px / 21px 2.25px no-repeat,
      linear-gradient(var(--pg-home-ink), var(--pg-home-ink)) center 22px / 21px 2.25px no-repeat,
      linear-gradient(var(--pg-home-ink), var(--pg-home-ink)) center 30px / 21px 2.25px no-repeat !important;
    pointer-events: none !important;
  }

  html body header.header .menu-open,
  html body header.pg-header .pg-menu,
  html body header.inner-site-header .pg-menu,
  html body header.inner-site-header .menu-open {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: var(--pg-home-ink) !important;
    font-size: 0 !important;
    line-height: 0 !important;
    box-shadow: none !important;
  }

  html body header.pg-header .pg-menu {
    color: transparent !important;
    background:
      linear-gradient(var(--pg-home-ink), var(--pg-home-ink)) center 14px / 21px 2.25px no-repeat,
      linear-gradient(var(--pg-home-ink), var(--pg-home-ink)) center 22px / 21px 2.25px no-repeat,
      linear-gradient(var(--pg-home-ink), var(--pg-home-ink)) center 30px / 21px 2.25px no-repeat !important;
  }

  html body header.header .menu-open svg,
  html body header.inner-site-header .menu-open svg {
    display: block !important;
    width: 21px !important;
    height: 21px !important;
    color: var(--pg-home-ink) !important;
    stroke: var(--pg-home-ink) !important;
  }
}

/* v170 console dashboard detail parity - home navy/yellow/card system */
html body.console-shell-page #pixgom-console-root .buyer-ops-hero,
html body.console-shell-page #pixgom-console-root .console-dashboard-intro,
html body.console-shell-page #pixgom-console-root .buyer-console-error-state {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 30px !important;
  border: 1px solid rgba(11, 16, 32, .08) !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(255, 212, 0, .22), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #fffdf2 100%) !important;
  box-shadow: 0 22px 64px rgba(11, 16, 32, .075) !important;
}

html body.console-shell-page #pixgom-console-root .buyer-ops-hero::after,
html body.console-shell-page #pixgom-console-root .console-dashboard-intro::after,
html body.console-shell-page #pixgom-console-root .buyer-console-error-state::after {
  content: "" !important;
  position: absolute !important;
  right: 28px !important;
  top: 28px !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 34% 38%, #ffd400 0 5px, transparent 6px),
    radial-gradient(circle at 66% 68%, #ffffff 0 4px, transparent 5px),
    #0b1020 !important;
  box-shadow: 0 16px 34px rgba(11, 16, 32, .16) !important;
  pointer-events: none !important;
}

html body.console-shell-page #pixgom-console-root .buyer-ops-hero h2,
html body.console-shell-page #pixgom-console-root .console-dashboard-intro h2,
html body.console-shell-page #pixgom-console-root .buyer-console-error-state h1,
html body.console-shell-page #pixgom-console-root .buyer-console-error-state h2 {
  position: relative !important;
  display: inline !important;
  color: #0b1020 !important;
  background: linear-gradient(transparent 66%, rgba(255, 212, 0, .82) 66%) !important;
  -webkit-box-decoration-break: clone !important;
  box-decoration-break: clone !important;
}

html body.console-shell-page #pixgom-console-root .console-summary-card,
html body.console-shell-page #pixgom-console-root .buyer-ops-metric {
  min-height: 132px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(11, 16, 32, .08) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(255, 255, 255, .92)) !important;
  box-shadow: 0 16px 44px rgba(11, 16, 32, .055) !important;
}

html body.console-shell-page #pixgom-console-root .console-summary-card span,
html body.console-shell-page #pixgom-console-root .buyer-ops-metric span {
  color: #62748e !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

html body.console-shell-page #pixgom-console-root .console-summary-card strong,
html body.console-shell-page #pixgom-console-root .buyer-ops-metric strong {
  display: block !important;
  margin-top: 10px !important;
  color: #0b1020 !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.06em !important;
}

html body.console-shell-page #pixgom-console-root .console-summary-good,
html body.console-shell-page #pixgom-console-root .buyer-ops-metric.is-good {
  border-color: rgba(0, 188, 125, .22) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 188, 125, .08), 0 16px 44px rgba(11, 16, 32, .055) !important;
}

html body.console-shell-page #pixgom-console-root .console-summary-warn,
html body.console-shell-page #pixgom-console-root .buyer-ops-metric.is-warn {
  border-color: rgba(255, 212, 0, .44) !important;
  background: linear-gradient(180deg, #fffefa, #fff8d8) !important;
}

html body.console-shell-page #pixgom-console-root .console-search-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 360px) auto !important;
  gap: 16px !important;
  align-items: end !important;
}

html body.console-shell-page #pixgom-console-root .console-search-form input {
  height: 52px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(11, 16, 32, .12) !important;
  background: #f8fafc !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

html body.console-shell-page #pixgom-console-root .console-search-form button,
html body.console-shell-page #pixgom-console-root .console-action-queue-item a,
html body.console-shell-page #pixgom-console-root .console-action-queue-item button,
html body.console-shell-page #pixgom-console-root .console-search-result-button small {
  min-height: 44px !important;
  border-radius: 999px !important;
  background: #0b1020 !important;
  border-color: #0b1020 !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(11, 16, 32, .14) !important;
}

html body.console-shell-page #pixgom-console-root .console-search-results,
html body.console-shell-page #pixgom-console-root .console-action-queue-list,
html body.console-shell-page #pixgom-console-root .console-compact-list {
  display: grid !important;
  gap: 12px !important;
}

html body.console-shell-page #pixgom-console-root .console-search-section,
html body.console-shell-page #pixgom-console-root .console-action-queue-item,
html body.console-shell-page #pixgom-console-root .console-compact-row,
html body.console-shell-page #pixgom-console-root .console-log-card,
html body.console-shell-page #pixgom-console-root .console-workflow-card {
  border-radius: 22px !important;
  border: 1px solid rgba(98, 116, 142, .16) !important;
  background: #ffffff !important;
  box-shadow: 0 12px 34px rgba(11, 16, 32, .04) !important;
}

html body.console-shell-page #pixgom-console-root .console-search-section {
  padding: 16px !important;
}

html body.console-shell-page #pixgom-console-root .console-action-queue-item,
html body.console-shell-page #pixgom-console-root .console-compact-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  width: 100% !important;
  padding: 14px 16px !important;
  text-align: left !important;
}

html body.console-shell-page #pixgom-console-root .console-status {
  position: relative !important;
  min-height: 32px !important;
  padding: 0 13px 0 28px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #314158 !important;
}

html body.console-shell-page #pixgom-console-root .console-status::before {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: #00bc7d !important;
  transform: translateY(-50%) !important;
}

html body.console-shell-page #pixgom-console-root .console-status-warn::before {
  background: #ffd400 !important;
}

html body.console-shell-page #pixgom-console-root .console-status-bad::before {
  background: #ef4444 !important;
}

@media (max-width: 860px) {
  html body.console-shell-page #pixgom-console-root .console-search-form {
    grid-template-columns: 1fr !important;
  }

  html body.console-shell-page #pixgom-console-root .buyer-ops-hero::after,
  html body.console-shell-page #pixgom-console-root .console-dashboard-intro::after {
    right: 20px !important;
    top: 20px !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
  }

  html body.console-shell-page #pixgom-console-root .console-summary-card,
  html body.console-shell-page #pixgom-console-root .buyer-ops-metric {
    min-height: 112px !important;
  }

  html body.console-shell-page #pixgom-console-root .console-summary-card strong,
  html body.console-shell-page #pixgom-console-root .buyer-ops-metric strong {
    font-size: 26px !important;
  }
}

/* v172 mobile auth/apply density parity - keep home card system, reduce form slack */
@media (max-width: 860px) {
  html body.auth-page.pixgom-unified .auth-card,
  html body.auth-page.pixgom-unified .inner-form-card,
  html body.auth-page.pixgom-unified .form-card,
  html body.auth-page.pixgom-unified .apply-card,
  html body.auth-page.pixgom-unified .inner-card {
    box-sizing: border-box !important;
    width: calc(100% - 40px) !important;
    max-width: 350px !important;
    margin: 16px auto 28px !important;
    padding: 26px 20px !important;
    border-radius: 26px !important;
    border: 1px solid rgba(11, 16, 32, .08) !important;
    background: #ffffff !important;
    box-shadow: 0 22px 58px rgba(11, 16, 32, .07) !important;
  }

  html body.auth-page.pixgom-unified .auth-card h1,
  html body.auth-page.pixgom-unified .inner-form-card h1,
  html body.auth-page.pixgom-unified .form-card h1,
  html body.auth-page.pixgom-unified .apply-card h1,
  html body.auth-page.pixgom-unified .inner-card h1 {
    margin: 8px 0 14px !important;
    color: #0b1020 !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.065em !important;
  }

  html body.auth-page.pixgom-unified .auth-card p,
  html body.auth-page.pixgom-unified .inner-form-card p,
  html body.auth-page.pixgom-unified .form-card p,
  html body.auth-page.pixgom-unified .apply-card p,
  html body.auth-page.pixgom-unified .inner-card p {
    margin: 0 0 18px !important;
    color: #62748e !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.62 !important;
    letter-spacing: -0.035em !important;
  }

  html body.auth-page.pixgom-unified .auth-card form,
  html body.auth-page.pixgom-unified .inner-form-card form,
  html body.auth-page.pixgom-unified .form-card form,
  html body.auth-page.pixgom-unified .apply-card form,
  html body.auth-page.pixgom-unified .inner-card form {
    display: grid !important;
    gap: 10px !important;
  }

  html body.auth-page.pixgom-unified .auth-card label,
  html body.auth-page.pixgom-unified .inner-form-card label,
  html body.auth-page.pixgom-unified .form-card label,
  html body.auth-page.pixgom-unified .apply-card label,
  html body.auth-page.pixgom-unified .inner-card label {
    box-sizing: border-box !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 13px 14px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(98, 116, 142, .16) !important;
    background: #f8fafc !important;
  }

  html body.auth-page.pixgom-unified .auth-card label > span,
  html body.auth-page.pixgom-unified .inner-form-card label > span,
  html body.auth-page.pixgom-unified .form-card label > span,
  html body.auth-page.pixgom-unified .apply-card label > span,
  html body.auth-page.pixgom-unified .inner-card label > span {
    display: block !important;
    margin: 0 0 8px !important;
    color: #42526b !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.035em !important;
  }

  html body.auth-page.pixgom-unified .auth-card input,
  html body.auth-page.pixgom-unified .auth-card textarea,
  html body.auth-page.pixgom-unified .auth-card select,
  html body.auth-page.pixgom-unified .inner-form-card input,
  html body.auth-page.pixgom-unified .inner-form-card textarea,
  html body.auth-page.pixgom-unified .inner-form-card select,
  html body.auth-page.pixgom-unified .form-card input,
  html body.auth-page.pixgom-unified .form-card textarea,
  html body.auth-page.pixgom-unified .form-card select,
  html body.auth-page.pixgom-unified .apply-card input,
  html body.auth-page.pixgom-unified .apply-card textarea,
  html body.auth-page.pixgom-unified .apply-card select,
  html body.auth-page.pixgom-unified .inner-card input,
  html body.auth-page.pixgom-unified .inner-card textarea,
  html body.auth-page.pixgom-unified .inner-card select {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(11, 16, 32, .10) !important;
    background: #ffffff !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    letter-spacing: -0.035em !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
  }

  html body.auth-page.pixgom-unified .auth-card textarea,
  html body.auth-page.pixgom-unified .inner-form-card textarea,
  html body.auth-page.pixgom-unified .form-card textarea,
  html body.auth-page.pixgom-unified .apply-card textarea,
  html body.auth-page.pixgom-unified .inner-card textarea {
    height: auto !important;
    min-height: 88px !important;
    padding: 14px 16px !important;
  }

  html body.auth-page.pixgom-unified .auth-card button,
  html body.auth-page.pixgom-unified .auth-card .button,
  html body.auth-page.pixgom-unified .auth-card a,
  html body.auth-page.pixgom-unified .inner-form-card button,
  html body.auth-page.pixgom-unified .inner-form-card .button,
  html body.auth-page.pixgom-unified .inner-form-card a,
  html body.auth-page.pixgom-unified .form-card button,
  html body.auth-page.pixgom-unified .form-card .button,
  html body.auth-page.pixgom-unified .form-card a,
  html body.auth-page.pixgom-unified .apply-card button,
  html body.auth-page.pixgom-unified .apply-card .button,
  html body.auth-page.pixgom-unified .apply-card a,
  html body.auth-page.pixgom-unified .inner-card button,
  html body.auth-page.pixgom-unified .inner-card .button,
  html body.auth-page.pixgom-unified .inner-card a {
    min-height: 48px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: -0.035em !important;
  }

  html body.auth-page.pixgom-unified .auth-card button[type="submit"],
  html body.auth-page.pixgom-unified .inner-form-card button[type="submit"],
  html body.auth-page.pixgom-unified .form-card button[type="submit"],
  html body.auth-page.pixgom-unified .apply-card button[type="submit"],
  html body.auth-page.pixgom-unified .inner-card button[type="submit"] {
    min-height: 54px !important;
    margin-top: 4px !important;
    background: #0b1020 !important;
    border-color: #0b1020 !important;
    color: #ffffff !important;
    box-shadow: 0 16px 32px rgba(11, 16, 32, .14) !important;
  }

  html body.auth-page.pixgom-unified .terms-box,
  html body.auth-page.pixgom-unified .signup-terms,
  html body.auth-page.pixgom-unified .auth-terms,
  html body.auth-page.pixgom-unified .agreement-card,
  html body.auth-page.pixgom-unified .account-apply-flow-card {
    border-radius: 18px !important;
    border: 1px solid rgba(98, 116, 142, .16) !important;
    background: #f8fafc !important;
    box-shadow: none !important;
  }
}

/* v68 definitive mobile CI lockup: final rule wins over every legacy/header variant. */
@media (max-width: 860px) {
  html body header.header.header a.brand.brand,
  html body header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand {
    position: relative !important;
    width: 98px !important;
    min-width: 98px !important;
    max-width: 98px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }

  html body header.header.header a.brand.brand span.brand-name.brand-name,
  html body header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-name.brand-name {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;
    display: block !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.3px !important;
    color: #0b1020 !important;
    transform: none !important;
  }

  html body header.header.header a.brand.brand span.brand-version.brand-version,
  html body header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-version.brand-version {
    position: absolute !important;
    left: 0 !important;
    top: 17px !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    display: block !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 10px !important;
    letter-spacing: -0.4px !important;
    color: #62748e !important;
    transform: none !important;
  }
}

/* v67 mobile CI final baseline: use clear two-line brand text across home and inner pages. */
@media (max-width: 860px) {
  html body header.header a.brand,
  html body header.inner-site-header a.inner-site-brand {
    position: relative !important;
  }

  html body header.header a.brand .brand-name {
    position: absolute !important;
    left: 40px !important;
    top: 0 !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;
    display: block !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.3px !important;
    transform: none !important;
  }

  html body header.header a.brand .brand-version {
    position: absolute !important;
    left: 40px !important;
    top: 17px !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    display: block !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 10px !important;
    letter-spacing: -0.4px !important;
    transform: none !important;
  }

  html body header.inner-site-header a.inner-site-brand span.brand-name.brand-name {
    top: 0 !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;
  }

  html body header.inner-site-header a.inner-site-brand span.brand-version.brand-version {
    top: 17px !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
  }
}

@media (min-width: 861px) {
  html body header.pg-header,
  html body header.inner-site-header {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    padding: 0 32px !important;
    margin: 0 !important;
    background: rgba(250, 248, 243, .96) !important;
    border-bottom: 1px solid var(--pg-home-line) !important;
    box-shadow: none !important;
  }

  html body header.pg-header > .pg-header-inner,
  html body header.inner-site-header > .pg-header-inner,
  html body header.inner-site-header > .inner-site-header-inner {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1120px !important;
    height: 72px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 220px minmax(420px, 1fr) 220px !important;
    align-items: center !important;
    column-gap: 24px !important;
  }

  html body header.pg-header .pg-brand,
  html body header.inner-site-header .inner-site-brand,
  html body header.inner-site-header .pg-brand {
    grid-column: 1 !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body header.pg-header .pg-brand > span,
  html body header.inner-site-header .inner-site-brand > span,
  html body header.inner-site-header .pg-brand > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    height: 15px !important;
  }

  html body header.pg-header .pg-brand img,
  html body header.inner-site-header .inner-site-brand img,
  html body header.inner-site-header .pg-brand img {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    border-radius: 8.5px !important;
  }

  html body header.pg-header .pg-brand strong,
  html body header.inner-site-header .inner-site-brand strong,
  html body header.inner-site-header .pg-brand strong {
    color: var(--pg-home-ink) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.3px !important;
  }

  html body header.pg-header .pg-brand small,
  html body header.inner-site-header .inner-site-brand small,
  html body header.inner-site-header .pg-brand small {
    display: inline-grid !important;
    place-items: center !important;
    margin: 0 !important;
    color: var(--pg-home-muted) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 10px !important;
    letter-spacing: -0.4px !important;
  }

  html body header.pg-header .pg-nav,
  html body header.inner-site-header .inner-site-nav {
    grid-column: 2 !important;
    justify-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body header.pg-header .pg-nav a,
  html body header.inner-site-header .inner-site-nav a {
    color: var(--pg-home-ink) !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    letter-spacing: -0.3px !important;
    text-decoration: none !important;
  }

  html body header.pg-header .pg-header-actions,
  html body header.inner-site-header .inner-site-action {
    grid-column: 3 !important;
    justify-self: end !important;
  }

  html body header.pg-header .pg-menu,
  html body header.inner-site-header::after,
  html body header.pg-header::after {
    display: none !important;
    content: none !important;
  }
}

/* Public sales hero: home mobile rhythm */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-static-page .pg-main,
  html body.pixgom-unified.pixgom-sales-page .pg-main {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    padding: 16px 20px 48px !important;
    margin: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page .pg-hero.pg-sales-hero,
  html body.pixgom-unified.pixgom-sales-page .pg-hero.pg-sales-hero {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 600px !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page .pg-product-visual.home-product-visual,
  html body.pixgom-unified.pixgom-sales-page .pg-product-visual.home-product-visual {
    order: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 240px !important;
    min-height: 240px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page .pg-product-visual.home-product-visual .visual-stage,
  html body.pixgom-unified.pixgom-sales-page .pg-product-visual.home-product-visual .visual-stage {
    width: 100% !important;
    max-width: none !important;
    height: 240px !important;
    min-height: 240px !important;
    margin: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page .pg-product-visual.home-product-visual .product-box,
  html body.pixgom-unified.pixgom-sales-page .pg-product-visual.home-product-visual .product-box {
    width: 324px !important;
    min-width: 324px !important;
    max-width: 324px !important;
    height: 221px !important;
    min-height: 221px !important;
    margin: 0 auto !important;
    position: relative !important;
    top: 9px !important;
  }

  html body.pixgom-unified.pixgom-static-page .pg-hero.pg-sales-hero .pg-copy,
  html body.pixgom-unified.pixgom-sales-page .pg-hero.pg-sales-hero .pg-copy {
    order: 1 !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 340px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page .pg-hero.pg-sales-hero .pg-copy .pg-eyebrow,
  html body.pixgom-unified.pixgom-sales-page .pg-hero.pg-sales-hero .pg-copy .pg-eyebrow,
  html body.pixgom-unified.pixgom-install-page .install-copy .pg-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 29px !important;
    height: 29px !important;
    margin: 0 !important;
    padding: 7px 13px !important;
    border-radius: var(--pg-home-radius-pill) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: normal !important;
    letter-spacing: -0.2px !important;
  }

  html body.pixgom-unified.pixgom-static-page .pg-hero.pg-sales-hero .pg-copy h1,
  html body.pixgom-unified.pixgom-sales-page .pg-hero.pg-sales-hero .pg-copy h1,
  html body.pixgom-unified.pixgom-install-page .install-copy h1 {
    margin: 12px 0 0 !important;
    color: var(--pg-home-ink) !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.055em !important;
  }

  html body.pixgom-unified.pixgom-static-page .pg-hero.pg-sales-hero .pg-copy p:not(.pg-eyebrow),
  html body.pixgom-unified.pixgom-sales-page .pg-hero.pg-sales-hero .pg-copy p:not(.pg-eyebrow),
  html body.pixgom-unified.pixgom-install-page .install-copy p:not(.pg-eyebrow) {
    max-width: 440px !important;
    margin: 12px 0 0 !important;
    color: var(--pg-home-text) !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    letter-spacing: -0.2px !important;
  }

  html body.pixgom-unified.pixgom-static-page .pg-hero.pg-sales-hero .pg-actions,
  html body.pixgom-unified.pixgom-sales-page .pg-hero.pg-sales-hero .pg-actions,
  html body.pixgom-unified.pixgom-install-page .install-actions {
    display: grid !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 114px !important;
    height: 114px !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    gap: 10px !important;
  }

  html body.pixgom-unified.pixgom-static-page .pg-hero .pg-cta,
  html body.pixgom-unified.pixgom-static-page .pg-hero .pg-secondary,
  html body.pixgom-unified.pixgom-sales-page .pg-hero .pg-cta,
  html body.pixgom-unified.pixgom-sales-page .pg-hero .pg-secondary,
  html body.pixgom-unified.pixgom-install-page .install-actions .pg-cta,
  html body.pixgom-unified.pixgom-install-page .install-actions .pg-secondary {
    min-height: 52px !important;
    height: 52px !important;
    border-radius: var(--pg-home-radius-pill) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: normal !important;
    letter-spacing: -0.2px !important;
  }

  html body.pixgom-unified.pixgom-static-page .pg-proof,
  html body.pixgom-unified.pixgom-sales-page .pg-proof,
  html body.pixgom-unified.pixgom-install-page .pg-proof {
    display: flex !important;
    min-height: 13px !important;
    height: 13px !important;
    margin: 16px 0 0 !important;
    color: #8292aa !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }
}

/* Install page: keep same assets and button system */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-install-page .install-product-visual,
  html body.pixgom-unified.pixgom-install-page .install-product-visual > .visual-stage {
    width: 100% !important;
    max-width: none !important;
    height: 240px !important;
    min-height: 240px !important;
    margin: 0 !important;
  }

  html body.pixgom-unified.pixgom-install-page .install-product-visual .product-box {
    width: 324px !important;
    min-width: 324px !important;
    max-width: 324px !important;
    height: 221px !important;
    min-height: 221px !important;
    transform: none !important;
    position: relative !important;
    top: -1px !important;
    margin: 0 auto !important;
  }

  html body.pixgom-unified.pixgom-install-page .install-copy {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 20px 0 0 !important;
    padding: 0 !important;
  }
}

/* Auth and console cards */
@media (max-width: 860px) {
  html body.auth-page .auth-shell.inner-reference-shell,
  html body.console-shell-page .console-app-shell {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-height: calc(100svh - 68px) !important;
    margin: 0 !important;
    padding: 16px 20px 38px !important;
    background: var(--pg-home-bg) !important;
  }

  html body.auth-page .auth-card,
  html body.console-shell-page .inner-console-hero,
  html body.console-shell-page .console-login-panel,
  html body.console-shell-page .buyer-console-card,
  html body.console-shell-page .admin-console-card {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 16px !important;
    padding: 24px 20px !important;
    border: 1px solid rgba(98, 116, 142, .18) !important;
    border-radius: var(--pg-home-radius-card) !important;
    background: var(--pg-home-card) !important;
    box-shadow: var(--pg-home-shadow) !important;
  }

  html body.auth-page .auth-card form > label,
  html body.auth-page input,
  html body.auth-page textarea,
  html body.auth-page select {
    border-radius: 18px !important;
    background: #f8fafc !important;
  }

  html body.auth-page .button,
  html body.auth-page button,
  html body.console-shell-page .inner-primary,
  html body.console-shell-page .inner-secondary,
  html body.console-shell-page .console-secondary-link,
  html body.console-shell-page button,
  html body.console-shell-page .button {
    min-height: 52px !important;
    height: 52px !important;
    border-radius: var(--pg-home-radius-pill) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: normal !important;
  }

  html body.auth-page .button-primary,
  html body.auth-page .inner-primary,
  html body.console-shell-page .inner-primary,
  html body.console-shell-page .button-primary {
    background: var(--pg-home-ink) !important;
    color: #fff !important;
  }

  html body.auth-page .button-secondary,
  html body.auth-page .inner-secondary,
  html body.console-shell-page .inner-secondary,
  html body.console-shell-page .button-secondary {
    background: #fff !important;
    color: var(--pg-home-ink) !important;
    border: 1px solid rgba(11, 16, 32, .16) !important;
  }

  html body.auth-page.pixgom-inner-login.pixgom-detail-login .auth-shell.inner-reference-shell > .auth-card {
    transform: translateY(-94px) !important;
    margin-bottom: -94px !important;
  }

  html body.console-shell-page .inner-console-brand,
  html body.console-shell-page .inner-console-shortcuts {
    display: none !important;
  }
}

/* Shared cards / shortcuts */
html body.pixgom-unified .pg-card,
html body.pixgom-unified .pg-panel,
html body.pixgom-unified .pg-shortcut-card,
html body.pixgom-unified .pg-final-cta,
html body.pixgom-unified .pg-faq-list details {
  border: 1px solid rgba(98, 116, 142, .18) !important;
  border-radius: var(--pg-home-radius-card) !important;
  background: var(--pg-home-card) !important;
  box-shadow: 0 18px 50px rgba(11, 16, 32, .045) !important;
}

html body.pixgom-unified .pg-shortcut-icon {
  background: var(--pg-home-ink) !important;
  color: var(--pg-home-yellow) !important;
  border-radius: 14px !important;
}

/* v2 header/CI hard lock: match production home header across every page */
@media (max-width: 860px) {
  html body header.header,
  html body header.pg-header,
  html body header.inner-site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 0 18px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) 44px !important;
    align-items: center !important;
    gap: 12px !important;
    overflow: hidden !important;
    background: #faf8f3 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body header.header > .header-inner,
  html body header.pg-header > .pg-header-inner,
  html body header.inner-site-header > .pg-header-inner,
  html body header.inner-site-header > .inner-site-header-inner {
    display: contents !important;
  }

  html body header.header .brand,
  html body header.pg-header .pg-brand,
  html body header.inner-site-header .brand,
  html body header.inner-site-header .inner-site-brand,
  html body header.inner-site-header .pg-brand {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 148px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  html body header.header .brand-mark,
  html body header.header .brand img,
  html body header.pg-header .pg-brand img,
  html body header.inner-site-header .brand img,
  html body header.inner-site-header .inner-site-brand img,
  html body header.inner-site-header .pg-brand img {
    display: block !important;
    width: 29px !important;
    min-width: 29px !important;
    max-width: 29px !important;
    height: 29px !important;
    min-height: 29px !important;
    max-height: 29px !important;
    flex: 0 0 29px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    object-fit: contain !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  html body header.header .brand > span,
  html body header.pg-header .pg-brand > span,
  html body header.inner-site-header .brand > span,
  html body header.inner-site-header .inner-site-brand > span,
  html body header.inner-site-header .pg-brand > span {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 3px !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body header.header .brand-name,
  html body header.header .brand strong,
  html body header.pg-header .pg-brand strong,
  html body header.inner-site-header .brand strong,
  html body header.inner-site-header .inner-site-brand strong,
  html body header.inner-site-header .pg-brand strong {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.35px !important;
    white-space: nowrap !important;
  }

  html body header.header .brand-version,
  html body header.header .brand small,
  html body header.pg-header .pg-brand small,
  html body header.inner-site-header .brand small,
  html body header.inner-site-header .inner-site-brand small,
  html body header.inner-site-header .pg-brand small {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #62748e !important;
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 10px !important;
    letter-spacing: -0.25px !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body header.header .nav,
  html body header.header .actions,
  html body header.header .header-actions,
  html body header.pg-header .pg-nav,
  html body header.pg-header .pg-header-actions,
  html body header.pg-header .pg-login,
  html body header.pg-header .pg-signup,
  html body header.inner-site-header .inner-site-nav,
  html body header.inner-site-header .inner-site-action,
  html body header.inner-site-header .pg-nav,
  html body header.inner-site-header .pg-login,
  html body header.inner-site-header .pg-signup,
  html body header.inner-site-header .pg-header-actions {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  html body header.header .menu-open,
  html body header.pg-header .pg-menu,
  html body header.inner-site-header .pg-menu,
  html body header.inner-site-header .menu-open {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    display: block !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background:
      linear-gradient(#0b1020, #0b1020) center 14px / 21px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 22px / 21px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 30px / 21px 2.4px no-repeat !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    box-shadow: none !important;
  }

  html body header.inner-site-header::after {
    content: "" !important;
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    display: block !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    border-radius: 10px !important;
    background:
      linear-gradient(#0b1020, #0b1020) center 14px / 21px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 22px / 21px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 30px / 21px 2.4px no-repeat !important;
    pointer-events: none !important;
  }

  html body header.header::after,
  html body header.pg-header::after {
    content: none !important;
    display: none !important;
  }
}

@media (min-width: 861px) {
  html body header.pg-header,
  html body header.inner-site-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: center !important;
    height: 72px !important;
    min-height: 72px !important;
    padding: 0 32px !important;
    background: #faf8f3 !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    box-shadow: none !important;
  }

  html body header.pg-header > .pg-header-inner,
  html body header.inner-site-header > .pg-header-inner,
  html body header.inner-site-header > .inner-site-header-inner {
    width: 100% !important;
    max-width: 1120px !important;
    height: 72px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 220px minmax(420px, 1fr) 220px !important;
    align-items: center !important;
    gap: 24px !important;
  }

  html body header.pg-header .pg-brand,
  html body header.inner-site-header .brand,
  html body header.inner-site-header .inner-site-brand,
  html body header.inner-site-header .pg-brand {
    grid-column: 1 !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body header.pg-header .pg-brand > span,
  html body header.inner-site-header .brand > span,
  html body header.inner-site-header .inner-site-brand > span,
  html body header.inner-site-header .pg-brand > span {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 3px !important;
  }

  html body header.pg-header .pg-brand img,
  html body header.inner-site-header .brand img,
  html body header.inner-site-header .inner-site-brand img,
  html body header.inner-site-header .pg-brand img {
    width: 29px !important;
    min-width: 29px !important;
    height: 29px !important;
    border-radius: 8px !important;
    object-fit: contain !important;
  }

  html body header.pg-header .pg-brand strong,
  html body header.inner-site-header .brand strong,
  html body header.inner-site-header .inner-site-brand strong,
  html body header.inner-site-header .pg-brand strong {
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.35px !important;
  }

  html body header.pg-header .pg-brand small,
  html body header.inner-site-header .brand small,
  html body header.inner-site-header .inner-site-brand small,
  html body header.inner-site-header .pg-brand small {
    display: block !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 10px !important;
    letter-spacing: -0.25px !important;
    transform: none !important;
  }

  html body header.pg-header .pg-nav,
  html body header.inner-site-header .inner-site-nav {
    grid-column: 2 !important;
    justify-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body header.pg-header .pg-nav a,
  html body header.inner-site-header .inner-site-nav a {
    color: #0b1020 !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    letter-spacing: -0.3px !important;
  }

  html body header.pg-header .pg-header-actions,
  html body header.inner-site-header .inner-site-action {
    grid-column: 3 !important;
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    width: auto !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body header.pg-header .pg-login,
  html body header.pg-header .pg-signup,
  html body header.pg-header .pg-cta-small,
  html body header.inner-site-header .inner-site-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 88px !important;
    height: 44px !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.3px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  html body header.pg-header .pg-login,
  html body header.inner-site-header .inner-site-action[href*="login"] {
    color: #fff !important;
    background: #0b1020 !important;
    border: 1px solid #0b1020 !important;
    box-shadow: 0 12px 24px rgba(11, 16, 32, .12) !important;
  }

  html body header.pg-header .pg-signup,
  html body header.pg-header .pg-cta-small,
  html body header.inner-site-header .inner-site-action[href*="signup"] {
    color: #0b1020 !important;
    background: #fff !important;
    border: 1px solid rgba(11, 16, 32, .14) !important;
    box-shadow: none !important;
  }
}

/* v3 CI lock: override legacy display:contents rules on auth/inner headers */
@media (max-width: 860px) {
  html body.auth-page header.inner-site-header a.brand.inner-site-brand > span,
  html body.auth-page.marketing-auth.app-connected-site header.inner-site-header a.brand.inner-site-brand > span,
  html body.pixgom-inner header.inner-site-header a.brand.inner-site-brand > span,
  html body header.inner-site-header a.brand.inner-site-brand > span,
  html body header.pg-header a.pg-brand > span,
  html body header.header a.brand > span {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 3px !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body.auth-page header.inner-site-header a.brand.inner-site-brand > img,
  html body.auth-page.marketing-auth.app-connected-site header.inner-site-header a.brand.inner-site-brand > img,
  html body.pixgom-inner header.inner-site-header a.brand.inner-site-brand > img,
  html body header.inner-site-header a.brand.inner-site-brand > img,
  html body header.pg-header a.pg-brand > img,
  html body header.header a.brand > img,
  html body header.header img.brand-mark {
    width: 29px !important;
    min-width: 29px !important;
    max-width: 29px !important;
    height: 29px !important;
    min-height: 29px !important;
    max-height: 29px !important;
    flex: 0 0 29px !important;
    object-fit: contain !important;
  }

  html body.auth-page header.inner-site-header a.brand.inner-site-brand > span > strong,
  html body.auth-page.marketing-auth.app-connected-site header.inner-site-header a.brand.inner-site-brand > span > strong,
  html body.pixgom-inner header.inner-site-header a.brand.inner-site-brand > span > strong,
  html body header.inner-site-header a.brand.inner-site-brand > span > strong,
  html body header.pg-header a.pg-brand > span > strong,
  html body header.header a.brand .brand-name {
    display: block !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.35px !important;
    white-space: nowrap !important;
  }

  html body.auth-page header.inner-site-header a.brand.inner-site-brand > span > small,
  html body.auth-page.marketing-auth.app-connected-site header.inner-site-header a.brand.inner-site-brand > span > small,
  html body.pixgom-inner header.inner-site-header a.brand.inner-site-brand > span > small,
  html body header.inner-site-header a.brand.inner-site-brand > span > small,
  html body header.pg-header a.pg-brand > span > small,
  html body header.header a.brand .brand-version {
    display: block !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 10px !important;
    letter-spacing: -0.25px !important;
    white-space: nowrap !important;
    transform: none !important;
  }
}

@media (min-width: 861px) {
  html body header.pg-header a.pg-brand > span,
  html body header.inner-site-header a.brand.inner-site-brand > span,
  html body header.inner-site-header a.pg-brand > span {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 3px !important;
    height: auto !important;
  }
}

/* v4 true home CI and mobile hero alignment */
@media (max-width: 860px) {
  html body header.header .brand,
  html body header.pg-header .pg-brand,
  html body header.inner-site-header .brand,
  html body header.inner-site-header .inner-site-brand,
  html body header.inner-site-header .pg-brand {
    gap: 9px !important;
    max-width: 150px !important;
  }

  html body header.pg-header a.pg-brand > span,
  html body header.inner-site-header a.brand.inner-site-brand > span,
  html body header.inner-site-header a.pg-brand > span {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: auto !important;
    height: 15px !important;
    min-height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body header.pg-header a.pg-brand > span > strong,
  html body header.inner-site-header a.brand.inner-site-brand > span > strong,
  html body header.inner-site-header a.pg-brand > span > strong,
  html body header.header a.brand .brand-name {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.35px !important;
    white-space: nowrap !important;
  }

  html body header.pg-header a.pg-brand > span > small,
  html body header.inner-site-header a.brand.inner-site-brand > span > small,
  html body header.inner-site-header a.pg-brand > span > small,
  html body header.header a.brand .brand-version {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 10px !important;
    letter-spacing: -0.25px !important;
    white-space: nowrap !important;
    transform: translateY(0.5px) !important;
  }

  html body.pixgom-unified.pixgom-static-page .pg-main,
  html body.pixgom-unified.pixgom-sales-page .pg-main {
    padding-top: 6px !important;
  }

  html body.pixgom-unified.pixgom-static-page .pg-hero.pg-sales-hero,
  html body.pixgom-unified.pixgom-sales-page .pg-hero.pg-sales-hero {
    min-height: 614px !important;
  }
}

@media (min-width: 861px) {
  html body header.pg-header a.pg-brand > span,
  html body header.inner-site-header a.brand.inner-site-brand > span,
  html body header.inner-site-header a.pg-brand > span {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    height: 15px !important;
  }
}

/* v5 auth/header parity and card position reset */
@media (max-width: 860px) {
  html body.auth-page header.inner-site-header a.brand.inner-site-brand,
  html body.auth-page.marketing-auth.app-connected-site header.inner-site-header a.brand.inner-site-brand,
  html body.auth-page.pixgom-inner header.inner-site-header a.brand.inner-site-brand,
  html body.pixgom-inner header.inner-site-header a.brand.inner-site-brand {
    gap: 9px !important;
    max-width: 150px !important;
  }

  html body.auth-page header.inner-site-header a.brand.inner-site-brand > span,
  html body.auth-page.marketing-auth.app-connected-site header.inner-site-header a.brand.inner-site-brand > span,
  html body.auth-page.pixgom-inner header.inner-site-header a.brand.inner-site-brand > span,
  html body.pixgom-inner header.inner-site-header a.brand.inner-site-brand > span {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 15px !important;
    min-height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body.auth-page header.inner-site-header a.brand.inner-site-brand > span > strong,
  html body.auth-page.marketing-auth.app-connected-site header.inner-site-header a.brand.inner-site-brand > span > strong,
  html body.auth-page.pixgom-inner header.inner-site-header a.brand.inner-site-brand > span > strong,
  html body.pixgom-inner header.inner-site-header a.brand.inner-site-brand > span > strong {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.35px !important;
    white-space: nowrap !important;
  }

  html body.auth-page header.inner-site-header a.brand.inner-site-brand > span > small,
  html body.auth-page.marketing-auth.app-connected-site header.inner-site-header a.brand.inner-site-brand > span > small,
  html body.auth-page.pixgom-inner header.inner-site-header a.brand.inner-site-brand > span > small,
  html body.pixgom-inner header.inner-site-header a.brand.inner-site-brand > span > small {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 10px !important;
    letter-spacing: -0.25px !important;
    white-space: nowrap !important;
    transform: translateY(0.5px) !important;
  }

  html body.auth-page .auth-shell.inner-reference-shell {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: calc(100svh - 68px) !important;
    margin: 0 !important;
    padding: 16px 20px 38px !important;
    background: #faf8f3 !important;
  }

  html body.auth-page .auth-shell.inner-reference-shell > .inner-product-visual,
  html body.auth-page .auth-shell.inner-reference-shell > .inner-copy {
    display: none !important;
  }

  html body.auth-page .auth-shell.inner-reference-shell > .auth-card,
  html body.auth-page.pixgom-inner-login.pixgom-detail-login .auth-shell.inner-reference-shell > .auth-card,
  html body.auth-page.pixgom-detail-apply .auth-shell.inner-reference-shell > .auth-card,
  html body.auth-page.pixgom-detail-signup .auth-shell.inner-reference-shell > .auth-card {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 16px !important;
    padding: 24px 20px !important;
    border-radius: 26px !important;
    border: 1px solid rgba(98, 116, 142, .18) !important;
    background: #fff !important;
    box-shadow: 0 22px 64px rgba(11, 16, 32, .08) !important;
  }
}

/* v6 apply page hard reset: remove legacy -124px card lift */
@media (max-width: 860px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: calc(100svh - 68px) !important;
    margin: 0 !important;
    padding: 16px 20px 38px !important;
    background: #faf8f3 !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-product-visual,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-copy,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-shortcuts {
    display: none !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .auth-card,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified section.auth-card {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 16px !important;
    padding: 24px 20px !important;
    border-radius: 26px !important;
    border: 1px solid rgba(98, 116, 142, .18) !important;
    background: #fff !important;
    box-shadow: 0 22px 64px rgba(11, 16, 32, .08) !important;
  }
}

/* v7 install page hero/product parity with home */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 6px 20px 48px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page section.install-hero {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 614px !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page .install-product-visual,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page .install-product-visual > .visual-stage {
    order: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: none !important;
    height: 240px !important;
    min-height: 240px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page .install-product-visual .product-box {
    position: relative !important;
    top: 9px !important;
    left: auto !important;
    right: auto !important;
    width: 315px !important;
    min-width: 315px !important;
    max-width: 315px !important;
    height: 221.4px !important;
    min-height: 221.4px !important;
    max-height: 221.4px !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page .install-copy {
    order: 1 !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 340px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page .install-copy .pg-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-height: 29px !important;
    height: 29px !important;
    margin: 0 !important;
    padding: 7px 13px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: normal !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page .install-copy h1 {
    margin: 12px 0 0 !important;
    color: #0b1020 !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 33.6px !important;
    letter-spacing: -0.055em !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page .install-copy p:not(.pg-eyebrow) {
    max-width: 350px !important;
    margin: 12px 0 0 !important;
    color: #314158 !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    line-height: 22.275px !important;
  }
}

/* v8 desktop public page parity with home 1200px rhythm */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main {
    box-sizing: border-box !important;
    width: min(1105px, calc(100% - 80px)) !important;
    max-width: 1105px !important;
    margin: 0 auto !important;
    padding: 32px 0 80px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) section.pg-hero.pg-sales-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 560px) minmax(360px, 1fr) !important;
    align-items: center !important;
    gap: 70px !important;
    width: 100% !important;
    min-height: 420px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) .pg-hero.pg-sales-hero .pg-copy {
    width: 100% !important;
    max-width: 560px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) .pg-hero.pg-sales-hero .pg-eyebrow {
    min-height: 29px !important;
    height: 29px !important;
    margin: 0 0 12px !important;
    padding: 7px 13px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: normal !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) .pg-hero.pg-sales-hero h1 {
    max-width: 560px !important;
    margin: 0 !important;
    color: #0b1020 !important;
    font-size: 48px !important;
    font-weight: 800 !important;
    line-height: 52.8px !important;
    letter-spacing: -0.055em !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) .pg-hero.pg-sales-hero .pg-underline {
    width: min(390px, 78%) !important;
    height: 10px !important;
    margin: -8px 0 20px !important;
    background: rgba(255, 212, 0, .72) !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) .pg-hero.pg-sales-hero p:not(.pg-eyebrow) {
    max-width: 560px !important;
    margin: 0 !important;
    color: #314158 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) .pg-hero.pg-sales-hero .pg-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 26px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) .pg-hero.pg-sales-hero .pg-cta,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) .pg-hero.pg-sales-hero .pg-secondary {
    min-height: 52px !important;
    height: 52px !important;
    padding: 0 24px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: normal !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) .pg-product-visual.home-product-visual,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) .pg-product-visual.home-product-visual .visual-stage {
    position: relative !important;
    width: 360px !important;
    height: 246px !important;
    min-height: 246px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) .pg-product-visual.home-product-visual .product-box {
    position: relative !important;
    top: 12px !important;
    left: 0 !important;
    width: 324px !important;
    min-width: 324px !important;
    max-width: 324px !important;
    height: 221.4px !important;
    min-height: 221.4px !important;
    max-height: 221.4px !important;
    margin: 0 auto !important;
    transform: none !important;
  }
}

/* v9 desktop product box true size */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main section.pg-hero.pg-sales-hero > div.pg-product-visual.home-product-visual .visual-stage > .product-box,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main section.pg-hero.pg-sales-hero > div.pg-product-visual.home-product-visual .product-box {
    position: relative !important;
    top: 12px !important;
    left: 2px !important;
    width: 324px !important;
    min-width: 324px !important;
    max-width: 324px !important;
    height: 221.4px !important;
    min-height: 221.4px !important;
    max-height: 221.4px !important;
    margin: 0 !important;
    transform: none !important;
    transform-origin: center center !important;
  }
}

/* v10 console inner UI home-system parity */
html body.console-shell-page,
html body.console-shell-page #pixgom-console-root {
  background: #faf8f3 !important;
  color: #0b1020 !important;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
  letter-spacing: -0.025em !important;
}

html body.console-shell-page .console-app-shell {
  box-sizing: border-box !important;
  width: min(1105px, calc(100% - 80px)) !important;
  max-width: 1105px !important;
  margin: 0 auto !important;
  padding: 32px 0 80px !important;
  background: #faf8f3 !important;
}

html body.console-shell-page .inner-console-brand,
html body.console-shell-page .inner-console-shortcuts {
  display: none !important;
}

html body.console-shell-page .inner-console-hero,
html body.console-shell-page .console-login-panel,
html body.console-shell-page .buyer-ops-dashboard,
html body.console-shell-page .buyer-ops-hero,
html body.console-shell-page .buyer-console-card,
html body.console-shell-page .admin-console-card,
html body.console-shell-page .console-dashboard-intro,
html body.console-shell-page .buyer-console-error-state,
html body.console-shell-page .console-search-panel,
html body.console-shell-page .console-action-queue,
html body.console-shell-page .console-game-overview,
html body.console-shell-page .console-infra-panel,
html body.console-shell-page .console-compact-section,
html body.console-shell-page .buyer-guide-react-panel,
html body.console-shell-page .buyer-command-manager-panel,
html body.console-shell-page .buyer-connect-code-panel,
html body.console-shell-page .console-detail-section,
html body.console-shell-page .console-card,
html body.console-shell-page .console-summary-card,
html body.console-shell-page .buyer-ops-metric,
html body.console-shell-page .buyer-room-card,
html body.console-shell-page .buyer-command-card,
html body.console-shell-page .buyer-command-form,
html body.console-shell-page .buyer-command-list,
html body.console-shell-page .buyer-command-catalog,
html body.console-shell-page .buyer-connect-code-card,
html body.console-shell-page .console-field-row,
html body.console-shell-page .console-preview-box,
html body.console-shell-page .console-empty,
html body.console-shell-page .console-toolbar,
html body.console-shell-page .console-log-card,
html body.console-shell-page .console-workflow-card {
  box-sizing: border-box !important;
  border: 1px solid rgba(98, 116, 142, .18) !important;
  border-radius: 26px !important;
  background: #fff !important;
  color: #0b1020 !important;
  box-shadow: 0 18px 50px rgba(11, 16, 32, .045) !important;
}

html body.console-shell-page .inner-console-hero,
html body.console-shell-page .console-login-panel,
html body.console-shell-page .buyer-ops-dashboard,
html body.console-shell-page .admin-console-card,
html body.console-shell-page .buyer-console-card {
  padding: 28px !important;
  margin: 0 0 18px !important;
}

html body.console-shell-page .buyer-ops-hero,
html body.console-shell-page .console-dashboard-intro,
html body.console-shell-page .buyer-console-error-state,
html body.console-shell-page .console-search-panel,
html body.console-shell-page .console-action-queue,
html body.console-shell-page .console-game-overview,
html body.console-shell-page .console-infra-panel,
html body.console-shell-page .console-compact-section,
html body.console-shell-page .buyer-guide-react-panel,
html body.console-shell-page .buyer-command-manager-panel,
html body.console-shell-page .buyer-connect-code-panel,
html body.console-shell-page .console-detail-section {
  padding: 24px !important;
  margin: 0 0 16px !important;
}

html body.console-shell-page .console-summary-grid,
html body.console-shell-page .buyer-ops-metrics,
html body.console-shell-page .console-field-grid,
html body.console-shell-page .buyer-command-manager-grid,
html body.console-shell-page .buyer-connect-code-list,
html body.console-shell-page .console-card-list,
html body.console-shell-page .buyer-guide-grid {
  display: grid !important;
  gap: 14px !important;
}

html body.console-shell-page .console-summary-grid,
html body.console-shell-page .buyer-ops-metrics,
html body.console-shell-page .console-field-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

html body.console-shell-page .console-summary-card,
html body.console-shell-page .buyer-ops-metric,
html body.console-shell-page .console-field-row,
html body.console-shell-page .console-card,
html body.console-shell-page .buyer-room-card,
html body.console-shell-page .buyer-command-card,
html body.console-shell-page .buyer-connect-code-card,
html body.console-shell-page .console-preview-box,
html body.console-shell-page .console-empty {
  padding: 18px !important;
}

html body.console-shell-page h1,
html body.console-shell-page h2,
html body.console-shell-page h3,
html body.console-shell-page strong {
  color: #0b1020 !important;
  letter-spacing: -0.055em !important;
}

html body.console-shell-page .inner-console-hero h1,
html body.console-shell-page .buyer-ops-hero h2,
html body.console-shell-page .console-dashboard-intro h2,
html body.console-shell-page .console-search-form h2,
html body.console-shell-page .console-section-head h2,
html body.console-shell-page .console-infra-head h2,
html body.console-shell-page .buyer-command-manager-head h2 {
  margin: 0 !important;
  color: #0b1020 !important;
  font-size: 40px !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.055em !important;
}

html body.console-shell-page p,
html body.console-shell-page small,
html body.console-shell-page span,
html body.console-shell-page .console-field-row span {
  color: #62748e !important;
}

html body.console-shell-page .console-eyebrow,
html body.console-shell-page .inner-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: max-content !important;
  min-height: 29px !important;
  margin: 0 0 12px !important;
  padding: 7px 13px !important;
  border: 1px solid rgba(98, 116, 142, .18) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #314158 !important;
  box-shadow: 0 12px 26px rgba(11, 16, 32, .055) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: normal !important;
  letter-spacing: -0.2px !important;
}

html body.console-shell-page .console-eyebrow::before,
html body.console-shell-page .inner-kicker > span,
html body.console-shell-page .console-status-good::before {
  content: "" !important;
  display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #00bc7d !important;
  box-shadow: 0 0 0 6px rgba(0, 188, 125, .14) !important;
}

html body.console-shell-page button,
html body.console-shell-page .button,
html body.console-shell-page .inner-primary,
html body.console-shell-page .inner-secondary,
html body.console-shell-page .console-action-row a,
html body.console-shell-page .console-action-row button,
html body.console-shell-page .console-toolbar-actions a,
html body.console-shell-page .console-toolbar-actions button,
html body.console-shell-page .buyer-console-tabs button,
html body.console-shell-page .console-tabs button,
html body.console-shell-page .console-secondary-link,
html body.console-shell-page .buyer-ops-hero-actions a,
html body.console-shell-page .buyer-ops-hero-actions button {
  min-height: 44px !important;
  border-radius: 999px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(11, 16, 32, .14) !important;
  background: #fff !important;
  color: #0b1020 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -0.3px !important;
  text-decoration: none !important;
}

html body.console-shell-page button[type="submit"],
html body.console-shell-page .button-primary,
html body.console-shell-page .inner-primary,
html body.console-shell-page .buyer-console-tabs button.is-active,
html body.console-shell-page .console-tabs button.active,
html body.console-shell-page .buyer-ops-hero-actions button:first-child,
html body.console-shell-page .buyer-ops-hero-actions a:first-child {
  background: #0b1020 !important;
  color: #fff !important;
  border-color: #0b1020 !important;
  box-shadow: 0 12px 24px rgba(11, 16, 32, .12) !important;
}

html body.console-shell-page .console-status,
html body.console-shell-page .console-status-good,
html body.console-shell-page .console-status-ok,
html body.console-shell-page .console-status-ready,
html body.console-shell-page .console-status-warn,
html body.console-shell-page .console-status-bad,
html body.console-shell-page .console-status-neutral {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(98, 116, 142, .18) !important;
  background: #fff !important;
  color: #314158 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body.console-shell-page .console-status-good,
html body.console-shell-page .console-status-ok,
html body.console-shell-page .console-status-ready {
  color: #006b4f !important;
  border-color: rgba(0, 188, 125, .22) !important;
  background: rgba(0, 188, 125, .08) !important;
}

html body.console-shell-page .console-status-warn,
html body.console-shell-page .console-summary-warn,
html body.console-shell-page .buyer-ops-metric.is-warn {
  border-color: rgba(255, 212, 0, .4) !important;
  background: rgba(255, 212, 0, .10) !important;
}

html body.console-shell-page input,
html body.console-shell-page textarea,
html body.console-shell-page select {
  min-height: 48px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(98, 116, 142, .18) !important;
  background: #f8fafc !important;
  color: #0b1020 !important;
  font: inherit !important;
}

@media (max-width: 860px) {
  html body.console-shell-page .console-app-shell {
    width: 100% !important;
    max-width: none !important;
    min-height: calc(100svh - 68px) !important;
    margin: 0 !important;
    padding: 16px 20px 38px !important;
  }

  html body.console-shell-page .inner-console-hero,
  html body.console-shell-page .console-login-panel,
  html body.console-shell-page .buyer-ops-dashboard,
  html body.console-shell-page .buyer-ops-hero,
  html body.console-shell-page .admin-console-card,
  html body.console-shell-page .buyer-console-card,
  html body.console-shell-page .console-search-panel,
  html body.console-shell-page .console-action-queue,
  html body.console-shell-page .console-game-overview,
  html body.console-shell-page .console-infra-panel,
  html body.console-shell-page .console-compact-section,
  html body.console-shell-page .buyer-guide-react-panel,
  html body.console-shell-page .buyer-command-manager-panel,
  html body.console-shell-page .buyer-connect-code-panel,
  html body.console-shell-page .console-detail-section {
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 24px 20px !important;
    border-radius: 26px !important;
  }

  html body.console-shell-page .console-summary-grid,
  html body.console-shell-page .buyer-ops-metrics,
  html body.console-shell-page .console-field-grid,
  html body.console-shell-page .buyer-command-manager-grid,
  html body.console-shell-page .buyer-connect-code-list,
  html body.console-shell-page .console-card-list,
  html body.console-shell-page .buyer-guide-grid {
    grid-template-columns: 1fr !important;
  }

  html body.console-shell-page .inner-console-hero h1,
  html body.console-shell-page .buyer-ops-hero h2,
  html body.console-shell-page .console-dashboard-intro h2,
  html body.console-shell-page .console-search-form h2,
  html body.console-shell-page .console-section-head h2,
  html body.console-shell-page .console-infra-head h2,
  html body.console-shell-page .buyer-command-manager-head h2 {
    font-size: 28px !important;
    line-height: 33.6px !important;
  }
}

/* v11 mobile header and CI final lock: match home layout across every page */
@media (max-width: 860px) {
  html body header.header,
  html body header.pg-header,
  html body header.inner-site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 68px !important;
    min-height: 68px !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    background: #faf8f3 !important;
    box-shadow: none !important;
  }

  html body header.header > .header-inner,
  html body header.pg-header > .pg-header-inner,
  html body header.inner-site-header > .pg-header-inner,
  html body header.inner-site-header > .inner-site-header-inner {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: none !important;
    height: 68px !important;
    min-height: 68px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  html body header.header .brand,
  html body header.pg-header .pg-brand,
  html body header.inner-site-header a.brand,
  html body header.inner-site-header a.inner-site-brand,
  html body header.inner-site-header a.pg-brand {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 9px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #0b1020 !important;
    text-decoration: none !important;
    transform: none !important;
  }

  html body header.header .brand-mark,
  html body header.header .brand img,
  html body header.pg-header .pg-brand img,
  html body header.inner-site-header a.brand > img,
  html body header.inner-site-header a.inner-site-brand > img,
  html body header.inner-site-header a.pg-brand > img,
  html body header.header img.brand-mark {
    display: block !important;
    flex: 0 0 29px !important;
    width: 29px !important;
    min-width: 29px !important;
    max-width: 29px !important;
    height: 29px !important;
    min-height: 29px !important;
    max-height: 29px !important;
    margin: 0 !important;
    object-fit: contain !important;
    transform: none !important;
  }

  html body header.header .brand > span,
  html body header.pg-header .pg-brand > span,
  html body header.inner-site-header a.brand > span,
  html body header.inner-site-header a.inner-site-brand > span,
  html body header.inner-site-header a.pg-brand > span {
    display: grid !important;
    grid-template-columns: auto !important;
    grid-template-rows: 17px 12px !important;
    align-items: center !important;
    gap: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    height: 31px !important;
    min-height: 31px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body header.header .brand-name,
  html body header.header .brand strong,
  html body header.pg-header .pg-brand strong,
  html body header.inner-site-header a.brand strong,
  html body header.inner-site-header a.inner-site-brand strong,
  html body header.inner-site-header a.pg-brand strong {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 17px !important;
    letter-spacing: -0.04em !important;
    white-space: nowrap !important;
  }

  html body header.header .brand-version,
  html body header.header .brand small,
  html body header.pg-header .pg-brand small,
  html body header.inner-site-header a.brand small,
  html body header.inner-site-header a.inner-site-brand small,
  html body header.inner-site-header a.pg-brand small {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #58708f !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 12px !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
  }

  html body header.header .nav,
  html body header.header .header-actions,
  html body header.header .login,
  html body header.header .signup,
  html body header.header .nav-logout,
  html body header.pg-header .pg-nav,
  html body header.pg-header .pg-header-actions,
  html body header.pg-header .pg-login,
  html body header.pg-header .pg-signup,
  html body header.pg-header .pg-cta-small,
  html body header.inner-site-header .inner-site-nav,
  html body header.inner-site-header .inner-site-action,
  html body header.inner-site-header .pg-nav,
  html body header.inner-site-header .pg-header-actions,
  html body header.inner-site-header .pg-login,
  html body header.inner-site-header .pg-signup,
  html body header.inner-site-header .pg-cta-small {
    display: none !important;
  }

  html body header.header .menu-open,
  html body header.pg-header .pg-menu,
  html body header.inner-site-header .pg-menu,
  html body header.inner-site-header .menu-open {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #150f0a !important;
    transform: none !important;
  }

  html body header.header .menu-open svg,
  html body header.inner-site-header .menu-open svg {
    width: 26px !important;
    height: 26px !important;
    stroke-width: 2.8 !important;
  }

  html body header.pg-header::after,
  html body header.inner-site-header::after {
    content: "" !important;
    position: absolute !important;
    top: 22px !important;
    right: 18px !important;
    display: block !important;
    width: 24px !important;
    height: 18px !important;
    border-top: 3px solid #150f0a !important;
    border-bottom: 3px solid #150f0a !important;
    border-radius: 2px !important;
    background: linear-gradient(#150f0a, #150f0a) center / 24px 3px no-repeat !important;
    box-shadow: none !important;
    pointer-events: none !important;
    transform: none !important;
  }

  html body header.header::after {
    display: none !important;
    content: none !important;
  }
}

/* Final unified desktop header and install hero parity */
@media (min-width: 861px) {
  html body header.pg-header,
  html body header.inner-site-header {
    position: relative !important;
    z-index: 50 !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    height: 73px !important;
    min-height: 73px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    background: #faf8f3 !important;
    box-shadow: none !important;
  }

  html body header.pg-header > .pg-header-inner,
  html body header.inner-site-header > .pg-header-inner,
  html body header.inner-site-header > .inner-site-header-inner {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: none !important;
    height: 73px !important;
    min-height: 73px !important;
    margin: 0 !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
  }

  html body header.pg-header .pg-brand,
  html body header.inner-site-header a.brand,
  html body header.inner-site-header a.inner-site-brand,
  html body header.inner-site-header a.pg-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 9px !important;
    color: #0b1020 !important;
    text-decoration: none !important;
    transform: none !important;
  }

  html body header.pg-header .pg-brand > img,
  html body header.inner-site-header a.brand > img,
  html body header.inner-site-header a.inner-site-brand > img,
  html body header.inner-site-header a.pg-brand > img {
    display: block !important;
    flex: 0 0 26px !important;
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    margin: 0 !important;
    object-fit: contain !important;
    transform: none !important;
  }

  html body header.pg-header .pg-brand > span,
  html body header.inner-site-header a.brand > span,
  html body header.inner-site-header a.inner-site-brand > span,
  html body header.inner-site-header a.pg-brand > span {
    display: grid !important;
    grid-template-rows: 17px 12px !important;
    align-items: center !important;
    gap: 0 !important;
    height: 31px !important;
    min-height: 31px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  html body header.pg-header .pg-brand strong,
  html body header.inner-site-header a.brand strong,
  html body header.inner-site-header a.inner-site-brand strong,
  html body header.inner-site-header a.pg-brand strong {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 17px !important;
    letter-spacing: -0.04em !important;
  }

  html body header.pg-header .pg-brand small,
  html body header.inner-site-header a.brand small,
  html body header.inner-site-header a.inner-site-brand small,
  html body header.inner-site-header a.pg-brand small {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #58708f !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 12px !important;
    letter-spacing: -0.02em !important;
  }

  html body header.pg-header .pg-nav,
  html body header.inner-site-header .inner-site-nav {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 38px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translate(-56%, -50%) !important;
  }

  html body header.pg-header .pg-nav a,
  html body header.inner-site-header .inner-site-nav a {
    display: inline-flex !important;
    align-items: center !important;
    height: 44px !important;
    color: #0b1020 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  html body header.pg-header .pg-header-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body header.pg-header .pg-login,
  html body header.pg-header .pg-signup,
  html body header.inner-site-header .inner-site-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 68px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(11, 16, 32, .14) !important;
    background: #fff !important;
    color: #0b1020 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
    text-decoration: none !important;
  }

  html body header.pg-header .pg-login,
  html body header.inner-site-header .inner-site-action[href*="login"],
  html body header.inner-site-header .inner-site-action[href*="console"] {
    min-width: 68px !important;
    border-color: #0b1020 !important;
    background: #0b1020 !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(11, 16, 32, .10) !important;
  }

  html body header.pg-header .pg-signup {
    min-width: 81px !important;
  }
}

@media (min-width: 861px) {
  html body.pixgom-unified .pg-main,
  html body.pixgom-install-page .pg-main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 80px !important;
  }

  html body.pixgom-unified.pixgom-static-page main.pg-main > .pg-hero.pg-sales-hero,
  html body.pixgom-install-page main.pg-main > .install-hero.pg-sales-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 560px) minmax(0, 360px) !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    width: min(1120px, calc(100% - 80px)) !important;
    max-width: 1120px !important;
    min-height: 420px !important;
    height: 420px !important;
    margin: 32px auto 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html body.pixgom-unified.pixgom-static-page main.pg-main > .pg-hero.pg-sales-hero > .pg-copy,
  html body.pixgom-install-page main.pg-main > .install-hero.pg-sales-hero > .install-copy {
    width: 560px !important;
    max-width: 560px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page main.pg-main > .pg-hero.pg-sales-hero h1,
  html body.pixgom-install-page main.pg-main > .install-hero.pg-sales-hero h1 {
    max-width: 560px !important;
    margin: 16px 0 0 !important;
    color: #0b1020 !important;
    font-size: 48px !important;
    font-weight: 800 !important;
    line-height: 52.8px !important;
    letter-spacing: -0.075em !important;
  }

  html body.pixgom-unified.pixgom-static-page main.pg-main > .pg-hero.pg-sales-hero p:not(.pg-eyebrow),
  html body.pixgom-install-page main.pg-main > .install-hero.pg-sales-hero p:not(.pg-eyebrow) {
    max-width: 560px !important;
    margin: 20px 0 0 !important;
    color: #45556c !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.75 !important;
    letter-spacing: -0.03em !important;
    word-break: keep-all !important;
  }

  html body.pixgom-unified.pixgom-static-page main.pg-main > .pg-hero.pg-sales-hero .pg-actions,
  html body.pixgom-install-page main.pg-main > .install-hero.pg-sales-hero .install-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 28px 0 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page main.pg-main > .pg-hero.pg-sales-hero .pg-cta,
  html body.pixgom-unified.pixgom-static-page main.pg-main > .pg-hero.pg-sales-hero .pg-secondary,
  html body.pixgom-install-page main.pg-main > .install-hero.pg-sales-hero .pg-cta,
  html body.pixgom-install-page main.pg-main > .install-hero.pg-sales-hero .pg-secondary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 126px !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 24px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: -0.03em !important;
    text-decoration: none !important;
  }

  html body.pixgom-unified.pixgom-static-page main.pg-main > .pg-hero.pg-sales-hero .pg-cta,
  html body.pixgom-install-page main.pg-main > .install-hero.pg-sales-hero .pg-cta {
    border: 1px solid #0b1020 !important;
    background: #0b1020 !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(11, 16, 32, .14) !important;
  }

  html body.pixgom-unified.pixgom-static-page main.pg-main > .pg-hero.pg-sales-hero .pg-secondary,
  html body.pixgom-install-page main.pg-main > .install-hero.pg-sales-hero .pg-secondary {
    border: 1px solid rgba(11, 16, 32, .14) !important;
    background: #fff !important;
    color: #0b1020 !important;
    box-shadow: none !important;
  }

  html body.pixgom-unified.pixgom-static-page main.pg-main > .pg-hero.pg-sales-hero .home-product-visual,
  html body.pixgom-install-page main.pg-main > .install-hero.pg-sales-hero .home-product-visual,
  html body.pixgom-unified.pixgom-static-page main.pg-main > .pg-hero.pg-sales-hero .home-product-visual .visual-stage,
  html body.pixgom-install-page main.pg-main > .install-hero.pg-sales-hero .home-product-visual .visual-stage {
    width: 360px !important;
    max-width: 360px !important;
    height: 246px !important;
    max-height: 246px !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: center !important;
    align-self: center !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page main.pg-main > .pg-hero.pg-sales-hero .home-product-visual .product-box,
  html body.pixgom-install-page main.pg-main > .install-hero.pg-sales-hero .home-product-visual .product-box {
    width: 324px !important;
    height: 221.4px !important;
    margin: 0 auto !important;
    transform: none !important;
  }
}

@media (max-width: 860px) {
  html body.console-shell-page > header.inner-site-header,
  html body.auth-page > header.inner-site-header,
  html body.pixgom-inner > header.inner-site-header {
    padding: 0 18px !important;
  }

  html body.pixgom-install-page .pg-main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 56px !important;
  }

  html body.pixgom-install-page main.pg-main > .install-hero.pg-sales-hero {
    position: relative !important;
    display: block !important;
    width: 350px !important;
    max-width: 350px !important;
    min-height: 614px !important;
    height: auto !important;
    margin: 6px auto 0 !important;
    padding: 301px 0 0 !important;
    box-sizing: border-box !important;
  }

  html body.pixgom-install-page main.pg-main > .install-hero.pg-sales-hero .install-product-visual,
  html body.pixgom-install-page main.pg-main > .install-hero.pg-sales-hero .install-product-visual .visual-stage {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 350px !important;
    height: 240px !important;
    max-width: 350px !important;
    max-height: 240px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-install-page main.pg-main > .install-hero.pg-sales-hero .install-product-visual .product-box {
    width: 315px !important;
    height: 221.4px !important;
    margin: 9px auto 0 !important;
    transform: none !important;
  }

  html body.pixgom-install-page main.pg-main > .install-hero.pg-sales-hero .install-copy {
    width: 350px !important;
    max-width: 350px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-install-page main.pg-main > .install-hero.pg-sales-hero h1 {
    max-width: 350px !important;
    margin: 16px 0 0 !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 33.6px !important;
    letter-spacing: -0.055em !important;
  }
}

/* Final viewport parity: use viewport width, not scrollbar-shrunk percent width */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.pg-hero.pg-sales-hero.install-hero {
    width: min(1120px, calc(100vw - 80px)) !important;
    max-width: 1120px !important;
    min-height: 420px !important;
    height: 420px !important;
    margin: 32px auto 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.pg-hero.pg-sales-hero.install-hero {
    position: relative !important;
    display: block !important;
    flex-direction: initial !important;
    align-items: initial !important;
    justify-content: initial !important;
    width: 350px !important;
    max-width: 350px !important;
    min-height: 614px !important;
    height: auto !important;
    margin: 6px auto 0 !important;
    padding: 260px 0 0 !important;
    gap: 0 !important;
    box-sizing: border-box !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.pg-hero.pg-sales-hero.install-hero > .install-copy {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    order: initial !important;
    width: 350px !important;
    max-width: 350px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.pg-hero.pg-sales-hero.install-hero > .install-product-visual {
    position: absolute !important;
    z-index: 1 !important;
    top: 0 !important;
    left: 0 !important;
    order: initial !important;
    width: 350px !important;
    max-width: 350px !important;
    height: 240px !important;
    max-height: 240px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* Desktop public page rhythm: exact home x/y rhythm */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 32px 0 80px !important;
    box-sizing: border-box !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.pg-hero.pg-sales-hero.install-hero {
    position: relative !important;
    width: min(1120px, calc(100vw - 80px)) !important;
    max-width: 1120px !important;
    min-height: 420px !important;
    height: 420px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: max(40px, calc((100vw - 1120px) / 2)) !important;
    margin-right: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-section,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > footer.pg-footer,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.pg-section,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.install-flow-section,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > footer.pg-footer {
    width: min(1120px, calc(100vw - 80px)) !important;
    max-width: 1120px !important;
    margin-left: max(40px, calc((100vw - 1120px) / 2)) !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Final public main width reset: prevent legacy centered main from shifting content */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page > main.pg-main,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page > main.pg-main {
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 32px 0 80px !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) > main.pg-main {
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 32px 0 80px !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
  }
}

/* Install page product box position parity */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.pg-hero.pg-sales-hero.install-hero > .install-copy {
    transform: translateY(5.5px) !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.pg-hero.pg-sales-hero.install-hero > .install-product-visual {
    transform: translateX(-65px) !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.pg-hero.pg-sales-hero.install-hero > .install-product-visual .product-box {
    display: block !important;
    width: 324px !important;
    max-width: 324px !important;
    height: 221.4px !important;
    min-height: 221.4px !important;
    max-height: 221.4px !important;
    margin: 12px auto 0 2px !important;
    transform: none !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.pg-hero.pg-sales-hero.install-hero {
    margin-top: 0 !important;
  }
}

/* Inner/auth/console header parity with production home */
@media (min-width: 861px) {
  html body.auth-page > header.inner-site-header,
  html body.console-shell-page > header.inner-site-header,
  html body.pixgom-inner > header.inner-site-header {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100vw !important;
    max-width: none !important;
    height: 73px !important;
    min-height: 73px !important;
    margin: 0 !important;
    padding: 0 40px !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    background: #faf8f3 !important;
    box-sizing: border-box !important;
  }

  html body.auth-page > header.inner-site-header > a.brand.inner-site-brand,
  html body.console-shell-page > header.inner-site-header > a.brand.inner-site-brand,
  html body.pixgom-inner > header.inner-site-header > a.brand.inner-site-brand {
    position: static !important;
    top: auto !important;
    left: auto !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }
}

/* High-specificity inner desktop header reset */
@media (min-width: 861px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified > header.inner-site-header,
  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-unified > header.inner-site-header {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100vw !important;
    max-width: none !important;
    height: 73px !important;
    min-height: 73px !important;
    margin: 0 !important;
    padding: 0 40px !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    background: #faf8f3 !important;
    box-sizing: border-box !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified > header.inner-site-header > a.brand.inner-site-brand,
  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-unified > header.inner-site-header > a.brand.inner-site-brand {
    position: static !important;
    top: auto !important;
    left: auto !important;
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    width: auto !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }
}

/* v22 route-wide header and compact static page parity */
@media (min-width: 861px) {
  html body.pixgom-unified > header.pg-header,
  html body.pixgom-unified.pixgom-static-page > header.pg-header,
  html body.pixgom-unified.pixgom-sales-page > header.pg-header {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    width: 100vw !important;
    max-width: none !important;
    height: 73px !important;
    min-height: 73px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    background: #faf8f3 !important;
    box-sizing: border-box !important;
  }

  html body.pixgom-unified > header.pg-header > .pg-header-inner,
  html body.pixgom-unified.pixgom-static-page > header.pg-header > .pg-header-inner,
  html body.pixgom-unified.pixgom-sales-page > header.pg-header > .pg-header-inner {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100vw !important;
    max-width: none !important;
    height: 73px !important;
    margin: 0 !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
  }

  html body.pixgom-unified > header.pg-header a.pg-brand,
  html body.pixgom-unified.pixgom-static-page > header.pg-header a.pg-brand,
  html body.pixgom-unified.pixgom-sales-page > header.pg-header a.pg-brand {
    position: static !important;
    top: auto !important;
    left: auto !important;
    align-self: center !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page:not(.pixgom-sales-page) > main.pg-main {
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 32px 0 80px !important;
    overflow-x: clip !important;
    box-sizing: border-box !important;
  }

  html body.pixgom-unified.pixgom-static-page:not(.pixgom-sales-page) > main.pg-main > section.pg-hero,
  html body.pixgom-unified.pixgom-static-page:not(.pixgom-sales-page) > main.pg-main > section.pg-section,
  html body.pixgom-unified.pixgom-static-page:not(.pixgom-sales-page) > main.pg-main > footer.pg-footer {
    width: min(1120px, calc(100vw - 80px)) !important;
    max-width: 1120px !important;
    margin-left: max(40px, calc((100vw - 1120px) / 2)) !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 860px) {
  html body.pixgom-unified > header.pg-header,
  html body.pixgom-unified.pixgom-static-page > header.pg-header,
  html body.pixgom-unified.pixgom-sales-page > header.pg-header {
    width: 100% !important;
    height: 68px !important;
    min-height: 68px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #faf8f3 !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    box-sizing: border-box !important;
  }

  html body.pixgom-unified > header.pg-header > .pg-header-inner,
  html body.pixgom-unified.pixgom-static-page > header.pg-header > .pg-header-inner,
  html body.pixgom-unified.pixgom-sales-page > header.pg-header > .pg-header-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 68px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    box-sizing: border-box !important;
  }

  html body.pixgom-unified > header.pg-header a.pg-brand,
  html body.pixgom-unified.pixgom-static-page > header.pg-header a.pg-brand,
  html body.pixgom-unified.pixgom-sales-page > header.pg-header a.pg-brand {
    position: static !important;
    top: auto !important;
    left: auto !important;
    margin: 0 !important;
    transform: none !important;
  }
}

/* v23 direct-child pg-header variant parity */
@media (min-width: 861px) {
  html body.pixgom-unified > header.pg-header:has(> a.pg-brand),
  html body.auth-page.pixgom-unified > header.pg-header:has(> a.pg-brand),
  html body.console-shell-page.pixgom-unified > header.pg-header:has(> a.pg-brand) {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100vw !important;
    max-width: none !important;
    height: 73px !important;
    min-height: 73px !important;
    margin: 0 !important;
    padding: 0 40px !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    background: #faf8f3 !important;
    box-sizing: border-box !important;
  }

  html body.pixgom-unified > header.pg-header > a.pg-brand,
  html body.auth-page.pixgom-unified > header.pg-header > a.pg-brand,
  html body.console-shell-page.pixgom-unified > header.pg-header > a.pg-brand {
    position: static !important;
    top: auto !important;
    left: auto !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 860px) {
  html body.pixgom-unified > header.pg-header:has(> a.pg-brand),
  html body.auth-page.pixgom-unified > header.pg-header:has(> a.pg-brand),
  html body.console-shell-page.pixgom-unified > header.pg-header:has(> a.pg-brand) {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 68px !important;
    min-height: 68px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    background: #faf8f3 !important;
    box-sizing: border-box !important;
  }

  html body.pixgom-unified > header.pg-header > a.pg-brand,
  html body.auth-page.pixgom-unified > header.pg-header > a.pg-brand,
  html body.console-shell-page.pixgom-unified > header.pg-header > a.pg-brand {
    position: static !important;
    top: auto !important;
    left: auto !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 860px) {
  html body.console-shell-page > header.inner-site-header > a.brand.inner-site-brand,
  html body.auth-page > header.inner-site-header > a.brand.inner-site-brand,
  html body.pixgom-inner > header.inner-site-header > a.brand.inner-site-brand {
    position: static !important;
    top: auto !important;
    left: auto !important;
    align-self: center !important;
    margin: 0 !important;
    transform: none !important;
  }
}

/* v24 final header / CI lock
   Home is the visual source of truth: compact logo mark + PIXGOM + version, no mobile action pill. */
@media (max-width: 860px) {
  html body header.header,
  html body header.pg-header,
  html body header.inner-site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: none !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    background: #faf8f3 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body header.header > .header-inner,
  html body header.pg-header > .pg-header-inner,
  html body header.inner-site-header > .pg-header-inner,
  html body header.inner-site-header > .inner-site-header-inner {
    display: contents !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body header.header .brand,
  html body header.pg-header .pg-brand,
  html body header.inner-site-header .inner-site-brand,
  html body header.inner-site-header .pg-brand {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    width: auto !important;
    max-width: 178px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    text-decoration: none !important;
    transform: none !important;
  }

  html body header.header .brand > span,
  html body header.pg-header .pg-brand > span,
  html body header.inner-site-header .inner-site-brand > span,
  html body header.inner-site-header .pg-brand > span {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 3px !important;
    width: auto !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body header.header .brand-mark,
  html body header.header .brand img,
  html body header.pg-header .pg-brand img,
  html body header.inner-site-header .inner-site-brand img,
  html body header.inner-site-header .pg-brand img {
    display: block !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    flex: 0 0 30px !important;
    border: 0 !important;
    border-radius: 9px !important;
    object-fit: contain !important;
    box-shadow: none !important;
  }

  html body header.header .brand-name,
  html body header.header .brand strong,
  html body header.pg-header .pg-brand strong,
  html body header.inner-site-header .inner-site-brand strong,
  html body header.inner-site-header .pg-brand strong {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 15px !important;
    letter-spacing: -0.35px !important;
    white-space: nowrap !important;
  }

  html body header.header .brand-version,
  html body header.header .brand small,
  html body header.pg-header .pg-brand small,
  html body header.inner-site-header .inner-site-brand small,
  html body header.inner-site-header .pg-brand small {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 10px !important;
    letter-spacing: -0.25px !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body header.header .nav,
  html body header.header .header-actions,
  html body header.header .actions,
  html body header.header .login,
  html body header.header .signup,
  html body header.pg-header .pg-nav,
  html body header.pg-header .pg-header-actions,
  html body header.pg-header .pg-login,
  html body header.pg-header .pg-signup,
  html body header.inner-site-header .inner-site-nav,
  html body header.inner-site-header .inner-site-action,
  html body header.inner-site-header .pg-nav,
  html body header.inner-site-header .pg-login,
  html body header.inner-site-header .pg-signup,
  html body header.inner-site-header .pg-header-actions {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body header.header::after,
  html body header.pg-header::after {
    content: none !important;
    display: none !important;
  }

  html body header.inner-site-header::after {
    content: "" !important;
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    display: block !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    background:
      linear-gradient(#0b1020, #0b1020) center 14px / 22px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 22px / 22px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 30px / 22px 2.4px no-repeat !important;
    pointer-events: none !important;
  }

  html body header.header .menu-open,
  html body header.pg-header .pg-menu,
  html body header.inner-site-header .pg-menu,
  html body header.inner-site-header .menu-open {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: #0b1020 !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  html body header.header .menu-open svg,
  html body header.inner-site-header .menu-open svg {
    width: 23px !important;
    height: 23px !important;
    color: #0b1020 !important;
    stroke: #0b1020 !important;
  }

  html body header.pg-header .pg-menu {
    color: transparent !important;
    background:
      linear-gradient(#0b1020, #0b1020) center 14px / 22px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 22px / 22px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 30px / 22px 2.4px no-repeat !important;
  }
}

@media (min-width: 861px) {
  html body header.header,
  html body header.pg-header,
  html body header.inner-site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    width: 100% !important;
    max-width: none !important;
    height: 73px !important;
    min-height: 73px !important;
    margin: 0 !important;
    padding: 0 40px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    background: #faf8f3 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body header.header > .header-inner,
  html body header.pg-header > .pg-header-inner,
  html body header.inner-site-header > .pg-header-inner,
  html body header.inner-site-header > .inner-site-header-inner {
    display: grid !important;
    grid-template-columns: 220px minmax(420px, 1fr) 220px !important;
    align-items: center !important;
    gap: 24px !important;
    width: min(1120px, 100%) !important;
    max-width: 1120px !important;
    height: 73px !important;
    min-height: 73px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html body header.pg-header:not(:has(> .pg-header-inner)),
  html body header.inner-site-header:not(:has(> .inner-site-header-inner)):not(:has(> .pg-header-inner)) {
    display: grid !important;
    grid-template-columns: 220px minmax(420px, 1fr) 220px !important;
    align-items: center !important;
    gap: 24px !important;
  }

  html body header.header .brand,
  html body header.pg-header .pg-brand,
  html body header.inner-site-header .inner-site-brand,
  html body header.inner-site-header .pg-brand {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: auto !important;
    max-width: 190px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    text-decoration: none !important;
    transform: none !important;
  }

  html body header.header .brand > span,
  html body header.pg-header .pg-brand > span,
  html body header.inner-site-header .inner-site-brand > span,
  html body header.inner-site-header .pg-brand > span {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 3px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body header.header .brand-mark,
  html body header.header .brand img,
  html body header.pg-header .pg-brand img,
  html body header.inner-site-header .inner-site-brand img,
  html body header.inner-site-header .pg-brand img {
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    flex: 0 0 32px !important;
    border: 0 !important;
    border-radius: 10px !important;
    object-fit: contain !important;
    box-shadow: none !important;
  }

  html body header.header .brand-name,
  html body header.header .brand strong,
  html body header.pg-header .pg-brand strong,
  html body header.inner-site-header .inner-site-brand strong,
  html body header.inner-site-header .pg-brand strong {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 16px !important;
    letter-spacing: -0.35px !important;
    white-space: nowrap !important;
  }

  html body header.header .brand-version,
  html body header.header .brand small,
  html body header.pg-header .pg-brand small,
  html body header.inner-site-header .inner-site-brand small,
  html body header.inner-site-header .pg-brand small {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 10px !important;
    letter-spacing: -0.25px !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body header.header .nav,
  html body header.pg-header .pg-nav,
  html body header.inner-site-header .inner-site-nav {
    grid-column: 2 !important;
    justify-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body header.header .nav a,
  html body header.pg-header .pg-nav a,
  html body header.inner-site-header .inner-site-nav a {
    color: #0b1020 !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    letter-spacing: -0.3px !important;
    text-decoration: none !important;
  }

  html body header.header .header-actions,
  html body header.header .actions,
  html body header.pg-header .pg-header-actions {
    grid-column: 3 !important;
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body header.inner-site-header .inner-site-action,
  html body header.header .login,
  html body header.header .signup,
  html body header.pg-header .pg-login,
  html body header.pg-header .pg-signup,
  html body header.pg-header .pg-cta-small {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 92px !important;
    width: auto !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 20px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -0.35px !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  html body header.header .login,
  html body header.pg-header .pg-login {
    border: 1px solid #0b1020 !important;
    background: #0b1020 !important;
    color: #ffffff !important;
  }

  html body header.header .signup,
  html body header.pg-header .pg-signup,
  html body header.inner-site-header .inner-site-action {
    border: 1px solid rgba(11, 16, 32, .16) !important;
    background: #ffffff !important;
    color: #0b1020 !important;
  }

  html body header.header .menu-open,
  html body header.pg-header .pg-menu,
  html body header.inner-site-header .pg-menu,
  html body header.inner-site-header::after,
  html body header.pg-header::after,
  html body header.header::after {
    content: none !important;
    display: none !important;
  }
}

/* v25 final CI size override: keep auth/inner pages equal to home header. */
@media (max-width: 860px) {
  html body header.header a.brand > img,
  html body header.header img.brand-mark,
  html body header.pg-header a.pg-brand > img,
  html body header.inner-site-header a.brand.inner-site-brand > img,
  html body header.inner-site-header a.inner-site-brand > img,
  html body header.inner-site-header a.pg-brand > img,
  html body.auth-page.pixgom-inner-reference header.inner-site-header a.brand.inner-site-brand > img,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference header.inner-site-header a.brand.inner-site-brand > img,
  html body.pixgom-inner.pixgom-inner-reference header.inner-site-header a.brand.inner-site-brand > img,
  html body.console-shell-page.pixgom-inner-reference header.inner-site-header a.brand.inner-site-brand > img {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    flex: 0 0 30px !important;
    border-radius: 9px !important;
  }
}

@media (min-width: 861px) {
  html body header.header a.brand > img,
  html body header.header img.brand-mark,
  html body header.pg-header a.pg-brand > img,
  html body header.inner-site-header a.brand.inner-site-brand > img,
  html body header.inner-site-header a.inner-site-brand > img,
  html body header.inner-site-header a.pg-brand > img,
  html body.auth-page.pixgom-inner-reference header.inner-site-header a.brand.inner-site-brand > img,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference header.inner-site-header a.brand.inner-site-brand > img,
  html body.pixgom-inner.pixgom-inner-reference header.inner-site-header a.brand.inner-site-brand > img,
  html body.console-shell-page.pixgom-inner-reference header.inner-site-header a.brand.inner-site-brand > img {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    flex: 0 0 32px !important;
    border-radius: 10px !important;
  }
}

/* v26 mobile header edge alignment: all pages use the home x=16 / menu right=16 rhythm. */
@media (max-width: 860px) {
  html body.pixgom-unified > header.pg-header,
  html body.pixgom-unified.pixgom-static-page > header.pg-header,
  html body.pixgom-unified.pixgom-sales-page > header.pg-header,
  html body.auth-page.pixgom-unified > header.inner-site-header,
  html body.auth-page.pixgom-inner-reference > header.inner-site-header,
  html body.pixgom-inner.pixgom-inner-reference > header.inner-site-header,
  html body.account-page > header.inner-site-header,
  html body.console-shell-page > header.inner-site-header,
  html body header.pg-header,
  html body header.inner-site-header {
    width: 100% !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    margin: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  html body.pixgom-unified > header.pg-header > .pg-header-inner,
  html body.pixgom-unified.pixgom-static-page > header.pg-header > .pg-header-inner,
  html body.pixgom-unified.pixgom-sales-page > header.pg-header > .pg-header-inner,
  html body header.pg-header > .pg-header-inner,
  html body header.inner-site-header > .pg-header-inner,
  html body header.inner-site-header > .inner-site-header-inner {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.pixgom-unified > header.pg-header a.pg-brand,
  html body.pixgom-unified.pixgom-static-page > header.pg-header a.pg-brand,
  html body.pixgom-unified.pixgom-sales-page > header.pg-header a.pg-brand,
  html body.auth-page.pixgom-unified > header.inner-site-header a.inner-site-brand,
  html body.auth-page.pixgom-inner-reference > header.inner-site-header a.inner-site-brand,
  html body.pixgom-inner.pixgom-inner-reference > header.inner-site-header a.inner-site-brand,
  html body.account-page > header.inner-site-header a.inner-site-brand,
  html body.console-shell-page > header.inner-site-header a.inner-site-brand,
  html body header.pg-header a.pg-brand,
  html body header.inner-site-header a.inner-site-brand {
    justify-self: start !important;
    margin-left: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified > header.pg-header .pg-menu,
  html body.pixgom-unified.pixgom-static-page > header.pg-header .pg-menu,
  html body.pixgom-unified.pixgom-sales-page > header.pg-header .pg-menu,
  html body header.pg-header .pg-menu,
  html body header.inner-site-header .pg-menu,
  html body header.inner-site-header .menu-open {
    justify-self: end !important;
    margin-right: 0 !important;
    transform: none !important;
  }
}

/* v27 mobile header shorthand padding override. */
@media (max-width: 860px) {
  html body header.header,
  html body.pixgom-unified header.pg-header,
  html body.pixgom-unified.pixgom-static-page header.pg-header,
  html body.pixgom-unified.pixgom-sales-page header.pg-header,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page header.pg-header,
  html body.auth-page.pixgom-unified header.inner-site-header,
  html body.auth-page.pixgom-inner-reference header.inner-site-header,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-login header.inner-site-header,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-signup header.inner-site-header,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-apply header.inner-site-header,
  html body.pixgom-inner.pixgom-inner-reference header.inner-site-header,
  html body.account-page header.inner-site-header,
  html body.console-shell-page header.inner-site-header,
  html body header.pg-header,
  html body header.inner-site-header {
    padding: 0 16px !important;
  }
}

/* v28 last-mile exact mobile pages still carrying 18px from legacy layers. */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page header.pg-header,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page header.pg-header > .pg-header-inner,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified header.inner-site-header,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified header.inner-site-header,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified header.inner-site-header,
  html body.auth-page.pixgom-inner.pixgom-inner-login.pixgom-inner-reference.pixgom-unified header.inner-site-header,
  html body.auth-page.pixgom-inner.pixgom-inner-signup.pixgom-inner-reference.pixgom-unified header.inner-site-header,
  html body.auth-page.pixgom-inner.pixgom-inner-apply.pixgom-inner-reference.pixgom-unified header.inner-site-header {
    padding: 0 16px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page header.pg-header .pg-brand,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified header.inner-site-header .inner-site-brand,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified header.inner-site-header .inner-site-brand,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified header.inner-site-header .inner-site-brand {
    margin-left: 0 !important;
    transform: translateX(0) !important;
  }
}

/* v29 auth/apply/console surface normalization to home tokens. */
html body.auth-page.pixgom-inner-reference,
html body.console-shell-page.pixgom-inner-reference {
  background: #faf8f3 !important;
  color: #0b1020 !important;
}

html body.auth-page.pixgom-inner-reference .auth-card,
html body.console-shell-page.pixgom-inner-reference .console-login-panel,
html body.console-shell-page.pixgom-inner-reference .console-panel,
html body.console-shell-page.pixgom-inner-reference .buyer-console-card,
html body.console-shell-page.pixgom-inner-reference .console-card {
  border: 1px solid rgba(11, 16, 32, .08) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 22px 64px rgba(11, 16, 32, .08) !important;
}

html body.auth-page.pixgom-inner-reference .auth-card input,
html body.auth-page.pixgom-inner-reference .auth-card select,
html body.auth-page.pixgom-inner-reference .auth-card textarea,
html body.console-shell-page.pixgom-inner-reference input,
html body.console-shell-page.pixgom-inner-reference select,
html body.console-shell-page.pixgom-inner-reference textarea {
  min-height: 56px !important;
  border: 1px solid rgba(11, 16, 32, .10) !important;
  border-radius: 18px !important;
  background: #f7f8fa !important;
  color: #0b1020 !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
}

html body.auth-page.pixgom-inner-reference .button,
html body.auth-page.pixgom-inner-reference .inner-primary,
html body.auth-page.pixgom-inner-reference .inner-secondary,
html body.console-shell-page.pixgom-inner-reference .button,
html body.console-shell-page.pixgom-inner-reference .inner-primary,
html body.console-shell-page.pixgom-inner-reference .inner-secondary,
html body.console-shell-page.pixgom-inner-reference .console-secondary-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 56px !important;
  padding: 0 26px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: -0.35px !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

html body.auth-page.pixgom-inner-reference .button-primary,
html body.auth-page.pixgom-inner-reference .inner-primary,
html body.console-shell-page.pixgom-inner-reference .button-primary,
html body.console-shell-page.pixgom-inner-reference .inner-primary {
  border: 1px solid #0b1020 !important;
  background: #0b1020 !important;
  color: #ffffff !important;
}

html body.auth-page.pixgom-inner-reference .button-secondary,
html body.auth-page.pixgom-inner-reference .inner-secondary,
html body.console-shell-page.pixgom-inner-reference .button-secondary,
html body.console-shell-page.pixgom-inner-reference .inner-secondary,
html body.console-shell-page.pixgom-inner-reference .console-secondary-link {
  border: 1px solid rgba(11, 16, 32, .14) !important;
  background: #ffffff !important;
  color: #0b1020 !important;
}

html body.auth-page.pixgom-inner-reference .button-kakao {
  border: 1px solid #ffd400 !important;
  background: #ffd400 !important;
  color: #0b1020 !important;
}

html body.auth-page.pixgom-inner-reference .auth-links a,
html body.auth-page.pixgom-inner-reference .inner-shortcuts a,
html body.console-shell-page.pixgom-inner-reference .inner-step-card {
  border: 1px solid rgba(11, 16, 32, .08) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 38px rgba(11, 16, 32, .05) !important;
  color: #0b1020 !important;
}

html body.auth-page.pixgom-inner-reference .auth-card h1,
html body.auth-page.pixgom-inner-reference .inner-hero-copy h1,
html body.console-shell-page.pixgom-inner-reference .inner-console-hero h1,
html body.console-shell-page.pixgom-inner-reference .console-login-panel h1 {
  color: #0b1020 !important;
  font-weight: 950 !important;
  letter-spacing: -0.065em !important;
}

@media (max-width: 860px) {
  html body.auth-page.pixgom-inner-reference .auth-shell.inner-reference-shell,
  html body.console-shell-page.pixgom-inner-reference .console-app-shell {
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 auto !important;
    padding: 16px 20px 48px !important;
    box-sizing: border-box !important;
  }

  html body.auth-page.pixgom-inner-reference .auth-card,
  html body.console-shell-page.pixgom-inner-reference .console-login-panel {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 28px 26px !important;
    border-radius: 26px !important;
  }

  html body.auth-page.pixgom-inner-reference .auth-card input,
  html body.auth-page.pixgom-inner-reference .auth-card select,
  html body.auth-page.pixgom-inner-reference .auth-card textarea {
    width: 100% !important;
    min-height: 56px !important;
    padding: 0 18px !important;
  }

  html body.auth-page.pixgom-inner-reference .auth-card .button,
  html body.auth-page.pixgom-inner-reference .auth-card button,
  html body.auth-page.pixgom-inner-reference .inner-hero-actions .inner-primary,
  html body.auth-page.pixgom-inner-reference .inner-hero-actions .inner-secondary,
  html body.console-shell-page.pixgom-inner-reference .inner-hero-actions .inner-primary,
  html body.console-shell-page.pixgom-inner-reference .inner-hero-actions .inner-secondary {
    width: 100% !important;
    min-height: 56px !important;
  }
}

@media (min-width: 861px) {
  html body.auth-page.pixgom-inner-reference .auth-shell.inner-reference-shell,
  html body.console-shell-page.pixgom-inner-reference .console-app-shell {
    width: min(1120px, calc(100vw - 80px)) !important;
    margin: 0 auto !important;
    padding: 70px 0 80px !important;
    box-sizing: border-box !important;
  }

  html body.auth-page.pixgom-inner-reference .auth-card,
  html body.console-shell-page.pixgom-inner-reference .console-login-panel {
    width: 430px !important;
    max-width: 430px !important;
    padding: 36px !important;
    border-radius: 28px !important;
  }

  html body.auth-page.pixgom-inner-reference .auth-card input,
  html body.auth-page.pixgom-inner-reference .auth-card select,
  html body.auth-page.pixgom-inner-reference .auth-card textarea {
    width: 100% !important;
    min-height: 56px !important;
    padding: 0 18px !important;
  }
}

/* v30 exact auth page overrides: defeat legacy high-specificity brown buttons / square inputs. */
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified .inner-hero-actions .inner-primary,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .inner-hero-actions .inner-primary,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .inner-hero-actions .inner-primary,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified section.auth-card .button-primary,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified section.auth-card .button-primary,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified section.auth-card .button-primary {
  border: 1px solid #0b1020 !important;
  background: #0b1020 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  border-radius: 999px !important;
  min-height: 56px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified .inner-hero-actions .inner-secondary,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .inner-hero-actions .inner-secondary,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .inner-hero-actions .inner-secondary,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified section.auth-card .button-secondary,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified section.auth-card .button-secondary,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified section.auth-card .button-secondary {
  border: 1px solid rgba(11, 16, 32, .14) !important;
  background: #ffffff !important;
  color: #0b1020 !important;
  box-shadow: none !important;
  border-radius: 999px !important;
  min-height: 56px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified section.auth-card .button-kakao,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified section.auth-card .button-kakao {
  border: 1px solid #ffd400 !important;
  background: #ffd400 !important;
  color: #0b1020 !important;
  box-shadow: none !important;
  border-radius: 999px !important;
  min-height: 56px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified section.auth-card input,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified section.auth-card input,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified section.auth-card input,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified section.auth-card select,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified section.auth-card textarea {
  width: 100% !important;
  min-height: 56px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(11, 16, 32, .10) !important;
  border-radius: 18px !important;
  background: #f7f8fa !important;
  color: #0b1020 !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 650 !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified section.auth-card textarea {
  min-height: 120px !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

/* v31 console authenticated mobile header alignment. */
@media (max-width: 860px) {
  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified header.inner-site-header,
  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified.pixgom-session-active header.inner-site-header {
    padding: 0 16px !important;
  }

  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified header.inner-site-header .inner-site-brand,
  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified.pixgom-session-active header.inner-site-header .inner-site-brand {
    margin-left: 0 !important;
    transform: translateX(0) !important;
  }
}

/* v32 remaining mobile header x-position lock across legacy direct-child and wrapper variants. */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page header.pg-header,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page header.pg-header > .pg-header-inner,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-features-page):not(.pixgom-pricing-page):not(.pixgom-commands-page):not(.pixgom-notice-page):not(.pixgom-install-page) header.pg-header,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-features-page):not(.pixgom-pricing-page):not(.pixgom-commands-page):not(.pixgom-notice-page):not(.pixgom-install-page) header.pg-header > .pg-header-inner {
    padding: 0 16px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page header.pg-header > .pg-header-inner,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-features-page):not(.pixgom-pricing-page):not(.pixgom-commands-page):not(.pixgom-notice-page):not(.pixgom-install-page) header.pg-header > .pg-header-inner {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.auth-page.auth-checking.marketing-auth.app-connected-site.pixgom-unified header.pg-header,
  html body.auth-page.auth-checking.marketing-auth.app-connected-site.pixgom-unified header.inner-site-header,
  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified header.pg-header,
  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified header.inner-site-header {
    padding: 0 16px !important;
  }

  html body.auth-page.auth-checking.marketing-auth.app-connected-site.pixgom-unified header.pg-header > a.pg-brand,
  html body.auth-page.auth-checking.marketing-auth.app-connected-site.pixgom-unified header.inner-site-header > a.inner-site-brand,
  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified header.pg-header > a.pg-brand,
  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified header.inner-site-header > a.inner-site-brand,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page header.pg-header a.pg-brand {
    margin-left: 0 !important;
    transform: translateX(0) !important;
  }
}

/* v33 final header lock: keep every mobile page on the same home CI structure. */
@media (max-width: 860px) {
  html body header.header,
  html body header.pg-header,
  html body header.inner-site-header,
  html body.pixgom-unified header.header,
  html body.pixgom-unified header.pg-header,
  html body.pixgom-unified header.inner-site-header,
  html body.auth-page header.inner-site-header,
  html body.console-shell-page header.inner-site-header,
  html body.account-page header.inner-site-header {
    position: relative !important;
    z-index: 20 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    align-items: center !important;
    column-gap: 12px !important;
    overflow: hidden !important;
    background: rgba(250, 248, 243, .98) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    box-shadow: none !important;
  }

  html body header.header > .header-inner,
  html body header.pg-header > .pg-header-inner,
  html body header.inner-site-header > .pg-header-inner,
  html body header.inner-site-header > .inner-site-header-inner {
    display: contents !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body header.header .brand,
  html body header.pg-header .pg-brand,
  html body header.inner-site-header .inner-site-brand,
  html body header.inner-site-header .pg-brand {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0, auto) !important;
    grid-template-rows: 17px 12px !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 178px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    text-decoration: none !important;
  }

  html body header.header .brand-mark,
  html body header.header .brand img,
  html body header.pg-header .pg-brand img,
  html body header.inner-site-header .inner-site-brand img,
  html body header.inner-site-header .pg-brand img {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    display: block !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    border-radius: 9px !important;
    object-fit: contain !important;
    box-shadow: none !important;
  }

  html body header.pg-header .pg-brand > span,
  html body header.inner-site-header .inner-site-brand > span,
  html body header.inner-site-header .pg-brand > span {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    display: grid !important;
    grid-template-rows: 17px 12px !important;
    row-gap: 0 !important;
    height: 29px !important;
    min-height: 29px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body header.header .brand-name,
  html body header.header .brand strong,
  html body header.pg-header .pg-brand strong,
  html body header.inner-site-header .inner-site-brand strong,
  html body header.inner-site-header .pg-brand strong {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    display: block !important;
    height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 17px !important;
    letter-spacing: -0.45px !important;
    white-space: nowrap !important;
  }

  html body header.header .brand-version,
  html body header.header .brand small,
  html body header.pg-header .pg-brand small,
  html body header.inner-site-header .inner-site-brand small,
  html body header.inner-site-header .pg-brand small {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    display: block !important;
    height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 12px !important;
    letter-spacing: -0.25px !important;
    white-space: nowrap !important;
  }

  html body header.header .nav,
  html body header.header .actions,
  html body header.header .header-actions,
  html body header.header .signup,
  html body header.header .login,
  html body header.pg-header .pg-nav,
  html body header.pg-header .pg-header-actions,
  html body header.pg-header .pg-signup,
  html body header.pg-header .pg-login,
  html body header.inner-site-header .inner-site-nav,
  html body header.inner-site-header .inner-site-action,
  html body header.inner-site-header .pg-nav,
  html body header.inner-site-header .pg-header-actions,
  html body header.inner-site-header .pg-signup,
  html body header.inner-site-header .pg-login {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  html body header.header .menu-open,
  html body header.pg-header .pg-menu,
  html body header.inner-site-header .pg-menu,
  html body header.inner-site-header .menu-open {
    grid-column: 2 !important;
    justify-self: end !important;
    align-self: center !important;
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    background:
      linear-gradient(#0b1020, #0b1020) center 14px / 21px 2.25px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 22px / 21px 2.25px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 30px / 21px 2.25px no-repeat !important;
    box-shadow: none !important;
  }

  html body header.header .menu-open svg,
  html body header.pg-header .pg-menu svg,
  html body header.inner-site-header .pg-menu svg,
  html body header.inner-site-header .menu-open svg {
    display: none !important;
  }

  html body header.header::after,
  html body header.pg-header::after {
    content: none !important;
    display: none !important;
  }

  html body header.inner-site-header::after {
    content: "" !important;
    grid-column: 2 !important;
    justify-self: end !important;
    align-self: center !important;
    display: block !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    border-radius: 10px !important;
    background:
      linear-gradient(#0b1020, #0b1020) center 14px / 21px 2.25px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 22px / 21px 2.25px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 30px / 21px 2.25px no-repeat !important;
    pointer-events: none !important;
  }
}

@media (min-width: 861px) {
  html body header.header .brand-mark,
  html body header.header .brand img,
  html body header.pg-header .pg-brand img,
  html body header.inner-site-header .inner-site-brand img,
  html body header.inner-site-header .pg-brand img {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    border-radius: 10px !important;
  }
}

/* v34 inner-page CI parity: defeat older high-specificity flex brand rules. */
@media (max-width: 860px) {
  html body.auth-page.auth-page.auth-page header.inner-site-header.inner-site-header a.brand.inner-site-brand.inner-site-brand,
  html body.console-shell-page.console-shell-page.console-shell-page header.inner-site-header.inner-site-header a.brand.inner-site-brand.inner-site-brand,
  html body.account-page.account-page.account-page header.inner-site-header.inner-site-header a.brand.inner-site-brand.inner-site-brand,
  html body.pixgom-inner.pixgom-inner.pixgom-inner-reference header.inner-site-header.inner-site-header a.brand.inner-site-brand.inner-site-brand {
    display: grid !important;
    grid-template-columns: 30px 58px !important;
    grid-template-rows: 17px 12px !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    align-items: center !important;
    justify-content: start !important;
    width: 98px !important;
    min-width: 98px !important;
    max-width: 98px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  html body.auth-page.auth-page.auth-page header.inner-site-header.inner-site-header a.brand.inner-site-brand.inner-site-brand > img,
  html body.console-shell-page.console-shell-page.console-shell-page header.inner-site-header.inner-site-header a.brand.inner-site-brand.inner-site-brand > img,
  html body.account-page.account-page.account-page header.inner-site-header.inner-site-header a.brand.inner-site-brand.inner-site-brand > img,
  html body.pixgom-inner.pixgom-inner.pixgom-inner-reference header.inner-site-header.inner-site-header a.brand.inner-site-brand.inner-site-brand > img {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    justify-self: start !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 9px !important;
  }

  html body.auth-page.auth-page.auth-page header.inner-site-header.inner-site-header a.brand.inner-site-brand.inner-site-brand > span,
  html body.console-shell-page.console-shell-page.console-shell-page header.inner-site-header.inner-site-header a.brand.inner-site-brand.inner-site-brand > span,
  html body.account-page.account-page.account-page header.inner-site-header.inner-site-header a.brand.inner-site-brand.inner-site-brand > span,
  html body.pixgom-inner.pixgom-inner.pixgom-inner-reference header.inner-site-header.inner-site-header a.brand.inner-site-brand.inner-site-brand > span {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    justify-self: start !important;
    display: grid !important;
    grid-template-columns: 58px !important;
    grid-template-rows: 17px 12px !important;
    row-gap: 0 !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 29px !important;
    min-height: 29px !important;
    max-height: 29px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body.auth-page.auth-page.auth-page header.inner-site-header.inner-site-header a.brand.inner-site-brand.inner-site-brand > span > strong,
  html body.console-shell-page.console-shell-page.console-shell-page header.inner-site-header.inner-site-header a.brand.inner-site-brand.inner-site-brand > span > strong,
  html body.account-page.account-page.account-page header.inner-site-header.inner-site-header a.brand.inner-site-brand.inner-site-brand > span > strong,
  html body.pixgom-inner.pixgom-inner.pixgom-inner-reference header.inner-site-header.inner-site-header a.brand.inner-site-brand.inner-site-brand > span > strong {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: end !important;
    justify-self: start !important;
    display: block !important;
    width: 58px !important;
    height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.3px !important;
    white-space: nowrap !important;
  }

  html body.auth-page.auth-page.auth-page header.inner-site-header.inner-site-header a.brand.inner-site-brand.inner-site-brand > span > small,
  html body.console-shell-page.console-shell-page.console-shell-page header.inner-site-header.inner-site-header a.brand.inner-site-brand.inner-site-brand > span > small,
  html body.account-page.account-page.account-page header.inner-site-header.inner-site-header a.brand.inner-site-brand.inner-site-brand > span > small,
  html body.pixgom-inner.pixgom-inner.pixgom-inner-reference header.inner-site-header.inner-site-header a.brand.inner-site-brand.inner-site-brand > span > small {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: start !important;
    justify-self: start !important;
    display: block !important;
    width: 58px !important;
    height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 10px !important;
    letter-spacing: -0.4px !important;
    white-space: nowrap !important;
  }
}

/* v35 public detail page parity: match mobile home header and first hero position. */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand,
  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand,
  html body.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand {
    display: grid !important;
    grid-template-columns: 30px 58px !important;
    grid-template-rows: 17px 12px !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    align-items: center !important;
    justify-content: start !important;
    width: 98px !important;
    min-width: 98px !important;
    max-width: 98px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand > img,
  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand > img,
  html body.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand > img {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    justify-self: start !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 9px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand > span,
  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand > span,
  html body.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand > span {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    justify-self: start !important;
    display: grid !important;
    grid-template-columns: 58px !important;
    grid-template-rows: 17px 12px !important;
    row-gap: 0 !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 29px !important;
    min-height: 29px !important;
    max-height: 29px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand > span > strong,
  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand > span > strong,
  html body.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand > span > strong {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: end !important;
    justify-self: start !important;
    display: block !important;
    width: 58px !important;
    height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.3px !important;
    white-space: nowrap !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand > span > small,
  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand > span > small,
  html body.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand > span > small {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: start !important;
    justify-self: start !important;
    display: block !important;
    width: 58px !important;
    height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 10px !important;
    letter-spacing: -0.4px !important;
    white-space: nowrap !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page main.pg-main,
  html body.pixgom-unified.pixgom-static-page main.pg-main {
    padding-top: 16px !important;
  }
}

/* v36 install visual parity: use the same product box geometry as home. */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page .install-product-visual .product-box,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page .pg-product-visual .product-box,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page .home-product-visual .product-box {
    width: 324px !important;
    min-width: 324px !important;
    max-width: 324px !important;
    height: 221px !important;
    min-height: 221px !important;
    max-height: 221px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
  }
}

/* v37 install legacy layout reset: remove 350px/scale(.9) install-only geometry. */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page section.pg-hero.pg-sales-hero.install-hero.install-hero {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 20px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page section.pg-hero.pg-sales-hero.install-hero.install-hero .pg-product-visual.home-product-visual.install-product-visual.install-product-visual {
    order: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 240px !important;
    min-height: 240px !important;
    max-height: 240px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page section.pg-hero.pg-sales-hero.install-hero.install-hero .pg-product-visual.home-product-visual.install-product-visual.install-product-visual .visual-stage {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 240px !important;
    min-height: 240px !important;
    max-height: 240px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page section.pg-hero.pg-sales-hero.install-hero.install-hero .pg-product-visual.home-product-visual.install-product-visual.install-product-visual .product-box.product-box {
    width: 324px !important;
    min-width: 324px !important;
    max-width: 324px !important;
    height: 221px !important;
    min-height: 221px !important;
    max-height: 221px !important;
    position: relative !important;
    top: 9px !important;
    left: auto !important;
    right: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page section.pg-hero.pg-sales-hero.install-hero.install-hero .install-copy.install-copy,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page section.pg-hero.pg-sales-hero.install-hero.install-hero .pg-copy {
    order: 1 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* v38 install overlap fix: remove absolute visual positioning. */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page section.pg-hero.pg-sales-hero.install-hero.install-hero .pg-product-visual.home-product-visual.install-product-visual.install-product-visual,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page section.pg-hero.pg-sales-hero.install-hero.install-hero .pg-product-visual.home-product-visual.install-product-visual.install-product-visual .visual-stage {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
  }
}

/* v39 console/dashboard surface parity: keep React console on the home system. */
html body.console-shell-page .inner-console-brand {
  display: none !important;
}

html body.console-shell-page,
html body.account-page {
  background: #faf8f3 !important;
  color: #0b1020 !important;
}

html body.console-shell-page .console-app-shell,
html body.account-page .auth-shell,
html body.account-page .account-shell {
  box-sizing: border-box !important;
  width: min(1120px, calc(100vw - 80px)) !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 70px 0 88px !important;
  background: transparent !important;
}

html body.console-shell-page .inner-console-hero,
html body.console-shell-page .console-login-panel,
html body.console-shell-page .buyer-ops-dashboard,
html body.console-shell-page .buyer-ops-hero,
html body.console-shell-page .buyer-ops-readiness,
html body.console-shell-page .buyer-ops-queue,
html body.console-shell-page .buyer-ops-activity,
html body.console-shell-page .buyer-ops-shortcuts,
html body.console-shell-page .buyer-ops-runbook,
html body.console-shell-page .buyer-guide-react-panel,
html body.console-shell-page .console-compact-section,
html body.console-shell-page .console-search-panel,
html body.console-shell-page .console-game-overview,
html body.console-shell-page .buyer-command-manager-panel,
html body.console-shell-page .buyer-connect-code-panel,
html body.console-shell-page .buyer-room-card,
html body.console-shell-page .console-detail-section,
html body.console-shell-page .console-card,
html body.console-shell-page .admin-priority-board,
html body.console-shell-page .admin-ops-workflow,
html body.console-shell-page .buyer-step-card,
html body.account-page .auth-card,
html body.account-page .account-card {
  box-sizing: border-box !important;
  border: 1px solid rgba(11, 16, 32, .08) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 22px 64px rgba(11, 16, 32, .08) !important;
  color: #0b1020 !important;
}

html body.console-shell-page .buyer-ops-dashboard,
html body.console-shell-page .buyer-ops-runbook,
html body.console-shell-page .buyer-guide-react-panel,
html body.console-shell-page .console-search-panel,
html body.console-shell-page .buyer-command-manager-panel,
html body.console-shell-page .buyer-connect-code-panel,
html body.console-shell-page .admin-priority-board,
html body.console-shell-page .admin-ops-workflow {
  padding: 32px !important;
  margin: 0 0 22px !important;
}

html body.console-shell-page .buyer-ops-hero,
html body.console-shell-page .inner-console-hero,
html body.console-shell-page .console-login-panel {
  padding: 36px !important;
  margin: 0 0 22px !important;
}

html body.console-shell-page .buyer-ops-metrics,
html body.console-shell-page .buyer-ops-readiness-list,
html body.console-shell-page .buyer-ops-runbook-grid,
html body.console-shell-page .buyer-step-overview,
html body.console-shell-page .console-field-grid,
html body.console-shell-page .pg-card-grid,
html body.console-shell-page .buyer-command-manager-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

html body.console-shell-page .buyer-ops-metric,
html body.console-shell-page .buyer-ops-readiness-item,
html body.console-shell-page .buyer-ops-runbook-card,
html body.console-shell-page .admin-ops-workflow-item,
html body.console-shell-page .admin-priority-item,
html body.console-shell-page .buyer-application-outcome-chip,
html body.console-shell-page .console-compact-row,
html body.console-shell-page .buyer-command-template-card,
html body.console-shell-page .buyer-command-card,
html body.console-shell-page .buyer-connect-code-card,
html body.console-shell-page .console-status-list,
html body.console-shell-page .console-preview-box,
html body.console-shell-page .console-linked-room,
html body.console-shell-page .console-field {
  box-sizing: border-box !important;
  border: 1px solid rgba(11, 16, 32, .08) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 38px rgba(11, 16, 32, .05) !important;
  color: #0b1020 !important;
}

html body.console-shell-page .buyer-ops-metric,
html body.console-shell-page .buyer-ops-readiness-item,
html body.console-shell-page .buyer-ops-runbook-card,
html body.console-shell-page .admin-ops-workflow-item,
html body.console-shell-page .buyer-step-card,
html body.console-shell-page .console-field {
  padding: 18px !important;
}

html body.console-shell-page h1,
html body.console-shell-page h2,
html body.console-shell-page h3,
html body.account-page h1,
html body.account-page h2,
html body.account-page h3 {
  color: #0b1020 !important;
  font-weight: 950 !important;
  letter-spacing: -0.06em !important;
}

html body.console-shell-page p,
html body.console-shell-page small,
html body.console-shell-page span,
html body.account-page p,
html body.account-page small,
html body.account-page span {
  color: #62748e !important;
}

html body.console-shell-page strong,
html body.console-shell-page b,
html body.account-page strong,
html body.account-page b {
  color: #0b1020 !important;
}

html body.console-shell-page .console-eyebrow,
html body.console-shell-page .inner-kicker,
html body.account-page .console-eyebrow,
html body.account-page .inner-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 29px !important;
  padding: 7px 13px !important;
  border: 1px solid rgba(11, 16, 32, .10) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #314158 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: 0 10px 26px rgba(11, 16, 32, .06) !important;
}

html body.console-shell-page .console-eyebrow::before,
html body.console-shell-page .inner-kicker span,
html body.account-page .console-eyebrow::before,
html body.account-page .inner-kicker span {
  content: "" !important;
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: #00bc7d !important;
  box-shadow: 0 0 0 5px rgba(0, 188, 125, .14) !important;
}

html body.console-shell-page button,
html body.console-shell-page a.console-secondary-link,
html body.console-shell-page .inner-primary,
html body.console-shell-page .inner-secondary,
html body.console-shell-page .buyer-ops-hero-actions a,
html body.console-shell-page .buyer-ops-hero-actions button,
html body.console-shell-page .console-action-row a,
html body.console-shell-page .console-action-row button,
html body.account-page button,
html body.account-page .button,
html body.account-page a.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(11, 16, 32, .14) !important;
  background: #ffffff !important;
  color: #0b1020 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: -0.3px !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

html body.console-shell-page button[type="submit"],
html body.console-shell-page .button-primary,
html body.console-shell-page .inner-primary,
html body.console-shell-page .buyer-ops-hero-actions button,
html body.console-shell-page .buyer-ops-hero-actions a:first-child,
html body.account-page .button-primary,
html body.account-page button[type="submit"] {
  border-color: #0b1020 !important;
  background: #0b1020 !important;
  color: #ffffff !important;
}

html body.console-shell-page .buyer-console-tabs {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin: 0 0 20px !important;
  padding: 8px !important;
  border: 1px solid rgba(11, 16, 32, .08) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .78) !important;
  box-shadow: 0 12px 32px rgba(11, 16, 32, .05) !important;
}

html body.console-shell-page .buyer-console-tabs button {
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: transparent !important;
  color: #62748e !important;
}

html body.console-shell-page .buyer-console-tabs button.is-active {
  background: #0b1020 !important;
  color: #ffffff !important;
}

html body.console-shell-page input,
html body.console-shell-page select,
html body.console-shell-page textarea,
html body.account-page input,
html body.account-page select,
html body.account-page textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 56px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(11, 16, 32, .10) !important;
  border-radius: 18px !important;
  background: #f7f8fa !important;
  color: #0b1020 !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 650 !important;
}

html body.console-shell-page textarea,
html body.account-page textarea {
  min-height: 118px !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

html body.console-shell-page .is-good,
html body.console-shell-page .console-infra-good,
html body.console-shell-page .buyer-step-good {
  border-color: rgba(0, 188, 125, .22) !important;
}

html body.console-shell-page .is-warn,
html body.console-shell-page .console-infra-warn,
html body.console-shell-page .buyer-step-warn {
  border-color: rgba(255, 212, 0, .36) !important;
  background: linear-gradient(180deg, #fffdf0 0%, #ffffff 72%) !important;
}

html body.console-shell-page .is-bad,
html body.console-shell-page .console-infra-bad,
html body.console-shell-page .buyer-step-bad,
html body.console-shell-page .danger {
  border-color: rgba(231, 76, 60, .24) !important;
}

@media (max-width: 860px) {
  html body.console-shell-page .console-app-shell,
  html body.account-page .auth-shell,
  html body.account-page .account-shell {
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 auto !important;
    padding: 16px 20px 48px !important;
  }

  html body.console-shell-page .inner-console-hero,
  html body.console-shell-page .console-login-panel,
  html body.console-shell-page .buyer-ops-dashboard,
  html body.console-shell-page .buyer-ops-hero,
  html body.console-shell-page .buyer-ops-readiness,
  html body.console-shell-page .buyer-ops-queue,
  html body.console-shell-page .buyer-ops-activity,
  html body.console-shell-page .buyer-ops-shortcuts,
  html body.console-shell-page .buyer-ops-runbook,
  html body.console-shell-page .buyer-guide-react-panel,
  html body.console-shell-page .console-compact-section,
  html body.console-shell-page .console-search-panel,
  html body.console-shell-page .console-game-overview,
  html body.console-shell-page .buyer-command-manager-panel,
  html body.console-shell-page .buyer-connect-code-panel,
  html body.console-shell-page .buyer-room-card,
  html body.console-shell-page .console-detail-section,
  html body.console-shell-page .console-card,
  html body.console-shell-page .admin-priority-board,
  html body.console-shell-page .admin-ops-workflow,
  html body.account-page .auth-card,
  html body.account-page .account-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 16px !important;
    padding: 24px 20px !important;
    border-radius: 26px !important;
  }

  html body.console-shell-page .buyer-ops-metrics,
  html body.console-shell-page .buyer-ops-readiness-list,
  html body.console-shell-page .buyer-ops-runbook-grid,
  html body.console-shell-page .buyer-step-overview,
  html body.console-shell-page .console-field-grid,
  html body.console-shell-page .buyer-command-manager-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  html body.console-shell-page .buyer-ops-bottom {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  html body.console-shell-page .buyer-console-tabs {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    border-radius: 22px !important;
  }

  html body.console-shell-page .buyer-console-tabs button {
    flex: 0 0 auto !important;
  }
}

/* v40 console loading/error states: no unstyled fallback surfaces. */
html body.console-shell-page .buyer-react-console {
  box-sizing: border-box !important;
  width: min(1120px, calc(100vw - 80px)) !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 70px 0 88px !important;
  background: transparent !important;
  color: #0b1020 !important;
}

html body.console-shell-page .buyer-console-error-state,
html body.console-shell-page .buyer-console-loading-state,
html body.console-shell-page .admin-console-error-state,
html body.console-shell-page .admin-console-loading-state {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 auto !important;
  padding: 36px !important;
  border: 1px solid rgba(11, 16, 32, .08) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 22px 64px rgba(11, 16, 32, .08) !important;
  color: #0b1020 !important;
}

html body.console-shell-page .buyer-console-error-state > span,
html body.console-shell-page .buyer-console-loading-state > span,
html body.console-shell-page .admin-console-error-state > span,
html body.console-shell-page .admin-console-loading-state > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 29px !important;
  padding: 7px 13px !important;
  border: 1px solid rgba(11, 16, 32, .10) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #314158 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body.console-shell-page .buyer-console-error-state > span::before,
html body.console-shell-page .buyer-console-loading-state > span::before,
html body.console-shell-page .admin-console-error-state > span::before,
html body.console-shell-page .admin-console-loading-state > span::before {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: #00bc7d !important;
  box-shadow: 0 0 0 5px rgba(0, 188, 125, .14) !important;
}

html body.console-shell-page .buyer-console-error-state h1,
html body.console-shell-page .buyer-console-loading-state h1,
html body.console-shell-page .admin-console-error-state h1,
html body.console-shell-page .admin-console-loading-state h1 {
  margin: 18px 0 12px !important;
  color: #0b1020 !important;
  font-size: clamp(30px, 5vw, 46px) !important;
  font-weight: 950 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.065em !important;
}

html body.console-shell-page .buyer-console-error-state p,
html body.console-shell-page .buyer-console-loading-state p,
html body.console-shell-page .admin-console-error-state p,
html body.console-shell-page .admin-console-loading-state p {
  color: #62748e !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
}

html body.console-shell-page .console-toast {
  box-sizing: border-box !important;
  border: 1px solid rgba(11, 16, 32, .10) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  color: #0b1020 !important;
  box-shadow: 0 22px 64px rgba(11, 16, 32, .16) !important;
}

html body.console-shell-page .console-toast-bad {
  border-color: rgba(231, 76, 60, .24) !important;
}

html body.console-shell-page .console-toast-good {
  border-color: rgba(0, 188, 125, .22) !important;
}

@media (max-width: 860px) {
  html body.console-shell-page .buyer-react-console {
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 auto !important;
    padding: 16px 20px 48px !important;
  }

  html body.console-shell-page .buyer-console-error-state,
  html body.console-shell-page .buyer-console-loading-state,
  html body.console-shell-page .admin-console-error-state,
  html body.console-shell-page .admin-console-loading-state {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 28px 26px !important;
    border-radius: 26px !important;
  }

  html body.console-shell-page .console-toast {
    left: 20px !important;
    right: 20px !important;
    width: auto !important;
    max-width: none !important;
  }
}

/* v41 install product box responsive parity with the actual home mobile geometry. */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page section.pg-hero.pg-sales-hero.install-hero.install-hero .pg-product-visual.home-product-visual.install-product-visual.install-product-visual .product-box.product-box {
    width: min(324px, calc(100vw - 75px)) !important;
    min-width: 0 !important;
    max-width: min(324px, calc(100vw - 75px)) !important;
  }
}

/* v42 command store parity: remove old catalog hero scale and match home mobile rhythm. */
@media (max-width: 860px) {
  html body.command-store-page.command-store-page main.command-store-main {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 16px 20px 48px !important;
    background: #faf8f3 !important;
  }

  html body.command-store-page.command-store-page .command-store-hero.command-store-hero {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 20px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.command-store-page.command-store-page .command-store-product-visual.command-store-product-visual,
  html body.command-store-page.command-store-page .command-store-product-visual.command-store-product-visual .visual-stage {
    order: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 240px !important;
    min-height: 240px !important;
    max-height: 240px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    transform: none !important;
  }

  html body.command-store-page.command-store-page .command-store-product-visual.command-store-product-visual .product-box.product-box {
    width: min(324px, calc(100vw - 75px)) !important;
    min-width: 0 !important;
    max-width: min(324px, calc(100vw - 75px)) !important;
    height: 221px !important;
    min-height: 221px !important;
    max-height: 221px !important;
    top: 9px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body.command-store-page.command-store-page .command-store-hero > div:not(.command-store-product-visual) {
    order: 1 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.command-store-page.command-store-page .command-store-hero h1 {
    margin: 12px 0 0 !important;
    color: #0b1020 !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.055em !important;
  }

  html body.command-store-page.command-store-page .command-store-hero p {
    margin: 12px 0 0 !important;
    color: #314158 !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    letter-spacing: -0.2px !important;
  }

  html body.command-store-page.command-store-page .command-store-hero .command-store-kicker,
  html body.command-store-page.command-store-page .command-store-hero > div:not(.command-store-product-visual) > span:first-child {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 29px !important;
    padding: 7px 13px !important;
    border: 1px solid rgba(11, 16, 32, .10) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #314158 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-shadow: 0 10px 26px rgba(11, 16, 32, .06) !important;
  }

  html body.command-store-page.command-store-page .command-store-step,
  html body.command-store-page.command-store-page .command-store-card,
  html body.command-store-page.command-store-page .command-store-section,
  html body.command-store-page.command-store-page .command-store-panel,
  html body.command-store-page.command-store-page article {
    border-radius: 26px !important;
  }
}

/* v43 mobile header hard lock: keep every route on the same home CI/header system. */
@media (max-width: 860px) {
  html body header.header,
  html body header.pg-header,
  html body header.inner-site-header {
    box-sizing: border-box !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    width: 100% !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    align-items: center !important;
    column-gap: 12px !important;
    background: rgba(250, 248, 243, .96) !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body header.header > .header-inner,
  html body header.pg-header > .pg-header-inner,
  html body header.inner-site-header > .pg-header-inner,
  html body header.inner-site-header > .inner-site-header-inner {
    display: contents !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body header.header .brand,
  html body header.pg-header .pg-brand,
  html body header.inner-site-header .inner-site-brand,
  html body header.inner-site-header .pg-brand {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    display: grid !important;
    grid-template-columns: 30px auto !important;
    grid-template-rows: 17px 12px !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 136px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    text-decoration: none !important;
  }

  html body header.header .brand-mark,
  html body header.header .brand img,
  html body header.pg-header .pg-brand img,
  html body header.inner-site-header .inner-site-brand img,
  html body header.inner-site-header .pg-brand img {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    justify-self: start !important;
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    border-radius: 9px !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body header.header .brand > span,
  html body header.pg-header .pg-brand > span,
  html body header.inner-site-header .inner-site-brand > span,
  html body header.inner-site-header .pg-brand > span {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    justify-self: start !important;
    display: grid !important;
    grid-template-rows: 17px 12px !important;
    align-items: start !important;
    gap: 0 !important;
    width: auto !important;
    height: 29px !important;
    min-height: 29px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  html body header.header .brand-name,
  html body header.header .brand strong,
  html body header.pg-header .pg-brand strong,
  html body header.inner-site-header .inner-site-brand strong,
  html body header.inner-site-header .pg-brand strong {
    display: block !important;
    color: #0b1020 !important;
    font-family: "Noto Sans KR", "Pretendard", sans-serif !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 17px !important;
    letter-spacing: -.04em !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body header.header .brand-version,
  html body header.header .brand small,
  html body header.pg-header .pg-brand small,
  html body header.inner-site-header .inner-site-brand small,
  html body header.inner-site-header .pg-brand small {
    display: block !important;
    color: #6b7c93 !important;
    font-family: "Noto Sans KR", "Pretendard", sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 12px !important;
    letter-spacing: -.02em !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body header.header .nav,
  html body header.header .actions,
  html body header.header .header-actions,
  html body header.header .signup,
  html body header.header .login,
  html body header.header .nav-logout,
  html body header.pg-header .pg-nav,
  html body header.pg-header .pg-header-actions,
  html body header.pg-header .pg-signup,
  html body header.pg-header .pg-login,
  html body header.pg-header .pg-cta-small,
  html body header.inner-site-header .inner-site-nav,
  html body header.inner-site-header .inner-site-action,
  html body header.inner-site-header .pg-nav,
  html body header.inner-site-header .pg-header-actions,
  html body header.inner-site-header .pg-signup,
  html body header.inner-site-header .pg-login,
  html body header.inner-site-header .pg-cta-small {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  html body header.header .menu-open,
  html body header.pg-header .pg-menu,
  html body header.inner-site-header .pg-menu,
  html body header.inner-site-header .menu-open {
    grid-column: 2 !important;
    justify-self: end !important;
    align-self: center !important;
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: #0b1020 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body header.header .menu-open svg,
  html body header.inner-site-header .menu-open svg {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    color: #0b1020 !important;
    stroke-width: 2.7 !important;
  }

  html body header.pg-header .pg-menu {
    color: transparent !important;
    background:
      linear-gradient(#0b1020, #0b1020) center 13px / 22px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 20px / 22px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 27px / 22px 2.4px no-repeat !important;
  }

  html body header.header::after {
    content: none !important;
    display: none !important;
  }

  html body header.pg-header::after,
  html body header.inner-site-header::after {
    content: "" !important;
    grid-column: 2 !important;
    justify-self: end !important;
    align-self: center !important;
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 999px !important;
    background:
      linear-gradient(#0b1020, #0b1020) center 13px / 22px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 20px / 22px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 27px / 22px 2.4px no-repeat !important;
    pointer-events: none !important;
  }

  html body header.pg-header:has(.pg-menu)::after,
  html body header.inner-site-header:has(.pg-menu)::after,
  html body header.inner-site-header:has(.menu-open)::after {
    content: none !important;
    display: none !important;
  }
}

@media (min-width: 861px) {
  html body header.inner-site-header .menu-open {
    display: none !important;
  }
}

/* v44 inner mobile menu: make the visible hamburger an actual usable menu. */
@media (max-width: 860px) {
  html body header.inner-site-header.is-open {
    height: auto !important;
    max-height: none !important;
    grid-template-rows: 68px auto !important;
    align-items: start !important;
    padding-top: 0 !important;
    padding-bottom: 14px !important;
  }

  html body header.inner-site-header.is-open .inner-site-brand,
  html body header.inner-site-header.is-open .menu-open {
    align-self: center !important;
  }

  html body header.inner-site-header.is-open .inner-site-nav {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 10px !important;
    pointer-events: auto !important;
    overflow: visible !important;
    gap: 6px !important;
    border: 1px solid rgba(11, 16, 32, .08) !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 22px 54px rgba(11, 16, 32, .10) !important;
  }

  html body header.inner-site-header.is-open .inner-site-nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 46px !important;
    padding: 0 14px !important;
    border-radius: 16px !important;
    color: #0b1020 !important;
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
    text-decoration: none !important;
  }

  html body header.inner-site-header.is-open .inner-site-nav a::after {
    content: "->" !important;
    color: #7a879b !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }

  html body header.inner-site-header.is-open .inner-site-nav a:hover,
  html body header.inner-site-header.is-open .inner-site-nav a:focus-visible {
    background: rgba(255, 212, 0, .18) !important;
  }
}

/* v45 defeat legacy high-specificity hidden nav rules on auth/console mobile headers. */
@media (max-width: 860px) {
  html body.auth-page.auth-page.auth-page header.inner-site-header.inner-site-header.is-open.is-open,
  html body.console-shell-page.console-shell-page.console-shell-page header.inner-site-header.inner-site-header.is-open.is-open,
  html body.account-page.account-page.account-page header.inner-site-header.inner-site-header.is-open.is-open {
    height: auto !important;
    max-height: none !important;
    min-height: 68px !important;
    grid-template-rows: 68px auto !important;
    padding-bottom: 14px !important;
    overflow: visible !important;
  }

  html body.auth-page.auth-page.auth-page header.inner-site-header.inner-site-header.is-open.is-open nav.inner-site-nav.inner-site-nav,
  html body.console-shell-page.console-shell-page.console-shell-page header.inner-site-header.inner-site-header.is-open.is-open nav.inner-site-nav.inner-site-nav,
  html body.account-page.account-page.account-page header.inner-site-header.inner-site-header.is-open.is-open nav.inner-site-nav.inner-site-nav {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 10px !important;
    margin: 0 !important;
    gap: 6px !important;
    overflow: visible !important;
    pointer-events: auto !important;
    border: 1px solid rgba(11, 16, 32, .08) !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 22px 54px rgba(11, 16, 32, .10) !important;
  }

  html body.auth-page.auth-page.auth-page header.inner-site-header.inner-site-header.is-open.is-open nav.inner-site-nav.inner-site-nav a,
  html body.console-shell-page.console-shell-page.console-shell-page header.inner-site-header.inner-site-header.is-open.is-open nav.inner-site-nav.inner-site-nav a,
  html body.account-page.account-page.account-page header.inner-site-header.inner-site-header.is-open.is-open nav.inner-site-nav.inner-site-nav a {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 46px !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 14px !important;
    border-radius: 16px !important;
    color: #0b1020 !important;
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
    text-decoration: none !important;
    pointer-events: auto !important;
  }
}

/* v46 menu item polish: left label, right arrow, no cramped centered text. */
@media (max-width: 860px) {
  html body.auth-page.auth-page.auth-page header.inner-site-header.inner-site-header.is-open.is-open nav.inner-site-nav.inner-site-nav.inner-site-nav a,
  html body.console-shell-page.console-shell-page.console-shell-page header.inner-site-header.inner-site-header.is-open.is-open nav.inner-site-nav.inner-site-nav.inner-site-nav a,
  html body.account-page.account-page.account-page header.inner-site-header.inner-site-header.is-open.is-open nav.inner-site-nav.inner-site-nav.inner-site-nav a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    padding: 0 42px 0 16px !important;
    color: #0b1020 !important;
    background: transparent !important;
  }

  html body.auth-page.auth-page.auth-page header.inner-site-header.inner-site-header.is-open.is-open nav.inner-site-nav.inner-site-nav.inner-site-nav a::after,
  html body.console-shell-page.console-shell-page.console-shell-page header.inner-site-header.inner-site-header.is-open.is-open nav.inner-site-nav.inner-site-nav.inner-site-nav a::after,
  html body.account-page.account-page.account-page header.inner-site-header.inner-site-header.is-open.is-open nav.inner-site-nav.inner-site-nav.inner-site-nav a::after {
    content: "->" !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #7a879b !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }
}

/* v47 public detail hero geometry: match the production home product-box rhythm. */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page main.pg-main > section.pg-hero.pg-sales-hero {
    margin-top: 9px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-static-page section.pg-hero.pg-sales-hero .pg-product-visual.home-product-visual .product-box.product-box {
    width: min(302.5px, calc(100vw - 87.5px)) !important;
    transform: translateY(14px) !important;
  }
}

@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page main.pg-main > section.pg-hero.pg-sales-hero {
    margin-top: 9px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-static-page section.pg-hero.pg-sales-hero .pg-product-visual.home-product-visual .product-box.product-box {
    width: 312.5px !important;
    transform: translateY(14px) !important;
  }
}

/* v48 high-specificity public product-box parity with home. */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page main.pg-main.pg-main > section.pg-hero.pg-hero.pg-sales-hero.pg-sales-hero {
    margin-top: 9px !important;
  }

  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page section.pg-hero.pg-hero.pg-sales-hero.pg-sales-hero .pg-product-visual.home-product-visual .product-box.product-box.product-box {
    width: min(302.5px, calc(100vw - 87.5px)) !important;
    min-width: 0 !important;
    max-width: min(302.5px, calc(100vw - 87.5px)) !important;
    transform: translateY(14.5px) !important;
  }
}

@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page main.pg-main.pg-main > section.pg-hero.pg-hero.pg-sales-hero.pg-sales-hero {
    margin-top: 9px !important;
  }

  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page section.pg-hero.pg-hero.pg-sales-hero.pg-sales-hero .pg-product-visual.home-product-visual .product-box.product-box.product-box {
    width: 313.9px !important;
    min-width: 0 !important;
    max-width: 313.9px !important;
    transform: translate(4.5px, 10px) !important;
  }
}

/* v49 exact home transform model for public detail product boxes. */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page section.pg-hero.pg-hero.pg-sales-hero.pg-sales-hero .pg-product-visual.home-product-visual .product-box.product-box.product-box {
    width: 350px !important;
    min-width: 350px !important;
    max-width: 350px !important;
    transform: matrix(0.868213, 0, 0, 0.868213, 0, 8.27937) !important;
    transform-origin: center top !important;
  }
}

@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page section.pg-hero.pg-hero.pg-sales-hero.pg-sales-hero .pg-product-visual.home-product-visual .product-box.product-box.product-box {
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
    transform: matrix(0.875403, 0, 0, 0.875403, 0, 6.4596) !important;
    transform-origin: center top !important;
  }
}

/* v50 product-box final geometry: same original box height and center-origin scaling as home. */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page section.pg-hero.pg-hero.pg-sales-hero.pg-sales-hero .pg-product-visual.home-product-visual .product-box.product-box.product-box {
    width: 350px !important;
    min-width: 350px !important;
    max-width: 350px !important;
    height: 246px !important;
    min-height: 246px !important;
    max-height: 246px !important;
    transform: matrix(0.868213, 0, 0, 0.868213, 0, -3.72) !important;
    transform-origin: center center !important;
  }
}

@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page section.pg-hero.pg-hero.pg-sales-hero.pg-sales-hero .pg-product-visual.home-product-visual .product-box.product-box.product-box {
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
    height: 246px !important;
    min-height: 246px !important;
    max-height: 246px !important;
    transform: matrix(0.871959, 0, 0, 0.871959, -13, -4.36) !important;
    transform-origin: center center !important;
  }
}

/* v52 final source-of-truth: match the current production home stable product geometry. */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page main.pg-main.pg-main > section.pg-hero.pg-hero.pg-sales-hero.pg-sales-hero {
    margin-top: 0 !important;
  }

  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page section.pg-hero.pg-hero.pg-sales-hero.pg-sales-hero .pg-product-visual.home-product-visual .product-box.product-box.product-box {
    width: 350px !important;
    min-width: 350px !important;
    max-width: 350px !important;
    height: 246px !important;
    min-height: 246px !important;
    max-height: 246px !important;
    transform: matrix(0.9, 0, 0, 0.9, 0, 0) !important;
    transform-origin: center center !important;
  }
}

@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page main.pg-main.pg-main > section.pg-hero.pg-hero.pg-sales-hero.pg-sales-hero {
    margin-top: 0 !important;
  }

  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page section.pg-hero.pg-hero.pg-sales-hero.pg-sales-hero .pg-product-visual.home-product-visual .product-box.product-box.product-box {
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
    height: 246px !important;
    min-height: 246px !important;
    max-height: 246px !important;
    transform: matrix(0.9, 0, 0, 0.9, 0, 0) !important;
    transform-origin: center center !important;
  }
}

/* v53 final position parity: align public detail product box to current home rect. */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page header.pg-header.pg-header button.pg-menu.pg-menu {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
  }

  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page section.pg-hero.pg-hero.pg-sales-hero.pg-sales-hero .pg-product-visual.home-product-visual .product-box.product-box.product-box {
    transform: matrix(0.9, 0, 0, 0.9, 0, -12) !important;
  }
}

@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page section.pg-hero.pg-hero.pg-sales-hero.pg-sales-hero .pg-product-visual.home-product-visual .product-box.product-box.product-box {
    transform: matrix(0.9, 0, 0, 0.9, -13.5, -12) !important;
  }
}

/* v54 header source-of-truth: internal screens must use the same CI rhythm as the home header. */
html body.auth-page > header.inner-site-header,
html body.console-shell-page > header.inner-site-header,
html body.account-page > header.inner-site-header,
html body.pixgom-inner > header.inner-site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  width: 100% !important;
  min-height: 74px !important;
  height: 74px !important;
  padding: 0 max(32px, calc((100vw - 1120px) / 2)) !important;
  display: grid !important;
  grid-template-columns: minmax(170px, 240px) minmax(360px, 1fr) auto !important;
  align-items: center !important;
  gap: 24px !important;
  background: rgba(250, 248, 243, .96) !important;
  border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.auth-page > header.inner-site-header > a.brand.inner-site-brand,
html body.console-shell-page > header.inner-site-header > a.brand.inner-site-brand,
html body.account-page > header.inner-site-header > a.brand.inner-site-brand,
html body.pixgom-inner > header.inner-site-header > a.brand.inner-site-brand {
  width: max-content !important;
  min-width: 0 !important;
  max-width: 190px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  justify-self: start !important;
  text-decoration: none !important;
  transform: none !important;
}

html body.auth-page > header.inner-site-header > a.brand.inner-site-brand > img,
html body.console-shell-page > header.inner-site-header > a.brand.inner-site-brand > img,
html body.account-page > header.inner-site-header > a.brand.inner-site-brand > img,
html body.pixgom-inner > header.inner-site-header > a.brand.inner-site-brand > img {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  border-radius: 9px !important;
  object-fit: contain !important;
  display: block !important;
  flex: 0 0 32px !important;
}

html body.auth-page > header.inner-site-header > a.brand.inner-site-brand > span,
html body.console-shell-page > header.inner-site-header > a.brand.inner-site-brand > span,
html body.account-page > header.inner-site-header > a.brand.inner-site-brand > span,
html body.pixgom-inner > header.inner-site-header > a.brand.inner-site-brand > span {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 1px !important;
  min-width: 0 !important;
  line-height: 1 !important;
}

html body.auth-page > header.inner-site-header > a.brand.inner-site-brand > span > strong,
html body.console-shell-page > header.inner-site-header > a.brand.inner-site-brand > span > strong,
html body.account-page > header.inner-site-header > a.brand.inner-site-brand > span > strong,
html body.pixgom-inner > header.inner-site-header > a.brand.inner-site-brand > span > strong {
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
  color: #0b1020 !important;
}

html body.auth-page > header.inner-site-header > a.brand.inner-site-brand > span > small,
html body.console-shell-page > header.inner-site-header > a.brand.inner-site-brand > span > small,
html body.account-page > header.inner-site-header > a.brand.inner-site-brand > span > small,
html body.pixgom-inner > header.inner-site-header > a.brand.inner-site-brand > span > small {
  margin: 0 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  letter-spacing: -.02em !important;
  color: #5f7190 !important;
}

html body.auth-page > header.inner-site-header > nav.inner-site-nav,
html body.console-shell-page > header.inner-site-header > nav.inner-site-nav,
html body.account-page > header.inner-site-header > nav.inner-site-nav,
html body.pixgom-inner > header.inner-site-header > nav.inner-site-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 42px !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

html body.auth-page > header.inner-site-header > nav.inner-site-nav a,
html body.console-shell-page > header.inner-site-header > nav.inner-site-nav a,
html body.account-page > header.inner-site-header > nav.inner-site-nav a,
html body.pixgom-inner > header.inner-site-header > nav.inner-site-nav a {
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: -.04em !important;
  color: #0f1b2d !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
}

html body.auth-page > header.inner-site-header > a.inner-site-action,
html body.console-shell-page > header.inner-site-header > a.inner-site-action,
html body.account-page > header.inner-site-header > a.inner-site-action,
html body.pixgom-inner > header.inner-site-header > a.inner-site-action {
  justify-self: end !important;
  width: auto !important;
  min-width: 104px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(11, 16, 32, .12) !important;
  background: #ffffff !important;
  color: #0b1020 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

html body.auth-page > header.inner-site-header > a.inner-site-action[href*="login"],
html body.console-shell-page > header.inner-site-header > a.inner-site-action[href*="console"],
html body.account-page > header.inner-site-header > a.inner-site-action[href*="console"],
html body.pixgom-inner > header.inner-site-header > a.inner-site-action[href*="login"] {
  border-color: #0b1020 !important;
  background: #0b1020 !important;
  color: #ffffff !important;
}

html body.auth-page > header.inner-site-header > button.menu-open,
html body.console-shell-page > header.inner-site-header > button.menu-open,
html body.account-page > header.inner-site-header > button.menu-open,
html body.pixgom-inner > header.inner-site-header > button.menu-open {
  display: none !important;
}

@media (max-width: 860px) {
  html body.auth-page > header.inner-site-header,
  html body.console-shell-page > header.inner-site-header,
  html body.account-page > header.inner-site-header,
  html body.pixgom-inner > header.inner-site-header {
    min-height: 68px !important;
    height: 68px !important;
    padding: 0 18px !important;
    grid-template-columns: minmax(0, 1fr) 40px !important;
    grid-template-rows: 68px !important;
    gap: 12px !important;
    background: rgba(250, 248, 243, .98) !important;
  }

  html body.auth-page > header.inner-site-header > a.brand.inner-site-brand,
  html body.console-shell-page > header.inner-site-header > a.brand.inner-site-brand,
  html body.account-page > header.inner-site-header > a.brand.inner-site-brand,
  html body.pixgom-inner > header.inner-site-header > a.brand.inner-site-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    max-width: 176px !important;
    align-self: center !important;
  }

  html body.auth-page > header.inner-site-header > a.brand.inner-site-brand > img,
  html body.console-shell-page > header.inner-site-header > a.brand.inner-site-brand > img,
  html body.account-page > header.inner-site-header > a.brand.inner-site-brand > img,
  html body.pixgom-inner > header.inner-site-header > a.brand.inner-site-brand > img {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
  }

  html body.auth-page > header.inner-site-header > a.brand.inner-site-brand > span > strong,
  html body.console-shell-page > header.inner-site-header > a.brand.inner-site-brand > span > strong,
  html body.account-page > header.inner-site-header > a.brand.inner-site-brand > span > strong,
  html body.pixgom-inner > header.inner-site-header > a.brand.inner-site-brand > span > strong {
    font-size: 16px !important;
  }

  html body.auth-page > header.inner-site-header > a.brand.inner-site-brand > span > small,
  html body.console-shell-page > header.inner-site-header > a.brand.inner-site-brand > span > small,
  html body.account-page > header.inner-site-header > a.brand.inner-site-brand > span > small,
  html body.pixgom-inner > header.inner-site-header > a.brand.inner-site-brand > span > small {
    font-size: 10px !important;
  }

  html body.auth-page > header.inner-site-header > nav.inner-site-nav,
  html body.console-shell-page > header.inner-site-header > nav.inner-site-nav,
  html body.account-page > header.inner-site-header > nav.inner-site-nav,
  html body.pixgom-inner > header.inner-site-header > nav.inner-site-nav,
  html body.auth-page > header.inner-site-header > a.inner-site-action,
  html body.console-shell-page > header.inner-site-header > a.inner-site-action,
  html body.account-page > header.inner-site-header > a.inner-site-action,
  html body.pixgom-inner > header.inner-site-header > a.inner-site-action {
    display: none !important;
  }

  html body.auth-page > header.inner-site-header > button.menu-open,
  html body.console-shell-page > header.inner-site-header > button.menu-open,
  html body.account-page > header.inner-site-header > button.menu-open,
  html body.pixgom-inner > header.inner-site-header > button.menu-open {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: #18110d !important;
    box-shadow: none !important;
  }

  html body.auth-page > header.inner-site-header > button.menu-open svg,
  html body.console-shell-page > header.inner-site-header > button.menu-open svg,
  html body.account-page > header.inner-site-header > button.menu-open svg,
  html body.pixgom-inner > header.inner-site-header > button.menu-open svg {
    width: 25px !important;
    height: 25px !important;
    stroke-width: 2.8 !important;
  }

  html body.auth-page > header.inner-site-header.is-open,
  html body.console-shell-page > header.inner-site-header.is-open,
  html body.account-page > header.inner-site-header.is-open,
  html body.pixgom-inner > header.inner-site-header.is-open {
    height: auto !important;
    grid-template-rows: 68px auto !important;
    padding-bottom: 14px !important;
  }

  html body.auth-page > header.inner-site-header.is-open > nav.inner-site-nav,
  html body.console-shell-page > header.inner-site-header.is-open > nav.inner-site-nav,
  html body.account-page > header.inner-site-header.is-open > nav.inner-site-nav,
  html body.pixgom-inner > header.inner-site-header.is-open > nav.inner-site-nav {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    width: 100% !important;
    padding: 10px !important;
    border: 1px solid rgba(11, 16, 32, .08) !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 22px 54px rgba(11, 16, 32, .10) !important;
  }

  html body.auth-page > header.inner-site-header.is-open > nav.inner-site-nav a,
  html body.console-shell-page > header.inner-site-header.is-open > nav.inner-site-nav a,
  html body.account-page > header.inner-site-header.is-open > nav.inner-site-nav a,
  html body.pixgom-inner > header.inner-site-header.is-open > nav.inner-site-nav a {
    min-height: 46px !important;
    padding: 0 42px 0 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border-radius: 16px !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    color: #0b1020 !important;
  }
}

/* v55 mobile header position correction: match home menu right edge exactly. */
@media (max-width: 860px) {
  html body.auth-page > header.inner-site-header > button.menu-open,
  html body.console-shell-page > header.inner-site-header > button.menu-open,
  html body.account-page > header.inner-site-header > button.menu-open,
  html body.pixgom-inner > header.inner-site-header > button.menu-open {
    position: absolute !important;
    top: 14px !important;
    right: 16px !important;
    left: auto !important;
    transform: none !important;
  }
}

/* v56 desktop CI width correction: internal pages must occupy the same logo lockup rhythm as home/public pages. */
@media (min-width: 861px) {
  html body.auth-page > header.inner-site-header > a.brand.inner-site-brand,
  html body.console-shell-page > header.inner-site-header > a.brand.inner-site-brand,
  html body.account-page > header.inner-site-header > a.brand.inner-site-brand,
  html body.pixgom-inner > header.inner-site-header > a.brand.inner-site-brand {
    width: 146.6px !important;
    max-width: 146.6px !important;
    flex: 0 0 146.6px !important;
  }
}

/* v58 direct visible-node correction for signup/apply desktop body alignment. */
@media (min-width: 861px) {
  html body.auth-page.pixgom-inner-signup .inner-hero-copy h1,
  html body.auth-page.pixgom-inner-signup .inner-hero-copy .inner-kicker,
  html body.auth-page.pixgom-inner-signup .inner-hero-copy p,
  html body.auth-page.pixgom-inner-signup .inner-hero-copy mark,
  html body.auth-page.pixgom-inner-apply .inner-hero-copy h1,
  html body.auth-page.pixgom-inner-apply .inner-hero-copy .inner-kicker,
  html body.auth-page.pixgom-inner-apply .inner-hero-copy p,
  html body.auth-page.pixgom-inner-apply .inner-hero-copy mark {
    transform: translateX(-40px) !important;
  }
}

/* v62 internal mobile CI text lockup: match home logo/version visual rhythm. */
@media (max-width: 860px) {
  html body.auth-page > header.inner-site-header > a.brand.inner-site-brand > span,
  html body.console-shell-page > header.inner-site-header > a.brand.inner-site-brand > span,
  html body.account-page > header.inner-site-header > a.brand.inner-site-brand > span,
  html body.pixgom-inner > header.inner-site-header > a.brand.inner-site-brand > span {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 15px !important;
    align-items: center !important;
    width: 58.7px !important;
    min-width: 58.7px !important;
    max-width: 58.7px !important;
    height: 15px !important;
    min-height: 15px !important;
    max-height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body.auth-page > header.inner-site-header > a.brand.inner-site-brand > span > strong,
  html body.console-shell-page > header.inner-site-header > a.brand.inner-site-brand > span > strong,
  html body.account-page > header.inner-site-header > a.brand.inner-site-brand > span > strong,
  html body.pixgom-inner > header.inner-site-header > a.brand.inner-site-brand > span > strong {
    grid-area: 1 / 1 !important;
    align-self: center !important;
    display: block !important;
    width: 58.7px !important;
    height: 15px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.3px !important;
  }

  html body.auth-page > header.inner-site-header > a.brand.inner-site-brand > span > small,
  html body.console-shell-page > header.inner-site-header > a.brand.inner-site-brand > span > small,
  html body.account-page > header.inner-site-header > a.brand.inner-site-brand > span > small,
  html body.pixgom-inner > header.inner-site-header > a.brand.inner-site-brand > span > small {
    grid-area: 1 / 1 !important;
    align-self: center !important;
    display: block !important;
    width: 34.1px !important;
    height: 10px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 10px !important;
    letter-spacing: -0.4px !important;
    transform: translateY(3px) !important;
  }
}

/* v63 stronger internal CI override: defeat legacy two-row logo text grid on mobile. */
@media (max-width: 860px) {
  html body.auth-page.auth-page > header.inner-site-header.inner-site-header > a.brand.inner-site-brand.inner-site-brand > span,
  html body.console-shell-page.console-shell-page > header.inner-site-header.inner-site-header > a.brand.inner-site-brand.inner-site-brand > span,
  html body.pixgom-inner.pixgom-inner > header.inner-site-header.inner-site-header > a.brand.inner-site-brand.inner-site-brand > span {
    display: grid !important;
    grid-template-rows: 15px !important;
    grid-auto-rows: 15px !important;
    row-gap: 0 !important;
    align-content: center !important;
    align-items: center !important;
    width: 58.7px !important;
    height: 15px !important;
    min-height: 15px !important;
    max-height: 15px !important;
    line-height: 15px !important;
  }

  html body.auth-page.auth-page > header.inner-site-header.inner-site-header > a.brand.inner-site-brand.inner-site-brand > span > strong,
  html body.console-shell-page.console-shell-page > header.inner-site-header.inner-site-header > a.brand.inner-site-brand.inner-site-brand > span > strong,
  html body.pixgom-inner.pixgom-inner > header.inner-site-header.inner-site-header > a.brand.inner-site-brand.inner-site-brand > span > strong,
  html body.auth-page.auth-page > header.inner-site-header.inner-site-header > a.brand.inner-site-brand.inner-site-brand > span > small,
  html body.console-shell-page.console-shell-page > header.inner-site-header.inner-site-header > a.brand.inner-site-brand.inner-site-brand > span > small,
  html body.pixgom-inner.pixgom-inner > header.inner-site-header.inner-site-header > a.brand.inner-site-brand.inner-site-brand > span > small {
    grid-row: 1 !important;
    grid-column: 1 !important;
  }
}

/* v64 internal header uses the same split CI nodes as home: logo + brand-name + brand-version. */
@media (max-width: 860px) {
  html body header.inner-site-header a.inner-site-brand .brand-name,
  html body header.inner-site-header a.inner-site-brand .brand-version {
    display: block !important;
    grid-area: auto !important;
    align-self: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body header.inner-site-header a.inner-site-brand .brand-name {
    width: 58.7px !important;
    height: 15px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.3px !important;
    color: #0b1020 !important;
    transform: none !important;
  }

  html body header.inner-site-header a.inner-site-brand .brand-version {
    width: 34.1px !important;
    height: 10px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 10px !important;
    letter-spacing: -0.4px !important;
    color: #62748e !important;
    transform: translateX(-58.7px) translateY(3px) !important;
  }
}

/* v65 final internal mobile CI: pin name/version to the same rects as home, independent of span legacy rules. */
@media (max-width: 860px) {
  html body header.inner-site-header a.inner-site-brand {
    position: relative !important;
  }

  html body.auth-page.auth-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-name.brand-name,
  html body.console-shell-page.console-shell-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-name.brand-name,
  html body.pixgom-inner.pixgom-inner header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-name.brand-name {
    position: absolute !important;
    left: 0 !important;
    top: 7px !important;
    width: 58.7px !important;
    min-width: 58.7px !important;
    max-width: 58.7px !important;
    height: 15px !important;
    min-height: 15px !important;
    max-height: 15px !important;
    display: block !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.3px !important;
    transform: none !important;
  }

  html body.auth-page.auth-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-version.brand-version,
  html body.console-shell-page.console-shell-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-version.brand-version,
  html body.pixgom-inner.pixgom-inner header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-version.brand-version {
    position: absolute !important;
    left: 0 !important;
    top: 10px !important;
    width: 34.1px !important;
    min-width: 34.1px !important;
    max-width: 34.1px !important;
    height: 10px !important;
    min-height: 10px !important;
    max-height: 10px !important;
    display: block !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 10px !important;
    letter-spacing: -0.4px !important;
    transform: none !important;
  }
}

/* v69 definitive mobile CI lockup appended at EOF: final rule wins over every legacy/header variant. */
@media (max-width: 860px) {
  html body header.header.header a.brand.brand,
  html body header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand {
    position: relative !important;
    width: 98px !important;
    min-width: 98px !important;
    max-width: 98px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }

  html body header.header.header a.brand.brand span.brand-name.brand-name,
  html body header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-name.brand-name {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;
    display: block !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.3px !important;
    color: #0b1020 !important;
    transform: none !important;
  }

  html body header.header.header a.brand.brand span.brand-version.brand-version,
  html body header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-version.brand-version {
    position: absolute !important;
    left: 0 !important;
    top: 17px !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    display: block !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 10px !important;
    letter-spacing: -0.4px !important;
    color: #62748e !important;
    transform: none !important;
  }
}

/* v70 inner mobile CI final override with legacy specificity parity. */
@media (max-width: 860px) {
  html body.auth-page.auth-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-name.brand-name,
  html body.console-shell-page.console-shell-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-name.brand-name,
  html body.pixgom-inner.pixgom-inner header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-name.brand-name {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;
    display: block !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.3px !important;
    color: #0b1020 !important;
    transform: none !important;
  }

  html body.auth-page.auth-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-version.brand-version,
  html body.console-shell-page.console-shell-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-version.brand-version,
  html body.pixgom-inner.pixgom-inner header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-version.brand-version {
    position: absolute !important;
    left: 0 !important;
    top: 17px !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    display: block !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 10px !important;
    letter-spacing: -0.4px !important;
    color: #62748e !important;
    transform: none !important;
  }
}

/* v71 definitive CI lockup: home, public pages, auth pages and console fallback share one geometry. */
@media (max-width: 860px) {
  html body header.pg-header a.pg-brand,
  html body header.header a.brand,
  html body header.inner-site-header a.inner-site-brand,
  html body main.console-app-shell a.inner-console-brand {
    position: relative !important;
    display: block !important;
    width: 98px !important;
    min-width: 98px !important;
    max-width: 98px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
  }

  html body header.pg-header a.pg-brand img,
  html body header.header a.brand img,
  html body header.inner-site-header a.inner-site-brand img,
  html body main.console-app-shell a.inner-console-brand img {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    display: block !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body header.pg-header a.pg-brand .brand-name,
  html body header.header a.brand .brand-name,
  html body header.inner-site-header a.inner-site-brand .brand-name,
  html body main.console-app-shell a.inner-console-brand .brand-name {
    position: absolute !important;
    left: 40px !important;
    top: 0 !important;
    display: block !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.3px !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body header.pg-header a.pg-brand .brand-version,
  html body header.header a.brand .brand-version,
  html body header.inner-site-header a.inner-site-brand .brand-version,
  html body main.console-app-shell a.inner-console-brand .brand-version {
    position: absolute !important;
    left: 40px !important;
    top: 17px !important;
    display: block !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 10px !important;
    letter-spacing: -0.4px !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body header.pg-header a.pg-brand span:not(.brand-name):not(.brand-version),
  html body header.header a.brand span:not(.brand-name):not(.brand-version),
  html body header.inner-site-header a.inner-site-brand span:not(.brand-name):not(.brand-version),
  html body main.console-app-shell a.inner-console-brand span:not(.brand-name):not(.brand-version) {
    display: contents !important;
  }
}

/* v72 home logo mark fix: the home header uses svg.brand-mark, not img. */
@media (max-width: 860px) {
  html body header.header a.brand svg.brand-mark,
  html body header.header a.brand .brand-mark {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    display: block !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    flex: none !important;
    transform: none !important;
  }

  html body header.header a.brand .brand-name,
  html body header.header a.brand .brand-version {
    left: 40px !important;
  }
}

/* v73 final specificity parity: override old v69 home selectors exactly. */
@media (max-width: 860px) {
  html body header.header.header a.brand.brand {
    position: relative !important;
    display: block !important;
    width: 98px !important;
    min-width: 98px !important;
    max-width: 98px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body header.header.header a.brand.brand svg.brand-mark.brand-mark,
  html body header.header.header a.brand.brand .brand-mark.brand-mark {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    display: block !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    flex: none !important;
    transform: none !important;
  }

  html body header.header.header a.brand.brand span.brand-name.brand-name {
    position: absolute !important;
    left: 40px !important;
    top: 0 !important;
    display: block !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.3px !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body header.header.header a.brand.brand span.brand-version.brand-version {
    position: absolute !important;
    left: 40px !important;
    top: 17px !important;
    display: block !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 10px !important;
    letter-spacing: -0.4px !important;
    white-space: nowrap !important;
    transform: none !important;
  }
}

/* v74 final public-page CI lockup: pg-header pages must match home header geometry. */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand,
  html body.pixgom-unified.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    position: relative !important;
    display: block !important;
    width: 98px !important;
    min-width: 98px !important;
    max-width: 98px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    text-align: left !important;
  }

  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand img,
  html body.pixgom-unified.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand img {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    display: block !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    flex: none !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-name.brand-name,
  html body.pixgom-unified.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-name.brand-name {
    position: absolute !important;
    left: 40px !important;
    top: 0 !important;
    display: block !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.3px !important;
    white-space: nowrap !important;
    text-align: left !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-version.brand-version,
  html body.pixgom-unified.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-version.brand-version {
    position: absolute !important;
    left: 40px !important;
    top: 17px !important;
    display: block !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 10px !important;
    letter-spacing: -0.4px !important;
    white-space: nowrap !important;
    text-align: left !important;
    transform: none !important;
  }
}

/* v75 mobile public header position lock: remove pg-header brand from grid drift. */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header,
  html body.pixgom-unified.pixgom-sales-page header.pg-header.pg-header {
    position: sticky !important;
    top: 0 !important;
    min-height: 68px !important;
    height: 68px !important;
    padding: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand,
  html body.pixgom-unified.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand {
    position: absolute !important;
    left: 16px !important;
    top: 16px !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header button.pg-menu.pg-menu,
  html body.pixgom-unified.pixgom-sales-page header.pg-header.pg-header button.pg-menu.pg-menu {
    position: absolute !important;
    right: 14px !important;
    top: 12px !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
  }
}

/* v76 mobile public CI viewport lock: force exact home coordinates on pg-header pages. */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand img,
  html body.pixgom-unified.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand img {
    position: fixed !important;
    left: 16px !important;
    top: 16px !important;
    z-index: 60 !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-name.brand-name,
  html body.pixgom-unified.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-name.brand-name {
    position: fixed !important;
    left: 56px !important;
    top: 16px !important;
    z-index: 60 !important;
    width: 58px !important;
    height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-version.brand-version,
  html body.pixgom-unified.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-version.brand-version {
    position: fixed !important;
    left: 56px !important;
    top: 33px !important;
    z-index: 60 !important;
    width: 58px !important;
    height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }
}

/* v77 desktop public header parity and overflow guard. */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page,
  html body.pixgom-unified.pixgom-sales-page {
    overflow-x: hidden !important;
  }

  html body.pixgom-unified.pixgom-static-page .pg-main,
  html body.pixgom-unified.pixgom-sales-page .pg-main {
    overflow-x: clip !important;
  }

  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand,
  html body.pixgom-unified.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 220px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    text-decoration: none !important;
  }

  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand img,
  html body.pixgom-unified.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand img {
    position: static !important;
    display: block !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-name.brand-name,
  html body.pixgom-unified.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-name.brand-name {
    position: static !important;
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 15px !important;
    min-height: 15px !important;
    max-height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.3px !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-version.brand-version,
  html body.pixgom-unified.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-version.brand-version {
    position: static !important;
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 10px !important;
    min-height: 10px !important;
    max-height: 10px !important;
    margin: 0 0 0 2px !important;
    padding: 0 !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 10px !important;
    letter-spacing: -0.4px !important;
    white-space: nowrap !important;
    transform: translateY(1px) !important;
  }
}


/* v78 emergency header/CI lock: mobile inner pages must visually match the home header. */
@media (max-width: 860px) {
  html body header.inner-site-header.inner-site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 122px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    background: rgba(250, 248, 243, 0.94) !important;
    border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
    box-shadow: none !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    overflow: visible !important;
  }

  html body header.inner-site-header.inner-site-header > .inner-site-header-inner,
  html body header.inner-site-header.inner-site-header > .pg-header-inner {
    display: contents !important;
  }

  html body header.inner-site-header.inner-site-header a.brand.inner-site-brand.inner-site-brand,
  html body header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    position: relative !important;
    display: block !important;
    width: 122px !important;
    min-width: 122px !important;
    max-width: 122px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    text-decoration: none !important;
    overflow: visible !important;
    transform: none !important;
  }

  html body header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand img {
    position: absolute !important;
    left: 0 !important;
    top: 5px !important;
    display: block !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    transform: none !important;
  }

  html body header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand .brand-name,
  html body header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-name.brand-name {
    position: absolute !important;
    left: 40px !important;
    top: 4px !important;
    display: block !important;
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 17px !important;
    letter-spacing: -0.35px !important;
    white-space: nowrap !important;
    text-align: left !important;
    transform: none !important;
  }

  html body header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand .brand-version,
  html body header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-version.brand-version {
    position: absolute !important;
    left: 40px !important;
    top: 22px !important;
    display: block !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 10px !important;
    min-height: 10px !important;
    max-height: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 10px !important;
    letter-spacing: -0.35px !important;
    white-space: nowrap !important;
    text-align: left !important;
    transform: none !important;
  }

  html body header.inner-site-header.inner-site-header .inner-site-nav,
  html body header.inner-site-header.inner-site-header .inner-site-action,
  html body header.inner-site-header.inner-site-header .pg-nav,
  html body header.inner-site-header.inner-site-header .pg-header-actions,
  html body header.inner-site-header.inner-site-header .pg-login,
  html body header.inner-site-header.inner-site-header .pg-signup {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body header.inner-site-header.inner-site-header button.menu-open.menu-open,
  html body header.inner-site-header.inner-site-header button.pg-menu.pg-menu {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    position: static !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #1a140f !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body header.inner-site-header.inner-site-header button.menu-open.menu-open svg,
  html body header.inner-site-header.inner-site-header button.pg-menu.pg-menu svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    stroke-width: 2.5 !important;
  }
}

/* v79 public pg-header mobile lock: match home header exact x/y geometry. */
@media (max-width: 860px) {
  html body.pixgom-unified header.pg-header.pg-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 98px minmax(0, 1fr) 40px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    background: rgba(250, 248, 243, 0.94) !important;
    border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
    box-shadow: none !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    overflow: visible !important;
  }

  html body.pixgom-unified header.pg-header.pg-header > .pg-header-inner,
  html body.pixgom-unified header.pg-header.pg-header > .inner-site-header-inner {
    display: contents !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    width: 98px !important;
    min-width: 98px !important;
    max-width: 98px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  html body.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand img {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    display: block !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    object-fit: contain !important;
    transform: none !important;
  }

  html body.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand .brand-name,
  html body.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand span.brand-name.brand-name {
    position: absolute !important;
    left: 40px !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    display: block !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 17px !important;
    letter-spacing: -0.35px !important;
    white-space: nowrap !important;
    text-align: left !important;
    transform: none !important;
  }

  html body.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand .brand-version,
  html body.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand span.brand-version.brand-version {
    position: absolute !important;
    left: 40px !important;
    top: 17px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    display: block !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 10px !important;
    letter-spacing: -0.35px !important;
    white-space: nowrap !important;
    text-align: left !important;
    transform: none !important;
  }

  html body.pixgom-unified header.pg-header.pg-header .pg-nav,
  html body.pixgom-unified header.pg-header.pg-header .pg-header-actions,
  html body.pixgom-unified header.pg-header.pg-header .pg-login,
  html body.pixgom-unified header.pg-header.pg-header .pg-signup {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body.pixgom-unified header.pg-header.pg-header button.pg-menu.pg-menu {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #1a140f !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified header.pg-header.pg-header button.pg-menu.pg-menu::before,
  html body.pixgom-unified header.pg-header.pg-header button.pg-menu.pg-menu::after {
    content: none !important;
  }
}

/* v80 final header geometry override: defeat older high-specificity header rules. */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page header.pg-header.pg-header,
  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header,
  html body.pixgom-unified.pixgom-sales-page header.pg-header.pg-header {
    position: sticky !important;
    top: 0 !important;
    display: grid !important;
    grid-template-columns: 98px minmax(0, 1fr) 40px !important;
    align-items: center !important;
    width: 100% !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    background: rgba(250, 248, 243, 0.94) !important;
    border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page header.pg-header.pg-header > .pg-header-inner,
  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header > .pg-header-inner,
  html body.pixgom-unified.pixgom-sales-page header.pg-header.pg-header > .pg-header-inner {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand,
  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand,
  html body.pixgom-unified.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    position: absolute !important;
    left: 0 !important;
    top: 14px !important;
    display: block !important;
    width: 98px !important;
    min-width: 98px !important;
    max-width: 98px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand img,
  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand img,
  html body.pixgom-unified.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand img {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    z-index: auto !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-name.brand-name,
  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-name.brand-name,
  html body.pixgom-unified.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-name.brand-name {
    position: absolute !important;
    left: 40px !important;
    top: 0 !important;
    z-index: auto !important;
    display: block !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 17px !important;
    letter-spacing: -0.35px !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-version.brand-version,
  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-version.brand-version,
  html body.pixgom-unified.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-version.brand-version {
    position: absolute !important;
    left: 40px !important;
    top: 17px !important;
    z-index: auto !important;
    display: block !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 10px !important;
    letter-spacing: -0.35px !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page header.pg-header.pg-header button.pg-menu.pg-menu,
  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header button.pg-menu.pg-menu,
  html body.pixgom-unified.pixgom-sales-page header.pg-header.pg-header button.pg-menu.pg-menu {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    position: absolute !important;
    right: 0 !important;
    top: 14px !important;
    left: auto !important;
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #1a140f !important;
    font-size: 0 !important;
    line-height: 0 !important;
    transform: none !important;
  }

  html body.auth-page.auth-page header.inner-site-header.inner-site-header,
  html body.console-shell-page.console-shell-page header.inner-site-header.inner-site-header,
  html body.account-page.account-page header.inner-site-header.inner-site-header,
  html body.pixgom-inner.pixgom-inner header.inner-site-header.inner-site-header {
    grid-template-columns: 98px minmax(0, 1fr) 40px !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 0 16px !important;
  }

  html body.auth-page.auth-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand,
  html body.console-shell-page.console-shell-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand,
  html body.account-page.account-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand,
  html body.pixgom-inner.pixgom-inner header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand {
    position: relative !important;
    display: block !important;
    width: 98px !important;
    min-width: 98px !important;
    max-width: 98px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.auth-page.auth-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand img,
  html body.console-shell-page.console-shell-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand img,
  html body.account-page.account-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand img,
  html body.pixgom-inner.pixgom-inner header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand img {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.auth-page.auth-page header.inner-site-header.inner-site-header button.menu-open.menu-open,
  html body.console-shell-page.console-shell-page header.inner-site-header.inner-site-header button.menu-open.menu-open,
  html body.account-page.account-page header.inner-site-header.inner-site-header button.menu-open.menu-open,
  html body.pixgom-inner.pixgom-inner header.inner-site-header.inner-site-header button.menu-open.menu-open {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
  }
}

/* v81 public header text lock: remove grid placement from brand children. */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 14px !important;
    width: 98px !important;
    min-width: 98px !important;
    max-width: 98px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand img,
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-name.brand-name,
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-version.brand-version {
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: auto !important;
    align-self: auto !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand img {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 30px !important;
    height: 30px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-name.brand-name {
    position: absolute !important;
    left: 40px !important;
    top: 0 !important;
    width: 58px !important;
    height: 17px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-version.brand-version {
    position: absolute !important;
    left: 40px !important;
    top: 17px !important;
    width: 58px !important;
    height: 12px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page header.pg-header.pg-header button.pg-menu.pg-menu {
    position: absolute !important;
    right: 16px !important;
    left: auto !important;
    top: 14px !important;
    width: 40px !important;
    height: 40px !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
}

/* v82 desktop product-box parity: public pages use the same 170px box frame as home. */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page .pg-sales-hero .pg-product-visual .box-outer,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page .pg-sales-hero .home-product-visual .box-outer,
  html body.pixgom-unified.pixgom-sales-page .pg-sales-hero .pg-product-visual .box-outer,
  html body.pixgom-unified.pixgom-sales-page .pg-sales-hero .home-product-visual .box-outer {
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
    height: 230px !important;
    min-height: 230px !important;
    max-height: 230px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* v83 desktop header parity: public and inner pages share the home desktop header geometry. */
@media (min-width: 861px) {
  html body.pixgom-unified header.pg-header.pg-header,
  html body.auth-page.auth-page header.inner-site-header.inner-site-header,
  html body.console-shell-page.console-shell-page header.inner-site-header.inner-site-header,
  html body.account-page.account-page header.inner-site-header.inner-site-header,
  html body.pixgom-inner.pixgom-inner header.inner-site-header.inner-site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 187px minmax(0, 1fr) auto !important;
    align-items: center !important;
    width: 100% !important;
    height: 73px !important;
    min-height: 73px !important;
    max-height: 73px !important;
    padding: 0 40px !important;
    margin: 0 !important;
    background: #faf8f3 !important;
    border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
    box-shadow: none !important;
  }

  html body.pixgom-unified header.pg-header.pg-header > .pg-header-inner,
  html body.auth-page.auth-page header.inner-site-header.inner-site-header > .inner-site-header-inner,
  html body.console-shell-page.console-shell-page header.inner-site-header.inner-site-header > .inner-site-header-inner,
  html body.account-page.account-page header.inner-site-header.inner-site-header > .inner-site-header-inner,
  html body.pixgom-inner.pixgom-inner header.inner-site-header.inner-site-header > .inner-site-header-inner {
    display: contents !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand,
  html body.auth-page.auth-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand,
  html body.console-shell-page.console-shell-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand,
  html body.account-page.account-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand,
  html body.pixgom-inner.pixgom-inner header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    position: static !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 147px !important;
    min-width: 147px !important;
    max-width: 147px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    text-decoration: none !important;
    transform: none !important;
  }

  html body.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand img,
  html body.auth-page.auth-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand img,
  html body.console-shell-page.console-shell-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand img,
  html body.account-page.account-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand img,
  html body.pixgom-inner.pixgom-inner header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand img {
    position: static !important;
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand span.brand-name.brand-name,
  html body.auth-page.auth-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-name.brand-name,
  html body.console-shell-page.console-shell-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-name.brand-name,
  html body.account-page.account-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-name.brand-name,
  html body.pixgom-inner.pixgom-inner header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-name.brand-name {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -0.35px !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand span.brand-version.brand-version,
  html body.auth-page.auth-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-version.brand-version,
  html body.console-shell-page.console-shell-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-version.brand-version,
  html body.account-page.account-page header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-version.brand-version,
  html body.pixgom-inner.pixgom-inner header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-version.brand-version {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 0 0 2px !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -0.35px !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body.pixgom-unified header.pg-header.pg-header .pg-nav,
  html body.auth-page.auth-page header.inner-site-header.inner-site-header .inner-site-nav,
  html body.console-shell-page.console-shell-page header.inner-site-header.inner-site-header .inner-site-nav,
  html body.account-page.account-page header.inner-site-header.inner-site-header .inner-site-nav,
  html body.pixgom-inner.pixgom-inner header.inner-site-header.inner-site-header .inner-site-nav {
    grid-column: 2 !important;
    justify-self: center !important;
    align-self: center !important;
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 34px !important;
    width: auto !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified header.pg-header.pg-header .pg-header-actions,
  html body.auth-page.auth-page header.inner-site-header.inner-site-header .inner-site-action,
  html body.console-shell-page.console-shell-page header.inner-site-header.inner-site-header .inner-site-action,
  html body.account-page.account-page header.inner-site-header.inner-site-header .inner-site-action,
  html body.pixgom-inner.pixgom-inner header.inner-site-header.inner-site-header .inner-site-action {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    position: static !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: auto !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* v84 desktop header hard lock: absolute home-like positions across public and inner pages. */
@media (min-width: 861px) {
  html body.pixgom-unified header.pg-header.pg-header,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified header.inner-site-header.inner-site-header,
  html body.pixgom-unified.pixgom-inner header.inner-site-header.inner-site-header,
  html body.sub-page.account-page.pixgom-unified header.pg-header.pg-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    display: block !important;
    width: 100% !important;
    height: 73px !important;
    min-height: 73px !important;
    max-height: 73px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #faf8f3 !important;
    border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
    box-shadow: none !important;
  }

  html body.pixgom-unified header.pg-header.pg-header > .pg-header-inner,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified header.inner-site-header.inner-site-header > .inner-site-header-inner,
  html body.pixgom-unified.pixgom-inner header.inner-site-header.inner-site-header > .inner-site-header-inner,
  html body.sub-page.account-page.pixgom-unified header.pg-header.pg-header > .pg-header-inner {
    display: contents !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand,
  html body.pixgom-unified.pixgom-inner header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand,
  html body.sub-page.account-page.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand {
    position: absolute !important;
    left: 40px !important;
    top: 15px !important;
    right: auto !important;
    bottom: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 147px !important;
    min-width: 147px !important;
    max-width: 147px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand img,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand img,
  html body.pixgom-unified.pixgom-inner header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand img,
  html body.sub-page.account-page.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand img {
    position: static !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand span.brand-name.brand-name,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-name.brand-name,
  html body.pixgom-unified.pixgom-inner header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-name.brand-name,
  html body.sub-page.account-page.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand span.brand-name.brand-name {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -0.35px !important;
    transform: none !important;
  }

  html body.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand span.brand-version.brand-version,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-version.brand-version,
  html body.pixgom-unified.pixgom-inner header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-version.brand-version,
  html body.sub-page.account-page.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand span.brand-version.brand-version {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 0 0 2px !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -0.35px !important;
    transform: none !important;
  }

  html body.pixgom-unified header.pg-header.pg-header .pg-nav,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified header.inner-site-header.inner-site-header .inner-site-nav,
  html body.pixgom-unified.pixgom-inner header.inner-site-header.inner-site-header .inner-site-nav,
  html body.sub-page.account-page.pixgom-unified header.pg-header.pg-header .pg-nav {
    position: absolute !important;
    left: 50% !important;
    top: 15px !important;
    right: auto !important;
    bottom: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 34px !important;
    width: auto !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }

  html body.pixgom-unified header.pg-header.pg-header .pg-header-actions,
  html body.pixgom-unified header.pg-header.pg-header a.pg-login,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified header.inner-site-header.inner-site-header .inner-site-action,
  html body.pixgom-unified.pixgom-inner header.inner-site-header.inner-site-header .inner-site-action,
  html body.sub-page.account-page.pixgom-unified header.pg-header.pg-header .pg-header-actions,
  html body.sub-page.account-page.pixgom-unified header.pg-header.pg-header a.pg-login {
    position: absolute !important;
    right: 40px !important;
    top: 14px !important;
    left: auto !important;
    bottom: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    width: auto !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }
}

/* v85 desktop public CI parity: public pg-header uses the exact home lockup size. */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand,
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand,
  html body.sub-page.account-page.pixgom-unified.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand {
    position: absolute !important;
    left: 40px !important;
    top: 15px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 147px !important;
    min-width: 147px !important;
    max-width: 147px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand img,
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand img,
  html body.sub-page.account-page.pixgom-unified.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand img {
    position: static !important;
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-name.brand-name,
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-name.brand-name,
  html body.sub-page.account-page.pixgom-unified.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand span.brand-name.brand-name {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -0.35px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-version.brand-version,
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand span.brand-version.brand-version,
  html body.sub-page.account-page.pixgom-unified.pixgom-unified header.pg-header.pg-header a.pg-brand.pg-brand span.brand-version.brand-version {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 0 0 2px !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -0.35px !important;
  }
}

/* v86 auth form polish: keep auth/apply cards in the same product-system language as home. */
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .login-card {
  border-radius: 28px !important;
  background: #ffffff !important;
  border: 1px solid rgba(11, 16, 32, 0.08) !important;
  box-shadow: 0 28px 70px rgba(11, 16, 32, 0.08) !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card input:not([type="checkbox"]):not([type="radio"]),
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card textarea,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card select,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card input:not([type="checkbox"]):not([type="radio"]),
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card textarea,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card select {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 18px !important;
  color: #0b1020 !important;
  background: #f7f8fa !important;
  border: 1px solid rgba(98, 116, 142, 0.18) !important;
  border-radius: 18px !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  outline: none !important;
  box-shadow: none !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card textarea,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card textarea {
  height: auto !important;
  min-height: 112px !important;
  padding-top: 16px !important;
  resize: vertical !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card input[type="checkbox"],
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card input[type="radio"],
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card input[type="checkbox"],
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card input[type="radio"] {
  appearance: auto !important;
  -webkit-appearance: auto !important;
  box-sizing: border-box !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  accent-color: #0b1020 !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card label,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card label {
  color: #46566f !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card .button,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card .button,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card button[type="submit"],
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card button[type="submit"],
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card a.button,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card a.button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 54px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: -0.2px !important;
  text-decoration: none !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card .button-primary,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card .button-primary,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card button[type="submit"],
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card button[type="submit"] {
  color: #ffffff !important;
  background: #0b1020 !important;
  border: 1px solid #0b1020 !important;
  box-shadow: 0 16px 30px rgba(11, 16, 32, 0.18) !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card .button-secondary,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card .button-secondary,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card .google-button,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card .google-button {
  color: #0b1020 !important;
  background: #ffffff !important;
  border: 1px solid rgba(11, 16, 32, 0.14) !important;
  box-shadow: none !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card .kakao-button,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card .kakao-button {
  color: #0b1020 !important;
  background: #ffd400 !important;
  border: 1px solid #ffd400 !important;
  box-shadow: none !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card a:not(.brand):not(.inner-site-brand):not(.button):not(.inner-primary):not(.inner-secondary),
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card a:not(.brand):not(.inner-site-brand):not(.button):not(.inner-primary):not(.inner-secondary) {
  color: #0b1020 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

@media (max-width: 860px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-shell,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified main.auth-shell,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified main.inner-reference-shell {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: calc(100svh - 68px) !important;
    padding: 16px 20px 56px !important;
    margin: 0 !important;
    background: #faf8f3 !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .login-card {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 350px !important;
    margin: 0 auto !important;
    padding: 28px 20px !important;
    border-radius: 26px !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card .form-grid,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card .form-grid,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card form,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card .button,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card .button,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card button[type="submit"],
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card button[type="submit"] {
    width: 100% !important;
  }
}

@media (min-width: 861px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .login-card {
    box-sizing: border-box !important;
    width: 430px !important;
    max-width: 430px !important;
    padding: 31px !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card .form-grid,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card .form-grid,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card form,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}

/* v87 signup consent rows: checkbox must not inherit text-field 56px height. */
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card .consent-list,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card .consent-list {
  display: grid !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 12px !important;
  margin: 2px 0 0 !important;
  background: #f7f8fa !important;
  border: 1px solid rgba(98, 116, 142, 0.14) !important;
  border-radius: 22px !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card label.check-row,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card label.check-row {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 12px !important;
  width: 100% !important;
  min-height: auto !important;
  height: auto !important;
  padding: 12px 14px !important;
  margin: 0 !important;
  color: #46566f !important;
  background: #ffffff !important;
  border: 1px solid rgba(98, 116, 142, 0.12) !important;
  border-radius: 18px !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card label.check-row input[type="checkbox"],
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card .consent-list input[type="checkbox"],
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card label.check-row input[type="checkbox"],
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card .consent-list input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  box-sizing: border-box !important;
  display: inline-block !important;
  grid-column: 1 !important;
  justify-self: center !important;
  align-self: center !important;
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  accent-color: #0b1020 !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .auth-card label.check-row span,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified .inner-form-card label.check-row span {
  grid-column: 2 !important;
  display: block !important;
  min-width: 0 !important;
  color: #46566f !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.5 !important;
}

/* v88 beat detail-page input rule for signup consent checkboxes. */
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified section.auth-card input[type="checkbox"],
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified section.auth-card .consent-list input[type="checkbox"],
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified section.auth-card label.check-row input[type="checkbox"],
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified section.auth-card input[type="checkbox"],
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified section.auth-card .consent-list input[type="checkbox"],
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified section.auth-card label.check-row input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  box-sizing: border-box !important;
  display: inline-block !important;
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  accent-color: #0b1020 !important;
}

/* v89 console shell header parity: console pages use the same desktop header as home. */
@media (min-width: 861px) {
  html body.console-shell-page.console-shell-page.pixgom-unified header.inner-site-header.inner-site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    display: block !important;
    width: 100% !important;
    height: 73px !important;
    min-height: 73px !important;
    max-height: 73px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #faf8f3 !important;
    border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
    box-shadow: none !important;
  }

  html body.console-shell-page.console-shell-page.pixgom-unified header.inner-site-header.inner-site-header > .inner-site-header-inner {
    display: contents !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.console-shell-page.console-shell-page.pixgom-unified header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand {
    position: absolute !important;
    left: 40px !important;
    top: 15px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 147px !important;
    min-width: 147px !important;
    max-width: 147px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.console-shell-page.console-shell-page.pixgom-unified header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand img {
    position: static !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.console-shell-page.console-shell-page.pixgom-unified header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-name.brand-name {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -0.35px !important;
  }

  html body.console-shell-page.console-shell-page.pixgom-unified header.inner-site-header.inner-site-header a.inner-site-brand.inner-site-brand span.brand-version.brand-version {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: 44px !important;
    margin: 0 0 0 2px !important;
    padding: 0 !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -0.35px !important;
  }

  html body.console-shell-page.console-shell-page.pixgom-unified header.inner-site-header.inner-site-header .inner-site-nav {
    position: absolute !important;
    left: 50% !important;
    top: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 34px !important;
    width: auto !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }

  html body.console-shell-page.console-shell-page.pixgom-unified header.inner-site-header.inner-site-header .inner-site-action {
    position: absolute !important;
    right: 40px !important;
    top: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 104px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* v90 final header CI parity: every page uses the home header lockup. */
@media (min-width: 861px) {
  html body.pixgom-unified header[data-pixgom-header],
  html body.pixgom-unified header.inner-site-header,
  html body.pixgom-unified header.pg-header,
  html body.pixgom-unified header.site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    display: block !important;
    width: 100% !important;
    height: 73px !important;
    min-height: 73px !important;
    max-height: 73px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #faf8f3 !important;
    border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
    box-shadow: none !important;
  }

  html body.pixgom-unified header[data-pixgom-header] > .inner-site-header-inner,
  html body.pixgom-unified header[data-pixgom-header] > .pg-header-inner,
  html body.pixgom-unified header[data-pixgom-header] > .site-header-inner {
    display: contents !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.pixgom-unified header[data-pixgom-header] > a.brand,
  html body.pixgom-unified header[data-pixgom-header] > a.pg-brand,
  html body.pixgom-unified header[data-pixgom-header] > a.inner-site-brand,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-header-inner > a.inner-site-brand {
    position: absolute !important;
    left: 40px !important;
    top: 15px !important;
    display: grid !important;
    grid-template-columns: 32px auto auto !important;
    grid-template-rows: 44px !important;
    align-items: center !important;
    column-gap: 10px !important;
    width: 147px !important;
    min-width: 147px !important;
    max-width: 147px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.pixgom-unified header[data-pixgom-header] > a.brand img,
  html body.pixgom-unified header[data-pixgom-header] > a.pg-brand img,
  html body.pixgom-unified header[data-pixgom-header] > a.inner-site-brand img,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-header-inner > a.inner-site-brand img,
  html body.pixgom-unified header[data-pixgom-header] .brand-mark,
  html body.pixgom-unified header[data-pixgom-header] .pg-logo,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-mark {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: static !important;
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 10px !important;
  }

  html body.pixgom-unified header[data-pixgom-header] .brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -0.35px !important;
  }

  html body.pixgom-unified header[data-pixgom-header] .brand-version {
    grid-column: 3 !important;
    grid-row: 1 !important;
    position: static !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 0 0 2px !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -0.35px !important;
  }

  html body.pixgom-unified header[data-pixgom-header] nav,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-nav,
  html body.pixgom-unified header[data-pixgom-header] .pg-nav {
    position: absolute !important;
    left: 50% !important;
    top: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 34px !important;
    width: 441px !important;
    min-width: 441px !important;
    max-width: 441px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }
}

@media (max-width: 860px) {
  html body.pixgom-unified header[data-pixgom-header],
  html body.pixgom-unified header.inner-site-header,
  html body.pixgom-unified header.pg-header,
  html body.pixgom-unified header.site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    display: grid !important;
    grid-template-columns: 1fr 40px !important;
    align-items: center !important;
    width: 100% !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    background: rgba(250, 248, 243, 0.96) !important;
    border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  html body.pixgom-unified header[data-pixgom-header] > .inner-site-header-inner,
  html body.pixgom-unified header[data-pixgom-header] > .pg-header-inner,
  html body.pixgom-unified header[data-pixgom-header] > .site-header-inner {
    display: contents !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.pixgom-unified header[data-pixgom-header] > a.brand,
  html body.pixgom-unified header[data-pixgom-header] > a.pg-brand,
  html body.pixgom-unified header[data-pixgom-header] > a.inner-site-brand,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-header-inner > a.inner-site-brand {
    grid-column: 1 !important;
    position: static !important;
    display: grid !important;
    grid-template-columns: 32px 58px !important;
    grid-template-rows: 17px 12px !important;
    align-items: start !important;
    align-content: center !important;
    column-gap: 8px !important;
    row-gap: 0 !important;
    width: 98px !important;
    min-width: 98px !important;
    max-width: 98px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.pixgom-unified header[data-pixgom-header] > a.brand img,
  html body.pixgom-unified header[data-pixgom-header] > a.pg-brand img,
  html body.pixgom-unified header[data-pixgom-header] > a.inner-site-brand img,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-header-inner > a.inner-site-brand img,
  html body.pixgom-unified header[data-pixgom-header] .brand-mark,
  html body.pixgom-unified header[data-pixgom-header] .pg-logo,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-mark {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    position: static !important;
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    margin: 4px 0 0 !important;
    border-radius: 10px !important;
  }

  html body.pixgom-unified header[data-pixgom-header] .brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    display: block !important;
    width: 58px !important;
    height: 17px !important;
    min-height: 17px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 17px !important;
    letter-spacing: -0.4px !important;
  }

  html body.pixgom-unified header[data-pixgom-header] .brand-version {
    grid-column: 2 !important;
    grid-row: 2 !important;
    position: static !important;
    display: block !important;
    width: 58px !important;
    height: 12px !important;
    min-height: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 12px !important;
    letter-spacing: -0.35px !important;
  }

  html body.pixgom-unified header[data-pixgom-header] nav,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-nav,
  html body.pixgom-unified header[data-pixgom-header] .pg-nav {
    display: none !important;
  }

  html body.pixgom-unified header[data-pixgom-header] > a.inner-site-action,
  html body.pixgom-unified header[data-pixgom-header] > a.nav-action,
  html body.pixgom-unified header[data-pixgom-header] > a.pg-auth,
  html body.pixgom-unified header[data-pixgom-header] > a.site-action,
  html body.pixgom-unified header[data-pixgom-header] > a[href="/signup"]:not(.brand):not(.pg-brand):not(.inner-site-brand),
  html body.pixgom-unified header[data-pixgom-header] > a[href="/login"]:not(.brand):not(.pg-brand):not(.inner-site-brand),
  html body.pixgom-unified header[data-pixgom-header] .inner-site-actions,
  html body.pixgom-unified header[data-pixgom-header] .pg-actions {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body.pixgom-unified header[data-pixgom-header] button.menu-open,
  html body.pixgom-unified header[data-pixgom-header] button.pg-menu {
    grid-column: 2 !important;
    justify-self: end !important;
    align-self: center !important;
    position: static !important;
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #1c160f !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
  }
}

/* v91 header lock: internal pages must not drift from home CI or nav geometry. */
@media (min-width: 861px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified header.inner-site-header[data-pixgom-header] nav.inner-site-nav.inner-site-nav,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified header.inner-site-header[data-pixgom-header] .inner-site-nav.inner-site-nav,
  html body.console-shell-page.console-shell-page.pixgom-unified header.inner-site-header[data-pixgom-header] nav.inner-site-nav.inner-site-nav,
  html body.console-shell-page.console-shell-page.pixgom-unified header.inner-site-header[data-pixgom-header] .inner-site-nav.inner-site-nav {
    position: absolute !important;
    left: 50% !important;
    top: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 34px !important;
    width: 441px !important;
    min-width: 441px !important;
    max-width: 441px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }
}

@media (max-width: 860px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified header.inner-site-header[data-pixgom-header] > a.inner-site-brand.inner-site-brand,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified header.inner-site-header[data-pixgom-header] .inner-site-header-inner > a.inner-site-brand.inner-site-brand,
  html body.console-shell-page.console-shell-page.pixgom-unified header.inner-site-header[data-pixgom-header] > a.inner-site-brand.inner-site-brand,
  html body.console-shell-page.console-shell-page.pixgom-unified header.inner-site-header[data-pixgom-header] .inner-site-header-inner > a.inner-site-brand.inner-site-brand {
    position: static !important;
    display: grid !important;
    grid-template-columns: 32px 58px !important;
    grid-template-rows: 17px 12px !important;
    align-items: start !important;
    align-content: start !important;
    justify-content: start !important;
    justify-items: start !important;
    column-gap: 8px !important;
    row-gap: 0 !important;
    width: 98px !important;
    min-width: 98px !important;
    max-width: 98px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified header.inner-site-header[data-pixgom-header] > a.inner-site-brand.inner-site-brand img,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified header.inner-site-header[data-pixgom-header] .inner-site-header-inner > a.inner-site-brand.inner-site-brand img,
  html body.console-shell-page.console-shell-page.pixgom-unified header.inner-site-header[data-pixgom-header] > a.inner-site-brand.inner-site-brand img,
  html body.console-shell-page.console-shell-page.pixgom-unified header.inner-site-header[data-pixgom-header] .inner-site-header-inner > a.inner-site-brand.inner-site-brand img {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    position: static !important;
    display: block !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 10px !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified header.inner-site-header[data-pixgom-header] .brand-name.brand-name,
  html body.console-shell-page.console-shell-page.pixgom-unified header.inner-site-header[data-pixgom-header] .brand-name.brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    display: block !important;
    width: 58px !important;
    height: 17px !important;
    min-height: 17px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 17px !important;
    letter-spacing: -0.4px !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified header.inner-site-header[data-pixgom-header] .brand-version.brand-version,
  html body.console-shell-page.console-shell-page.pixgom-unified header.inner-site-header[data-pixgom-header] .brand-version.brand-version {
    grid-column: 2 !important;
    grid-row: 2 !important;
    position: static !important;
    display: block !important;
    width: 58px !important;
    height: 12px !important;
    min-height: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 12px !important;
    letter-spacing: -0.35px !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified header.inner-site-header[data-pixgom-header] > a.inner-site-action.inner-site-action,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified header.inner-site-header[data-pixgom-header] > a[href="/signup"]:not(.brand):not(.inner-site-brand):not(.pg-brand),
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified header.inner-site-header[data-pixgom-header] > a[href="/login"]:not(.brand):not(.inner-site-brand):not(.pg-brand) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* v92 pixel parity: one CI geometry for home, public, auth, and console shells. */
@media (min-width: 861px) {
  html body.pixgom-unified header[data-pixgom-header] > a.brand,
  html body.pixgom-unified header[data-pixgom-header] > a.pg-brand,
  html body.pixgom-unified header[data-pixgom-header] > a.inner-site-brand,
  html body.pixgom-unified header[data-pixgom-header] .pg-header-inner > a.pg-brand,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-header-inner > a.inner-site-brand {
    position: absolute !important;
    left: 40px !important;
    top: 15px !important;
    display: grid !important;
    grid-template-columns: 32px 62px 32px !important;
    grid-template-rows: 44px !important;
    align-items: center !important;
    justify-items: start !important;
    column-gap: 10px !important;
    width: 147px !important;
    min-width: 147px !important;
    max-width: 147px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.pixgom-unified header[data-pixgom-header] > a.brand img,
  html body.pixgom-unified header[data-pixgom-header] > a.pg-brand img,
  html body.pixgom-unified header[data-pixgom-header] > a.inner-site-brand img,
  html body.pixgom-unified header[data-pixgom-header] .pg-header-inner > a.pg-brand img,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-header-inner > a.inner-site-brand img,
  html body.pixgom-unified header[data-pixgom-header] .brand-mark,
  html body.pixgom-unified header[data-pixgom-header] .pg-logo,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-mark {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: start !important;
    position: static !important;
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 10px !important;
  }

  html body.pixgom-unified header[data-pixgom-header] .brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: start !important;
    position: static !important;
    display: block !important;
    width: 62px !important;
    min-width: 62px !important;
    max-width: 62px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 18px !important;
    letter-spacing: -0.35px !important;
  }

  html body.pixgom-unified header[data-pixgom-header] .brand-version {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: start !important;
    position: static !important;
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    padding: 0 !important;
    margin: 0 0 0 2px !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 12px !important;
    letter-spacing: -0.35px !important;
  }
}

/* v93 override inline home/header rules with page-agnostic exact CI values. */
@media (min-width: 861px) {
  html body.pixgom-unified header[data-pixgom-header] a.brand.brand,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand.pg-brand,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand.inner-site-brand {
    position: absolute !important;
    left: 40px !important;
    top: 15px !important;
    display: grid !important;
    grid-template-columns: 32px 62px 32px !important;
    grid-template-rows: 44px !important;
    align-items: center !important;
    justify-items: start !important;
    column-gap: 10px !important;
    width: 147px !important;
    min-width: 147px !important;
    max-width: 147px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.pixgom-unified header[data-pixgom-header] a.brand.brand img,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand.pg-brand img,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand.inner-site-brand img,
  html body.pixgom-unified header[data-pixgom-header] a.brand.brand .brand-mark,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand.pg-brand .brand-mark,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand.inner-site-brand .brand-mark {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: static !important;
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 10px !important;
  }

  html body.pixgom-unified header[data-pixgom-header] a.brand.brand .brand-name.brand-name,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand.pg-brand .brand-name.brand-name,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand.inner-site-brand .brand-name.brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    display: block !important;
    width: 62px !important;
    min-width: 62px !important;
    max-width: 62px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 18px !important;
    letter-spacing: -0.35px !important;
  }

  html body.pixgom-unified header[data-pixgom-header] a.brand.brand .brand-version.brand-version,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand.pg-brand .brand-version.brand-version,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand.inner-site-brand .brand-version.brand-version {
    grid-column: 3 !important;
    grid-row: 1 !important;
    position: static !important;
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    padding: 0 !important;
    margin: 0 0 0 2px !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 12px !important;
    letter-spacing: -0.35px !important;
  }
}

@media (max-width: 860px) {
  html body.pixgom-unified header[data-pixgom-header] a.brand.brand,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand.pg-brand,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand.inner-site-brand {
    grid-column: 1 !important;
    align-self: center !important;
    justify-self: start !important;
    position: static !important;
    display: grid !important;
    grid-template-columns: 32px 58px !important;
    grid-template-rows: 17px 12px !important;
    align-items: start !important;
    align-content: start !important;
    justify-items: start !important;
    column-gap: 8px !important;
    row-gap: 0 !important;
    width: 98px !important;
    min-width: 98px !important;
    max-width: 98px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.pixgom-unified header[data-pixgom-header] a.brand.brand img,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand.pg-brand img,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand.inner-site-brand img,
  html body.pixgom-unified header[data-pixgom-header] a.brand.brand .brand-mark,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand.pg-brand .brand-mark,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand.inner-site-brand .brand-mark {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    position: static !important;
    display: block !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 10px !important;
  }

  html body.pixgom-unified header[data-pixgom-header] a.brand.brand .brand-name.brand-name,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand.pg-brand .brand-name.brand-name,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand.inner-site-brand .brand-name.brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    display: block !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 17px !important;
    letter-spacing: -0.4px !important;
  }

  html body.pixgom-unified header[data-pixgom-header] a.brand.brand .brand-version.brand-version,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand.pg-brand .brand-version.brand-version,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand.inner-site-brand .brand-version.brand-version {
    grid-column: 2 !important;
    grid-row: 2 !important;
    position: static !important;
    display: block !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 12px !important;
    letter-spacing: -0.35px !important;
  }
}

/* v95 console-shell hard override: console static shell must share the home CI/header. */
@media (min-width: 861px) {
  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified header.inner-site-header.inner-site-header[data-pixgom-header] {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1000 !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    height: 73px !important;
    min-height: 73px !important;
    max-height: 73px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #faf8f3 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
    box-shadow: none !important;
  }

  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand {
    position: absolute !important;
    left: 40px !important;
    top: 15px !important;
    display: grid !important;
    grid-template-columns: 32px 62px 32px !important;
    grid-template-rows: 44px !important;
    align-items: center !important;
    justify-items: start !important;
    column-gap: 10px !important;
    width: 147px !important;
    min-width: 147px !important;
    max-width: 147px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand img {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: static !important;
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 10px !important;
  }

  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand .brand-name.brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    display: block !important;
    width: 62px !important;
    min-width: 62px !important;
    max-width: 62px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 18px !important;
    letter-spacing: -0.35px !important;
  }

  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand .brand-version.brand-version {
    grid-column: 3 !important;
    grid-row: 1 !important;
    position: static !important;
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    padding: 0 !important;
    margin: 0 0 0 2px !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 12px !important;
    letter-spacing: -0.35px !important;
  }

  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified header.inner-site-header.inner-site-header[data-pixgom-header] > nav.inner-site-nav.inner-site-nav {
    position: absolute !important;
    left: 50% !important;
    top: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 34px !important;
    width: 441px !important;
    min-width: 441px !important;
    max-width: 441px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }

  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified header.inner-site-header.inner-site-header[data-pixgom-header] > a.inner-site-action.inner-site-action {
    position: absolute !important;
    right: 40px !important;
    top: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 104px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

@media (max-width: 860px) {
  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified header.inner-site-header.inner-site-header[data-pixgom-header] {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1000 !important;
    display: grid !important;
    grid-template-columns: 1fr 40px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    background: rgba(250, 248, 243, 0.96) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand {
    grid-column: 1 !important;
    align-self: center !important;
    justify-self: start !important;
    position: static !important;
    display: grid !important;
    grid-template-columns: 32px 58px !important;
    grid-template-rows: 17px 12px !important;
    align-items: start !important;
    align-content: start !important;
    justify-items: start !important;
    column-gap: 8px !important;
    row-gap: 0 !important;
    width: 98px !important;
    min-width: 98px !important;
    max-width: 98px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand img {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    position: static !important;
    display: block !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 10px !important;
  }

  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand .brand-name.brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    display: block !important;
    width: 58px !important;
    height: 17px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 17px !important;
    letter-spacing: -0.4px !important;
  }

  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand .brand-version.brand-version {
    grid-column: 2 !important;
    grid-row: 2 !important;
    position: static !important;
    display: block !important;
    width: 58px !important;
    height: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 12px !important;
    letter-spacing: -0.35px !important;
  }

  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified header.inner-site-header.inner-site-header[data-pixgom-header] > nav.inner-site-nav.inner-site-nav,
  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified header.inner-site-header.inner-site-header[data-pixgom-header] > a.inner-site-action.inner-site-action {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified header.inner-site-header.inner-site-header[data-pixgom-header] > button.menu-open.menu-open {
    grid-column: 2 !important;
    justify-self: end !important;
    align-self: center !important;
    position: static !important;
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #1c160f !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
  }
}

@media (max-width: 860px) {
  html body.pixgom-unified header[data-pixgom-header] > a.brand,
  html body.pixgom-unified header[data-pixgom-header] > a.pg-brand,
  html body.pixgom-unified header[data-pixgom-header] > a.inner-site-brand,
  html body.pixgom-unified header[data-pixgom-header] .pg-header-inner > a.pg-brand,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-header-inner > a.inner-site-brand {
    grid-column: 1 !important;
    align-self: center !important;
    justify-self: start !important;
    position: static !important;
    display: grid !important;
    grid-template-columns: 32px 58px !important;
    grid-template-rows: 17px 12px !important;
    align-items: start !important;
    align-content: start !important;
    justify-items: start !important;
    column-gap: 8px !important;
    row-gap: 0 !important;
    width: 98px !important;
    min-width: 98px !important;
    max-width: 98px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.pixgom-unified header[data-pixgom-header] > a.brand img,
  html body.pixgom-unified header[data-pixgom-header] > a.pg-brand img,
  html body.pixgom-unified header[data-pixgom-header] > a.inner-site-brand img,
  html body.pixgom-unified header[data-pixgom-header] .pg-header-inner > a.pg-brand img,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-header-inner > a.inner-site-brand img,
  html body.pixgom-unified header[data-pixgom-header] .brand-mark,
  html body.pixgom-unified header[data-pixgom-header] .pg-logo,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-mark {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: start !important;
    justify-self: start !important;
    position: static !important;
    display: block !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 10px !important;
  }

  html body.pixgom-unified header[data-pixgom-header] .brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    display: block !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 17px !important;
    letter-spacing: -0.4px !important;
  }

  html body.pixgom-unified header[data-pixgom-header] .brand-version {
    grid-column: 2 !important;
    grid-row: 2 !important;
    position: static !important;
    display: block !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 12px !important;
    letter-spacing: -0.35px !important;
  }
}

/* v96: home-standard header/CI hard reset
   기준: pixgom.com 홈 화면. 모바일에서는 헤더 CTA를 숨기고 CI + 메뉴만 노출합니다. */
.pg-header,
.header.pg-header,
[data-pixgom-header] {
  width: 100% !important;
  height: 73px !important;
  min-height: 73px !important;
  border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
  background: rgba(250, 248, 243, 0.96) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 20 !important;
}

.pg-header-inner,
.header.pg-header .pg-header-inner,
[data-pixgom-header] .pg-header-inner {
  width: min(1120px, calc(100% - 80px)) !important;
  height: 73px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 28px !important;
  box-sizing: border-box !important;
}

.pg-brand,
[data-pixgom-header] .pg-brand {
  display: grid !important;
  grid-template-columns: 32px auto !important;
  align-items: center !important;
  column-gap: 10px !important;
  min-width: 147px !important;
  height: 44px !important;
  color: #0b1020 !important;
  text-decoration: none !important;
  justify-self: start !important;
}

.pg-brand img,
.pg-brand svg,
[data-pixgom-header] .pg-brand img,
[data-pixgom-header] .pg-brand svg {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  border-radius: 9px !important;
  display: block !important;
  object-fit: contain !important;
  flex: none !important;
  box-shadow: none !important;
}

.pg-brand span,
[data-pixgom-header] .pg-brand span {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
  height: auto !important;
  line-height: 1 !important;
}

.pg-brand strong,
[data-pixgom-header] .pg-brand strong {
  display: block !important;
  margin: 0 !important;
  color: #0b1020 !important;
  font-family: Pretendard, "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 17px !important;
  letter-spacing: -0.04em !important;
  white-space: nowrap !important;
}

.pg-brand small,
[data-pixgom-header] .pg-brand small,
.pg-brand .version,
[data-pixgom-header] .pg-brand .version {
  display: block !important;
  margin: 0 !important;
  color: #62748e !important;
  font-family: Pretendard, "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 12px !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
}

.pg-nav,
[data-pixgom-header] .pg-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 42px !important;
  min-width: 0 !important;
}

.pg-nav a,
[data-pixgom-header] .pg-nav a {
  color: #17243a !important;
  font-family: Pretendard, "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 44px !important;
  letter-spacing: -0.035em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.pg-header-actions,
[data-pixgom-header] .pg-header-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  min-width: 0 !important;
  justify-self: end !important;
}

.pg-header-actions a,
.pg-header-actions button,
[data-pixgom-header] .pg-header-actions a,
[data-pixgom-header] .pg-header-actions button {
  height: 44px !important;
  min-width: 92px !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-family: Pretendard, "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.035em !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

.pg-header-actions .pg-login,
.pg-header-actions a[href$="/login"],
[data-pixgom-header] .pg-header-actions .pg-login,
[data-pixgom-header] .pg-header-actions a[href$="/login"] {
  color: #ffffff !important;
  background: #070d20 !important;
  border: 1px solid #070d20 !important;
  box-shadow: 0 14px 28px rgba(7, 13, 32, 0.16) !important;
}

.pg-header-actions .pg-signup,
.pg-header-actions a[href$="/signup"],
[data-pixgom-header] .pg-header-actions .pg-signup,
[data-pixgom-header] .pg-header-actions a[href$="/signup"] {
  color: #070d20 !important;
  background: #ffffff !important;
  border: 1px solid rgba(11, 16, 32, 0.14) !important;
  box-shadow: none !important;
}

.pg-menu,
[data-pixgom-header] .pg-menu {
  display: none !important;
}

@media (max-width: 720px) {
  .pg-header,
  .header.pg-header,
  [data-pixgom-header] {
    height: 68px !important;
    min-height: 68px !important;
    background: rgba(250, 248, 243, 0.98) !important;
  }

  .pg-header-inner,
  .header.pg-header .pg-header-inner,
  [data-pixgom-header] .pg-header-inner {
    width: 100% !important;
    height: 68px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    display: grid !important;
    grid-template-columns: 1fr 40px !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .pg-brand,
  [data-pixgom-header] .pg-brand {
    grid-template-columns: 30px auto !important;
    column-gap: 10px !important;
    width: max-content !important;
    min-width: 0 !important;
    height: 40px !important;
  }

  .pg-brand img,
  .pg-brand svg,
  [data-pixgom-header] .pg-brand img,
  [data-pixgom-header] .pg-brand svg {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    border-radius: 8px !important;
  }

  .pg-brand strong,
  [data-pixgom-header] .pg-brand strong {
    font-size: 15px !important;
    line-height: 17px !important;
    letter-spacing: -0.045em !important;
  }

  .pg-brand small,
  [data-pixgom-header] .pg-brand small,
  .pg-brand .version,
  [data-pixgom-header] .pg-brand .version {
    font-size: 10px !important;
    line-height: 12px !important;
  }

  .pg-nav,
  .pg-header-actions,
  [data-pixgom-header] .pg-nav,
  [data-pixgom-header] .pg-header-actions {
    display: none !important;
  }

  .pg-menu,
  [data-pixgom-header] .pg-menu {
    display: flex !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    position: static !important;
    justify-self: end !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 5px !important;
    font-size: 0 !important;
    color: transparent !important;
    line-height: 0 !important;
  }

  .pg-menu::before,
  .pg-menu::after,
  .pg-menu span,
  [data-pixgom-header] .pg-menu::before,
  [data-pixgom-header] .pg-menu::after,
  [data-pixgom-header] .pg-menu span {
    content: "" !important;
    display: block !important;
    width: 22px !important;
    height: 2.5px !important;
    border-radius: 999px !important;
    background: #1c140f !important;
    flex: none !important;
  }

  .pg-menu span:nth-child(n+2),
  [data-pixgom-header] .pg-menu span:nth-child(n+2) {
    display: none !important;
  }
}

/* v97: unify pg-header and inner-site-header brand geometry */
.pg-brand,
.inner-site-brand,
[data-pixgom-header] .pg-brand,
[data-pixgom-header] .inner-site-brand {
  display: grid !important;
  grid-template-columns: 32px auto !important;
  grid-template-rows: 17px 12px !important;
  align-content: center !important;
  align-items: center !important;
  column-gap: 10px !important;
  row-gap: 2px !important;
  width: max-content !important;
  min-width: 147px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #0b1020 !important;
  text-decoration: none !important;
}

.pg-brand img,
.inner-site-brand img,
.pg-brand svg,
.inner-site-brand svg,
[data-pixgom-header] .pg-brand img,
[data-pixgom-header] .inner-site-brand img,
[data-pixgom-header] .pg-brand svg,
[data-pixgom-header] .inner-site-brand svg {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 9px !important;
  object-fit: contain !important;
  display: block !important;
  box-shadow: none !important;
}

.pg-brand .brand-name,
.inner-site-brand .brand-name,
[data-pixgom-header] .pg-brand .brand-name,
[data-pixgom-header] .inner-site-brand .brand-name {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #0b1020 !important;
  font-family: Pretendard, "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 17px !important;
  letter-spacing: -0.04em !important;
  white-space: nowrap !important;
}

.pg-brand .brand-version,
.inner-site-brand .brand-version,
[data-pixgom-header] .pg-brand .brand-version,
[data-pixgom-header] .inner-site-brand .brand-version {
  grid-column: 2 !important;
  grid-row: 2 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #62748e !important;
  font-family: Pretendard, "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 12px !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
}

.inner-site-header[data-pixgom-header] {
  width: 100% !important;
  height: 73px !important;
  min-height: 73px !important;
  margin: 0 !important;
  padding: 0 max(40px, calc((100% - 1120px) / 2)) !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto 0px !important;
  align-items: center !important;
  gap: 28px !important;
  border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
  background: rgba(250, 248, 243, 0.96) !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 20 !important;
}

.inner-site-header .inner-site-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 42px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.inner-site-header .inner-site-nav a {
  color: #17243a !important;
  font-family: Pretendard, "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 44px !important;
  letter-spacing: -0.035em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.inner-site-header .inner-site-action {
  height: 44px !important;
  min-width: 92px !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  color: #070d20 !important;
  background: #ffffff !important;
  border: 1px solid rgba(11, 16, 32, 0.14) !important;
  box-shadow: none !important;
  font-family: Pretendard, "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.035em !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

.inner-site-header .menu-open,
[data-pixgom-header] .menu-open {
  display: none !important;
}

@media (max-width: 720px) {
  .pg-brand,
  .inner-site-brand,
  [data-pixgom-header] .pg-brand,
  [data-pixgom-header] .inner-site-brand {
    grid-template-columns: 30px auto !important;
    grid-template-rows: 17px 12px !important;
    column-gap: 10px !important;
    row-gap: 1px !important;
    min-width: 0 !important;
    height: 40px !important;
  }

  .pg-brand img,
  .inner-site-brand img,
  .pg-brand svg,
  .inner-site-brand svg,
  [data-pixgom-header] .pg-brand img,
  [data-pixgom-header] .inner-site-brand img,
  [data-pixgom-header] .pg-brand svg,
  [data-pixgom-header] .inner-site-brand svg {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    border-radius: 8px !important;
  }

  .pg-brand .brand-name,
  .inner-site-brand .brand-name,
  [data-pixgom-header] .pg-brand .brand-name,
  [data-pixgom-header] .inner-site-brand .brand-name {
    font-size: 15px !important;
    line-height: 17px !important;
    letter-spacing: -0.045em !important;
  }

  .pg-brand .brand-version,
  .inner-site-brand .brand-version,
  [data-pixgom-header] .pg-brand .brand-version,
  [data-pixgom-header] .inner-site-brand .brand-version {
    font-size: 10px !important;
    line-height: 12px !important;
  }

  .inner-site-header[data-pixgom-header] {
    height: 68px !important;
    min-height: 68px !important;
    padding: 0 16px !important;
    display: grid !important;
    grid-template-columns: 1fr 40px !important;
    align-items: center !important;
    gap: 10px !important;
    background: rgba(250, 248, 243, 0.98) !important;
  }

  .inner-site-header .inner-site-nav,
  .inner-site-header .inner-site-action {
    display: none !important;
  }

  .inner-site-header .menu-open,
  [data-pixgom-header] .menu-open,
  .pg-menu,
  [data-pixgom-header] .pg-menu {
    display: flex !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    position: static !important;
    justify-self: end !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 5px !important;
    font-size: 0 !important;
    color: transparent !important;
    line-height: 0 !important;
  }

  .inner-site-header .menu-open svg,
  [data-pixgom-header] .menu-open svg,
  .pg-menu svg,
  [data-pixgom-header] .pg-menu svg {
    display: none !important;
  }

  .inner-site-header .menu-open::before,
  .inner-site-header .menu-open::after,
  .inner-site-header .menu-open span,
  [data-pixgom-header] .menu-open::before,
  [data-pixgom-header] .menu-open::after,
  [data-pixgom-header] .menu-open span,
  .pg-menu::before,
  .pg-menu::after,
  .pg-menu span,
  [data-pixgom-header] .pg-menu::before,
  [data-pixgom-header] .pg-menu::after,
  [data-pixgom-header] .pg-menu span {
    content: "" !important;
    display: block !important;
    width: 22px !important;
    height: 2.5px !important;
    border-radius: 999px !important;
    background: #1c140f !important;
    flex: none !important;
  }
}

/* v98: console inner UI follows production home visual language */
:root {
  --pg-bg: #faf8f3;
  --pg-ink: #0b1020;
  --pg-muted: #62748e;
  --pg-line: rgba(11, 16, 32, 0.10);
  --pg-yellow: #ffd400;
  --pg-green: #00bc7d;
  --pg-card: rgba(255, 255, 255, 0.86);
  --pg-shadow: 0 24px 70px rgba(11, 16, 32, 0.08);
  --pg-radius: 24px;
}

body,
.pixgom-unified,
.console-page,
.auth-page {
  background: var(--pg-bg) !important;
  color: var(--pg-ink) !important;
  font-family: Pretendard, "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
}

#pixgom-console-root,
.console-app,
.console-shell,
.buyer-console-shell,
.admin-console-shell {
  background: var(--pg-bg) !important;
  color: var(--pg-ink) !important;
  font-family: Pretendard, "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
}

#pixgom-console-root * {
  box-sizing: border-box !important;
}

#pixgom-console-root :where(a, button, input, select, textarea) {
  font-family: Pretendard, "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
}

#pixgom-console-root :where(button, a) {
  -webkit-tap-highlight-color: transparent !important;
}

#pixgom-console-root :where(.buyer-ops-dashboard, .buyer-guide-react-panel, .buyer-command-manager-panel, .buyer-connect-code-panel, .console-dashboard-intro, .console-detail-section, .console-search-panel, .console-game-overview, .console-infra-panel, .console-compact-section, .console-panel, .admin-ops-overview, .console-density-panel) {
  width: min(1120px, calc(100% - 80px)) !important;
  margin: 24px auto !important;
}

#pixgom-console-root :where(.buyer-ops-hero, .console-dashboard-intro, .console-compact-section, .console-search-form, .console-action-queue, .console-infra-panel, .buyer-command-manager-panel, .buyer-connect-code-panel, .console-detail-section, .console-game-overview, .console-panel, .admin-ops-overview, .console-density-panel) {
  border: 1px solid var(--pg-line) !important;
  border-radius: var(--pg-radius) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.94), rgba(255,255,255,0.78)) !important;
  box-shadow: var(--pg-shadow) !important;
}

#pixgom-console-root :where(.buyer-ops-hero, .console-dashboard-intro, .console-search-form, .console-compact-section, .console-action-queue, .console-infra-panel, .buyer-command-manager-panel, .buyer-connect-code-panel, .console-detail-section, .console-game-overview, .admin-ops-overview, .console-density-panel) {
  padding: 28px !important;
}

#pixgom-console-root :where(.buyer-ops-hero, .console-section-head, .buyer-command-manager-head, .console-infra-head, .console-action-queue-head) {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 24px !important;
}

#pixgom-console-root :where(.console-eyebrow) {
  margin: 0 0 10px !important;
  color: var(--pg-muted) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

#pixgom-console-root :where(.console-eyebrow)::before {
  content: "" !important;
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  margin: 0 8px 1px 0 !important;
  border-radius: 999px !important;
  background: var(--pg-green) !important;
  box-shadow: 0 0 0 5px rgba(0, 188, 125, 0.12) !important;
  vertical-align: middle !important;
}

#pixgom-console-root :where(h1, h2, h3) {
  color: var(--pg-ink) !important;
  letter-spacing: -0.055em !important;
}

#pixgom-console-root :where(h1) {
  font-size: clamp(38px, 5vw, 62px) !important;
  line-height: 0.98 !important;
  font-weight: 950 !important;
}

#pixgom-console-root :where(h2) {
  margin: 0 !important;
  font-size: clamp(28px, 3.2vw, 44px) !important;
  line-height: 1.04 !important;
  font-weight: 950 !important;
}

#pixgom-console-root :where(h3) {
  margin: 0 !important;
  font-size: 22px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
}

#pixgom-console-root :where(p, small, span) {
  letter-spacing: -0.03em !important;
}

#pixgom-console-root :where(p) {
  color: var(--pg-muted) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

#pixgom-console-root :where(.buyer-ops-metrics, .console-summary-grid, .console-field-grid, .buyer-guide-grid, .buyer-command-manager-grid, .console-infra-grid, .pg-card-grid) {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 18px !important;
}

#pixgom-console-root :where(.console-summary-card, .buyer-ops-metric, .console-card, .buyer-room-card, .buyer-command-card, .buyer-command-template-card, .buyer-connect-code-card, .buyer-guide-section, .console-field-row, .console-compact-row, .console-search-section, .console-infra-metric, .console-workflow-card, .console-log-card, .console-preview-box, .console-status-list, .console-empty, .console-alias-summary, .console-linked-room) {
  border: 1px solid var(--pg-line) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  box-shadow: 0 14px 40px rgba(11, 16, 32, 0.045) !important;
  color: var(--pg-ink) !important;
}

#pixgom-console-root :where(.console-summary-card, .buyer-ops-metric, .console-card, .buyer-room-card, .buyer-command-card, .buyer-command-template-card, .buyer-connect-code-card, .buyer-guide-section, .console-field-row, .console-search-section, .console-infra-metric, .console-preview-box, .console-status-list, .console-empty, .console-alias-summary) {
  padding: 18px !important;
}

#pixgom-console-root :where(.console-summary-card span, .buyer-ops-metric span, .console-field-row span, .console-card span, .console-status-list span, .console-infra-metric span) {
  color: var(--pg-muted) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

#pixgom-console-root :where(.console-summary-card strong, .buyer-ops-metric strong, .console-field-row strong, .console-card strong, .console-search-section strong, .console-infra-metric strong) {
  color: var(--pg-ink) !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
}

#pixgom-console-root :where(.console-status) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid var(--pg-line) !important;
  background: #ffffff !important;
  color: var(--pg-ink) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

#pixgom-console-root :where(.console-status-good, .console-status-ready, .console-status-ok) {
  color: #047857 !important;
  border-color: rgba(0, 188, 125, 0.22) !important;
  background: rgba(0, 188, 125, 0.08) !important;
}

#pixgom-console-root :where(.console-status-warn, .console-status-needs_setup, .console-status-open) {
  color: #7a5a00 !important;
  border-color: rgba(255, 212, 0, 0.34) !important;
  background: rgba(255, 212, 0, 0.16) !important;
}

#pixgom-console-root :where(.console-status-bad, .console-status-expired) {
  color: #9f1239 !important;
  border-color: rgba(244, 63, 94, 0.22) !important;
  background: rgba(244, 63, 94, 0.08) !important;
}

#pixgom-console-root :where(.buyer-console-tabs, .console-tabs) {
  width: min(1120px, calc(100% - 80px)) !important;
  margin: 18px auto !important;
  padding: 8px !important;
  display: flex !important;
  gap: 8px !important;
  overflow-x: auto !important;
  border: 1px solid var(--pg-line) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.82) !important;
  box-shadow: 0 16px 48px rgba(11,16,32,0.05) !important;
}

#pixgom-console-root :where(.buyer-console-tabs button, .console-tabs button) {
  height: 40px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--pg-muted) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

#pixgom-console-root :where(.buyer-console-tabs button.is-active, .buyer-console-tabs button[aria-current="page"], .console-tabs button.active) {
  background: var(--pg-ink) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(11, 16, 32, 0.16) !important;
}

#pixgom-console-root :where(.console-action-row, .buyer-ops-hero-actions, .console-toolbar-actions, .console-workflow-actions, .buyer-command-template-card div, .buyer-command-catalog-search) {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

#pixgom-console-root :where(button, .console-action-row a, .buyer-ops-hero-actions a, .buyer-ops-hero-actions button, .console-toolbar-actions a, .console-toolbar-actions button, .console-search-form button, .buyer-command-toolbar button, .buyer-command-form button, .buyer-command-catalog-search button) {
  min-height: 44px !important;
  padding: 0 20px !important;
  border-radius: 999px !important;
  border: 1px solid var(--pg-ink) !important;
  background: var(--pg-ink) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(11, 16, 32, 0.16) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.035em !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

#pixgom-console-root :where(button[disabled]) {
  cursor: not-allowed !important;
  opacity: 0.55 !important;
}

#pixgom-console-root :where(.console-action-row a, .console-secondary-link, .buyer-ops-hero-actions button:first-child, .console-workflow-actions button:not(:last-child), .buyer-command-template-card button, .console-search-result-button, .console-toolbar-actions a) {
  border-color: var(--pg-line) !important;
  background: #ffffff !important;
  color: var(--pg-ink) !important;
  box-shadow: none !important;
}

#pixgom-console-root :where(.danger, button.danger) {
  border-color: rgba(244, 63, 94, 0.22) !important;
  background: #fff1f2 !important;
  color: #9f1239 !important;
  box-shadow: none !important;
}

#pixgom-console-root :where(input, select, textarea) {
  width: 100% !important;
  min-height: 48px !important;
  border: 1px solid var(--pg-line) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,0.92) !important;
  color: var(--pg-ink) !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  outline: none !important;
}

#pixgom-console-root :where(textarea) {
  min-height: 112px !important;
  padding: 14px !important;
  resize: vertical !important;
}

#pixgom-console-root :where(label) {
  color: var(--pg-muted) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: -0.03em !important;
}

#pixgom-console-root :where(.console-toolbar, .console-search-form) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: 12px !important;
  align-items: end !important;
}

#pixgom-console-root :where(.console-toast) {
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 9999 !important;
  max-width: min(420px, calc(100vw - 36px)) !important;
  padding: 14px 14px 14px 18px !important;
  border-radius: 20px !important;
  border: 1px solid var(--pg-line) !important;
  background: #ffffff !important;
  box-shadow: 0 24px 70px rgba(11, 16, 32, 0.18) !important;
  color: var(--pg-ink) !important;
}

@media (max-width: 900px) {
  #pixgom-console-root :where(.buyer-ops-dashboard, .buyer-guide-react-panel, .buyer-command-manager-panel, .buyer-connect-code-panel, .console-dashboard-intro, .console-detail-section, .console-search-panel, .console-game-overview, .console-infra-panel, .console-compact-section, .console-panel, .admin-ops-overview, .console-density-panel, .buyer-console-tabs, .console-tabs) {
    width: min(100% - 32px, 640px) !important;
    margin: 16px auto !important;
  }

  #pixgom-console-root :where(.buyer-ops-hero, .console-section-head, .buyer-command-manager-head, .console-infra-head, .console-action-queue-head) {
    flex-direction: column !important;
  }

  #pixgom-console-root :where(.buyer-ops-metrics, .console-summary-grid, .console-field-grid, .buyer-guide-grid, .buyer-command-manager-grid, .console-infra-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  #pixgom-console-root :where(.buyer-ops-dashboard, .buyer-guide-react-panel, .buyer-command-manager-panel, .buyer-connect-code-panel, .console-dashboard-intro, .console-detail-section, .console-search-panel, .console-game-overview, .console-infra-panel, .console-compact-section, .console-panel, .admin-ops-overview, .console-density-panel, .buyer-console-tabs, .console-tabs) {
    width: calc(100% - 32px) !important;
    margin: 14px auto !important;
  }

  #pixgom-console-root :where(.buyer-ops-hero, .console-dashboard-intro, .console-search-form, .console-compact-section, .console-action-queue, .console-infra-panel, .buyer-command-manager-panel, .buyer-connect-code-panel, .console-detail-section, .console-game-overview, .admin-ops-overview, .console-density-panel) {
    padding: 20px !important;
    border-radius: 24px !important;
  }

  #pixgom-console-root :where(.buyer-ops-metrics, .console-summary-grid, .console-field-grid, .buyer-guide-grid, .buyer-command-manager-grid, .console-infra-grid) {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  #pixgom-console-root :where(.console-toolbar, .console-search-form) {
    grid-template-columns: 1fr !important;
  }

  #pixgom-console-root :where(.buyer-console-tabs, .console-tabs) {
    border-radius: 22px !important;
    padding: 6px !important;
  }

  #pixgom-console-root :where(.buyer-console-tabs button, .console-tabs button) {
    height: 38px !important;
    padding: 0 14px !important;
    font-size: 12px !important;
  }

  #pixgom-console-root :where(h2) {
    font-size: 30px !important;
    line-height: 1.08 !important;
  }
}

/* v99: mobile menu icon single source of truth */
@media (max-width: 720px) {
  .pg-menu,
  .menu-open,
  [data-pixgom-header] .pg-menu,
  [data-pixgom-header] .menu-open {
    display: flex !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    position: static !important;
    justify-self: end !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    color: transparent !important;
    line-height: 0 !important;
    overflow: hidden !important;
  }

  .pg-menu svg,
  .pg-menu svg *,
  .menu-open svg,
  .menu-open svg *,
  [data-pixgom-header] .pg-menu svg,
  [data-pixgom-header] .pg-menu svg *,
  [data-pixgom-header] .menu-open svg,
  [data-pixgom-header] .menu-open svg * {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    stroke: transparent !important;
    fill: transparent !important;
  }

  .pg-menu::before,
  .menu-open::before,
  [data-pixgom-header] .pg-menu::before,
  [data-pixgom-header] .menu-open::before {
    content: "" !important;
    display: block !important;
    width: 23px !important;
    height: 18px !important;
    border-radius: 0 !important;
    background:
      linear-gradient(#1c140f, #1c140f) 0 0 / 23px 3px no-repeat,
      linear-gradient(#1c140f, #1c140f) 0 8px / 23px 3px no-repeat,
      linear-gradient(#1c140f, #1c140f) 0 16px / 23px 3px no-repeat !important;
    box-shadow: none !important;
    flex: none !important;
  }

  .pg-menu::after,
  .menu-open::after,
  .pg-menu span,
  .menu-open span,
  [data-pixgom-header] .pg-menu::after,
  [data-pixgom-header] .menu-open::after,
  [data-pixgom-header] .pg-menu span,
  [data-pixgom-header] .menu-open span {
    content: none !important;
    display: none !important;
  }
}

/* v100: render mobile hamburger as button background for both pg-menu and inner menu-open */
@media (max-width: 720px) {
  .pg-menu,
  .menu-open,
  [data-pixgom-header] .pg-menu,
  [data-pixgom-header] .menu-open {
    display: flex !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background:
      linear-gradient(#1c140f, #1c140f) center calc(50% - 8px) / 23px 3px no-repeat,
      linear-gradient(#1c140f, #1c140f) center center / 23px 3px no-repeat,
      linear-gradient(#1c140f, #1c140f) center calc(50% + 8px) / 23px 3px no-repeat !important;
    box-shadow: none !important;
    position: static !important;
    justify-self: end !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    color: transparent !important;
    line-height: 0 !important;
    overflow: hidden !important;
  }

  .pg-menu::before,
  .pg-menu::after,
  .menu-open::before,
  .menu-open::after,
  .pg-menu span,
  .menu-open span,
  .pg-menu svg,
  .menu-open svg,
  [data-pixgom-header] .pg-menu::before,
  [data-pixgom-header] .pg-menu::after,
  [data-pixgom-header] .menu-open::before,
  [data-pixgom-header] .menu-open::after,
  [data-pixgom-header] .pg-menu span,
  [data-pixgom-header] .menu-open span,
  [data-pixgom-header] .pg-menu svg,
  [data-pixgom-header] .menu-open svg {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
  }
}

/* v101: mobile header breakpoint expanded for Android Chrome CSS viewport */
@media (max-width: 1024px) {
  .pg-header,
  .header.pg-header,
  .inner-site-header[data-pixgom-header],
  [data-pixgom-header] {
    height: 68px !important;
    min-height: 68px !important;
    background: rgba(250, 248, 243, 0.98) !important;
  }

  .pg-header-inner,
  .header.pg-header .pg-header-inner,
  [data-pixgom-header] .pg-header-inner,
  .inner-site-header[data-pixgom-header] {
    width: 100% !important;
    height: 68px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    display: grid !important;
    grid-template-columns: 1fr 40px !important;
    align-items: center !important;
    gap: 10px !important;
    box-sizing: border-box !important;
  }

  .pg-nav,
  .pg-header-actions,
  .inner-site-nav,
  .inner-site-action,
  [data-pixgom-header] .pg-nav,
  [data-pixgom-header] .pg-header-actions,
  [data-pixgom-header] .inner-site-nav,
  [data-pixgom-header] .inner-site-action {
    display: none !important;
  }

  .pg-brand,
  .inner-site-brand,
  [data-pixgom-header] .pg-brand,
  [data-pixgom-header] .inner-site-brand {
    grid-template-columns: 30px auto !important;
    grid-template-rows: 17px 12px !important;
    column-gap: 10px !important;
    row-gap: 1px !important;
    min-width: 0 !important;
    height: 40px !important;
    justify-self: start !important;
  }

  .pg-brand img,
  .inner-site-brand img,
  .pg-brand svg,
  .inner-site-brand svg,
  [data-pixgom-header] .pg-brand img,
  [data-pixgom-header] .inner-site-brand img,
  [data-pixgom-header] .pg-brand svg,
  [data-pixgom-header] .inner-site-brand svg {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    border-radius: 8px !important;
  }

  .pg-brand .brand-name,
  .inner-site-brand .brand-name,
  [data-pixgom-header] .pg-brand .brand-name,
  [data-pixgom-header] .inner-site-brand .brand-name {
    font-size: 15px !important;
    line-height: 17px !important;
    letter-spacing: -0.045em !important;
  }

  .pg-brand .brand-version,
  .inner-site-brand .brand-version,
  [data-pixgom-header] .pg-brand .brand-version,
  [data-pixgom-header] .inner-site-brand .brand-version {
    font-size: 10px !important;
    line-height: 12px !important;
  }

  .pg-menu,
  .menu-open,
  [data-pixgom-header] .pg-menu,
  [data-pixgom-header] .menu-open {
    display: flex !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background:
      linear-gradient(#1c140f, #1c140f) center calc(50% - 8px) / 23px 3px no-repeat,
      linear-gradient(#1c140f, #1c140f) center center / 23px 3px no-repeat,
      linear-gradient(#1c140f, #1c140f) center calc(50% + 8px) / 23px 3px no-repeat !important;
    box-shadow: none !important;
    position: static !important;
    justify-self: end !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    color: transparent !important;
    line-height: 0 !important;
    overflow: hidden !important;
  }

  .pg-menu::before,
  .pg-menu::after,
  .menu-open::before,
  .menu-open::after,
  .pg-menu span,
  .menu-open span,
  .pg-menu svg,
  .menu-open svg,
  [data-pixgom-header] .pg-menu::before,
  [data-pixgom-header] .pg-menu::after,
  [data-pixgom-header] .menu-open::before,
  [data-pixgom-header] .menu-open::after,
  [data-pixgom-header] .pg-menu span,
  [data-pixgom-header] .menu-open span,
  [data-pixgom-header] .pg-menu svg,
  [data-pixgom-header] .menu-open svg {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
  }
}

/* v102: final high-specificity mobile menu override against legacy header locks */
@media (max-width: 1024px) {
  html body.pixgom-unified header.pg-header.pg-header button.pg-menu.pg-menu,
  html body.pixgom-unified header.header.pg-header.pg-header button.menu-open.pg-menu.pg-menu,
  html body.pixgom-unified header[data-pixgom-header][data-pixgom-header] button.pg-menu.pg-menu,
  html body.pixgom-unified header[data-pixgom-header][data-pixgom-header] button.menu-open.menu-open,
  html body.pixgom-unified header.inner-site-header.inner-site-header button.menu-open.menu-open,
  html body.pixgom-unified header.inner-site-header.inner-site-header button.pg-menu.pg-menu {
    display: flex !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background-image:
      linear-gradient(#1c140f, #1c140f),
      linear-gradient(#1c140f, #1c140f),
      linear-gradient(#1c140f, #1c140f) !important;
    background-position:
      center calc(50% - 8px),
      center center,
      center calc(50% + 8px) !important;
    background-size: 23px 3px, 23px 3px, 23px 3px !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-color: transparent !important;
    box-shadow: none !important;
    position: static !important;
    justify-self: end !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    color: transparent !important;
    line-height: 0 !important;
    overflow: hidden !important;
  }

  html body.pixgom-unified header.pg-header.pg-header button.pg-menu.pg-menu::before,
  html body.pixgom-unified header.pg-header.pg-header button.pg-menu.pg-menu::after,
  html body.pixgom-unified header.header.pg-header.pg-header button.menu-open.pg-menu.pg-menu::before,
  html body.pixgom-unified header.header.pg-header.pg-header button.menu-open.pg-menu.pg-menu::after,
  html body.pixgom-unified header[data-pixgom-header][data-pixgom-header] button.pg-menu.pg-menu::before,
  html body.pixgom-unified header[data-pixgom-header][data-pixgom-header] button.pg-menu.pg-menu::after,
  html body.pixgom-unified header[data-pixgom-header][data-pixgom-header] button.menu-open.menu-open::before,
  html body.pixgom-unified header[data-pixgom-header][data-pixgom-header] button.menu-open.menu-open::after,
  html body.pixgom-unified header[data-pixgom-header][data-pixgom-header] button.pg-menu.pg-menu span,
  html body.pixgom-unified header[data-pixgom-header][data-pixgom-header] button.menu-open.menu-open span,
  html body.pixgom-unified header[data-pixgom-header][data-pixgom-header] button.pg-menu.pg-menu svg,
  html body.pixgom-unified header[data-pixgom-header][data-pixgom-header] button.menu-open.menu-open svg {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
  }
}

/* v103 header and CI lock - home standard */
:root {
  --pg-header-h: 68px;
  --pg-header-max: 1120px;
  --pg-logo-size: 30px;
  --pg-ink: #0b1020;
  --pg-muted: #58708f;
  --pg-surface: #faf8f3;
}

html body.pixgom-unified > header.pg-header,
html body.pixgom-unified header.pg-header,
html body.auth-page.pixgom-unified > header.pg-header,
html body.console-shell-page.pixgom-unified > header.pg-header,
html body.pixgom-static-page.pixgom-unified > header.pg-header,
html body.pixgom-sales-page.pixgom-unified > header.pg-header {
  box-sizing: border-box !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  width: 100% !important;
  height: var(--pg-header-h) !important;
  min-height: var(--pg-header-h) !important;
  margin: 0 !important;
  padding: 0 16px !important;
  background: rgba(250, 248, 243, 0.96) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
  box-shadow: none !important;
  backdrop-filter: blur(10px) !important;
}

html body.pixgom-unified > header.pg-header > .pg-header-inner,
html body.pixgom-unified header.pg-header > .pg-header-inner,
html body.auth-page.pixgom-unified > header.pg-header > .pg-header-inner,
html body.console-shell-page.pixgom-unified > header.pg-header > .pg-header-inner,
html body.pixgom-static-page.pixgom-unified > header.pg-header > .pg-header-inner,
html body.pixgom-sales-page.pixgom-unified > header.pg-header > .pg-header-inner {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 180px minmax(0, 1fr) 180px !important;
  align-items: center !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: var(--pg-header-max) !important;
  height: var(--pg-header-h) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

html body.pixgom-unified header.pg-header a.pg-brand,
html body.pixgom-unified header.pg-header .pg-brand,
html body.auth-page.pixgom-unified header.pg-header a.pg-brand,
html body.console-shell-page.pixgom-unified header.pg-header a.pg-brand,
html body.pixgom-static-page.pixgom-unified header.pg-header a.pg-brand,
html body.pixgom-sales-page.pixgom-unified header.pg-header a.pg-brand {
  position: static !important;
  grid-column: 1 !important;
  justify-self: start !important;
  align-self: center !important;
  display: inline-grid !important;
  grid-template-columns: var(--pg-logo-size) auto !important;
  align-items: center !important;
  column-gap: 10px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--pg-ink) !important;
  text-decoration: none !important;
  transform: none !important;
}

html body.pixgom-unified header.pg-header a.pg-brand img,
html body.pixgom-unified header.pg-header .pg-brand img,
html body.auth-page.pixgom-unified header.pg-header a.pg-brand img,
html body.console-shell-page.pixgom-unified header.pg-header a.pg-brand img,
html body.pixgom-static-page.pixgom-unified header.pg-header a.pg-brand img,
html body.pixgom-sales-page.pixgom-unified header.pg-header a.pg-brand img {
  display: block !important;
  grid-column: 1 !important;
  width: var(--pg-logo-size) !important;
  min-width: var(--pg-logo-size) !important;
  max-width: var(--pg-logo-size) !important;
  height: var(--pg-logo-size) !important;
  min-height: var(--pg-logo-size) !important;
  max-height: var(--pg-logo-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 8px !important;
  object-fit: contain !important;
  box-shadow: none !important;
  transform: none !important;
}

html body.pixgom-unified header.pg-header a.pg-brand > span,
html body.pixgom-unified header.pg-header .pg-brand > span,
html body.auth-page.pixgom-unified header.pg-header a.pg-brand > span,
html body.console-shell-page.pixgom-unified header.pg-header a.pg-brand > span,
html body.pixgom-static-page.pixgom-unified header.pg-header a.pg-brand > span,
html body.pixgom-sales-page.pixgom-unified header.pg-header a.pg-brand > span {
  display: grid !important;
  grid-template-rows: 18px 13px !important;
  align-items: start !important;
  justify-items: start !important;
  gap: 0 !important;
  width: 70px !important;
  min-width: 70px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  transform: none !important;
}

html body.pixgom-unified header.pg-header a.pg-brand strong,
html body.pixgom-unified header.pg-header .pg-brand strong,
html body.pixgom-unified header.pg-header .brand-name,
html body.auth-page.pixgom-unified header.pg-header a.pg-brand strong,
html body.console-shell-page.pixgom-unified header.pg-header a.pg-brand strong,
html body.pixgom-static-page.pixgom-unified header.pg-header a.pg-brand strong,
html body.pixgom-sales-page.pixgom-unified header.pg-header a.pg-brand strong {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--pg-ink) !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 18px !important;
  letter-spacing: -0.04em !important;
  white-space: nowrap !important;
  transform: none !important;
}

html body.pixgom-unified header.pg-header a.pg-brand small,
html body.pixgom-unified header.pg-header .pg-brand small,
html body.pixgom-unified header.pg-header .brand-version,
html body.auth-page.pixgom-unified header.pg-header a.pg-brand small,
html body.console-shell-page.pixgom-unified header.pg-header a.pg-brand small,
html body.pixgom-static-page.pixgom-unified header.pg-header a.pg-brand small,
html body.pixgom-sales-page.pixgom-unified header.pg-header a.pg-brand small {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--pg-muted) !important;
  font-family: inherit !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 12px !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
  transform: none !important;
}

html body.pixgom-unified header.pg-header nav.pg-nav,
html body.pixgom-unified header.pg-header .pg-nav {
  grid-column: 2 !important;
  justify-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.pixgom-unified header.pg-header .pg-header-actions {
  grid-column: 3 !important;
  justify-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.pixgom-unified header.pg-header a.pg-login,
html body.pixgom-unified header.pg-header a.pg-signup,
html body.pixgom-unified header.pg-header .pg-header-actions a,
html body.pixgom-unified header.pg-header .pg-header-actions button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 88px !important;
  height: 44px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: -0.03em !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

html body.pixgom-unified header.pg-header a.pg-login,
html body.pixgom-unified header.pg-header .pg-header-actions a[href*="login"],
html body.pixgom-unified header.pg-header .pg-header-actions a[href*="console"] {
  color: #fff !important;
  background: var(--pg-ink) !important;
  border: 1px solid var(--pg-ink) !important;
  box-shadow: 0 12px 24px rgba(11, 16, 32, 0.14) !important;
}

html body.pixgom-unified header.pg-header a.pg-signup,
html body.pixgom-unified header.pg-header .pg-header-actions a[href*="signup"] {
  color: var(--pg-ink) !important;
  background: #fff !important;
  border: 1px solid rgba(11, 16, 32, 0.16) !important;
  box-shadow: none !important;
}

@media (max-width: 860px) {
  html body.pixgom-unified > header.pg-header,
  html body.pixgom-unified header.pg-header,
  html body.auth-page.pixgom-unified > header.pg-header,
  html body.console-shell-page.pixgom-unified > header.pg-header,
  html body.pixgom-static-page.pixgom-unified > header.pg-header,
  html body.pixgom-sales-page.pixgom-unified > header.pg-header {
    height: 68px !important;
    min-height: 68px !important;
    padding: 0 16px !important;
  }

  html body.pixgom-unified > header.pg-header > .pg-header-inner,
  html body.pixgom-unified header.pg-header > .pg-header-inner,
  html body.auth-page.pixgom-unified > header.pg-header > .pg-header-inner,
  html body.console-shell-page.pixgom-unified > header.pg-header > .pg-header-inner,
  html body.pixgom-static-page.pixgom-unified > header.pg-header > .pg-header-inner,
  html body.pixgom-sales-page.pixgom-unified > header.pg-header > .pg-header-inner {
    display: grid !important;
    grid-template-columns: auto 1fr 44px !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: none !important;
    height: 68px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-unified header.pg-header nav.pg-nav,
  html body.pixgom-unified header.pg-header .pg-nav,
  html body.pixgom-unified header.pg-header .pg-header-actions,
  html body.pixgom-unified header.pg-header a.pg-login,
  html body.pixgom-unified header.pg-header a.pg-signup,
  html body.pixgom-unified header.pg-header .pg-header-actions a,
  html body.pixgom-unified header.pg-header .pg-header-actions button,
  html body.auth-page.pixgom-unified header.pg-header .pg-header-actions,
  html body.console-shell-page.pixgom-unified header.pg-header .pg-header-actions,
  html body.pixgom-static-page.pixgom-unified header.pg-header .pg-header-actions,
  html body.pixgom-sales-page.pixgom-unified header.pg-header .pg-header-actions {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  html body.pixgom-unified header.pg-header button.pg-menu,
  html body.pixgom-unified header.pg-header .pg-menu,
  html body.auth-page.pixgom-unified header.pg-header button.pg-menu,
  html body.console-shell-page.pixgom-unified header.pg-header button.pg-menu,
  html body.pixgom-static-page.pixgom-unified header.pg-header button.pg-menu,
  html body.pixgom-sales-page.pixgom-unified header.pg-header button.pg-menu {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    background-color: transparent !important;
    background-image:
      linear-gradient(var(--pg-ink), var(--pg-ink)),
      linear-gradient(var(--pg-ink), var(--pg-ink)),
      linear-gradient(var(--pg-ink), var(--pg-ink)) !important;
    background-position: center 14px, center 22px, center 30px !important;
    background-size: 22px 2.4px, 22px 2.4px, 22px 2.4px !important;
    background-repeat: no-repeat !important;
    box-shadow: none !important;
    transform: none !important;
    appearance: none !important;
  }

  html body.pixgom-unified header.pg-header a.pg-brand,
  html body.pixgom-unified header.pg-header .pg-brand {
    height: 40px !important;
    grid-template-columns: 30px 70px !important;
    column-gap: 10px !important;
  }
}

/* v104 mobile header real lock - svg/img CI parity */
@media (max-width: 860px) {
  html body.pixgom-unified header.pg-header,
  html body.pixgom-unified header.inner-site-header {
    box-sizing: border-box !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) 44px !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: none !important;
    height: 68px !important;
    min-height: 68px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    background: rgba(250, 248, 243, 0.97) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body.pixgom-unified header.pg-header > .pg-header-inner {
    display: contents !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-unified header.pg-header a.brand.pg-brand,
  html body.pixgom-unified header.pg-header a.pg-brand,
  html body.pixgom-unified header.inner-site-header a.brand.inner-site-brand,
  html body.pixgom-unified header.inner-site-header a.inner-site-brand {
    position: static !important;
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    display: grid !important;
    grid-template-columns: 30px 72px !important;
    grid-template-rows: 18px 13px !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    text-decoration: none !important;
    transform: none !important;
  }

  html body.pixgom-unified header.pg-header a.brand.pg-brand svg.brand-mark,
  html body.pixgom-unified header.pg-header a.pg-brand svg.brand-mark,
  html body.pixgom-unified header.inner-site-header a.brand.inner-site-brand img,
  html body.pixgom-unified header.inner-site-header a.inner-site-brand img {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    display: block !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 8px !important;
    object-fit: contain !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.pixgom-unified header.pg-header a.brand.pg-brand .brand-name,
  html body.pixgom-unified header.pg-header a.pg-brand .brand-name,
  html body.pixgom-unified header.inner-site-header a.brand.inner-site-brand .brand-name,
  html body.pixgom-unified header.inner-site-header a.inner-site-brand .brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    width: 72px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 18px !important;
    letter-spacing: -0.04em !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body.pixgom-unified header.pg-header a.brand.pg-brand .brand-version,
  html body.pixgom-unified header.pg-header a.pg-brand .brand-version,
  html body.pixgom-unified header.inner-site-header a.brand.inner-site-brand .brand-version,
  html body.pixgom-unified header.inner-site-header a.inner-site-brand .brand-version {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: block !important;
    width: 72px !important;
    height: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #58708f !important;
    font-family: inherit !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 13px !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body.pixgom-unified header.pg-header nav,
  html body.pixgom-unified header.pg-header .nav,
  html body.pixgom-unified header.pg-header .pg-nav,
  html body.pixgom-unified header.pg-header .header-actions,
  html body.pixgom-unified header.pg-header .pg-header-actions,
  html body.pixgom-unified header.pg-header a.signup,
  html body.pixgom-unified header.pg-header a.login,
  html body.pixgom-unified header.pg-header a.pg-signup,
  html body.pixgom-unified header.pg-header a.pg-login,
  html body.pixgom-unified header.inner-site-header nav,
  html body.pixgom-unified header.inner-site-header .inner-site-nav,
  html body.pixgom-unified header.inner-site-header .inner-site-action {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  html body.pixgom-unified header.pg-header button.menu-open,
  html body.pixgom-unified header.pg-header button.pg-menu,
  html body.pixgom-unified header.inner-site-header button.menu-open,
  html body.pixgom-unified header.inner-site-header button.pg-menu {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    color: #0b1020 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    appearance: none !important;
  }

  html body.pixgom-unified header.pg-header button.menu-open svg,
  html body.pixgom-unified header.pg-header button.pg-menu svg,
  html body.pixgom-unified header.inner-site-header button.menu-open svg,
  html body.pixgom-unified header.inner-site-header button.pg-menu svg {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    color: #0b1020 !important;
    stroke: currentColor !important;
  }
}

/* v109 public page parity with production home */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page > header.pg-header,
  html body.pixgom-unified.pixgom-sales-page > header.pg-header {
    height: 73px !important;
    min-height: 73px !important;
    padding: 0 !important;
    background: #faf8f3 !important;
    border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
    box-shadow: none !important;
  }

  html body.pixgom-unified.pixgom-static-page > header.pg-header > .pg-header-inner,
  html body.pixgom-unified.pixgom-sales-page > header.pg-header > .pg-header-inner {
    width: min(1120px, calc(100vw - 80px)) !important;
    max-width: 1120px !important;
    height: 73px !important;
    min-height: 73px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 180px minmax(0, 1fr) 180px !important;
    align-items: center !important;
    gap: 24px !important;
  }

  html body.pixgom-unified.pixgom-static-page > header.pg-header .pg-brand,
  html body.pixgom-unified.pixgom-sales-page > header.pg-header .pg-brand {
    grid-column: 1 !important;
    justify-self: start !important;
    width: 147px !important;
    min-width: 147px !important;
    height: 44px !important;
    margin: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page > header.pg-header .pg-nav,
  html body.pixgom-unified.pixgom-sales-page > header.pg-header .pg-nav {
    grid-column: 2 !important;
    justify-self: center !important;
    position: static !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page > header.pg-header .pg-header-actions,
  html body.pixgom-unified.pixgom-sales-page > header.pg-header .pg-header-actions {
    grid-column: 3 !important;
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page main.pg-main,
  html body.pixgom-unified.pixgom-sales-page main.pg-main {
    background: #faf8f3 !important;
  }

  html body.pixgom-unified.pixgom-static-page section.pg-hero.pg-sales-hero,
  html body.pixgom-unified.pixgom-sales-page section.pg-hero.pg-sales-hero {
    box-sizing: border-box !important;
    width: min(1120px, calc(100vw - 80px)) !important;
    max-width: 1120px !important;
    min-height: 420px !important;
    height: 420px !important;
    margin: 32px auto 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 560px 360px !important;
    column-gap: 112px !important;
    align-items: start !important;
    justify-content: start !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body.pixgom-unified.pixgom-static-page section.pg-hero.pg-sales-hero .pg-copy,
  html body.pixgom-unified.pixgom-sales-page section.pg-hero.pg-sales-hero .pg-copy {
    width: 560px !important;
    max-width: 560px !important;
    min-width: 0 !important;
    margin: 43px 0 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page section.pg-hero.pg-sales-hero h1,
  html body.pixgom-unified.pixgom-sales-page section.pg-hero.pg-sales-hero h1 {
    width: 560px !important;
    max-width: 560px !important;
    margin: 0 !important;
    color: #0b1020 !important;
    font-size: 48px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.07em !important;
  }

  html body.pixgom-unified.pixgom-static-page section.pg-hero.pg-sales-hero .pg-actions,
  html body.pixgom-unified.pixgom-sales-page section.pg-hero.pg-sales-hero .pg-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 26px !important;
  }

  html body.pixgom-unified.pixgom-static-page section.pg-hero.pg-sales-hero .pg-cta,
  html body.pixgom-unified.pixgom-static-page section.pg-hero.pg-sales-hero .pg-secondary,
  html body.pixgom-unified.pixgom-sales-page section.pg-hero.pg-sales-hero .pg-cta,
  html body.pixgom-unified.pixgom-sales-page section.pg-hero.pg-sales-hero .pg-secondary {
    box-sizing: border-box !important;
    min-height: 56px !important;
    height: 56px !important;
    border-radius: 999px !important;
    padding: 0 26px !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: -0.04em !important;
  }

  html body.pixgom-unified.pixgom-static-page section.pg-hero.pg-sales-hero .pg-cta,
  html body.pixgom-unified.pixgom-sales-page section.pg-hero.pg-sales-hero .pg-cta {
    background: #0b1020 !important;
    color: #fff !important;
    border-color: #0b1020 !important;
    box-shadow: 0 16px 28px rgba(11, 16, 32, 0.16) !important;
  }

  html body.pixgom-unified.pixgom-static-page section.pg-hero.pg-sales-hero .pg-secondary,
  html body.pixgom-unified.pixgom-sales-page section.pg-hero.pg-sales-hero .pg-secondary {
    background: #fff !important;
    color: #0b1020 !important;
    border: 1px solid rgba(11, 16, 32, 0.16) !important;
    box-shadow: none !important;
  }

  html body.pixgom-unified.pixgom-static-page section.pg-hero.pg-sales-hero .pg-product-visual.home-product-visual,
  html body.pixgom-unified.pixgom-sales-page section.pg-hero.pg-sales-hero .pg-product-visual.home-product-visual,
  html body.pixgom-unified.pixgom-static-page section.pg-hero.pg-sales-hero .pg-product-visual.home-product-visual .visual-stage,
  html body.pixgom-unified.pixgom-sales-page section.pg-hero.pg-sales-hero .pg-product-visual.home-product-visual .visual-stage {
    position: relative !important;
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: start !important;
    align-self: start !important;
    overflow: visible !important;
  }

  html body.pixgom-unified.pixgom-static-page section.pg-hero.pg-sales-hero .pg-product-visual.home-product-visual .visual-stage,
  html body.pixgom-unified.pixgom-sales-page section.pg-hero.pg-sales-hero .pg-product-visual.home-product-visual .visual-stage {
    top: 5px !important;
  }

  html body.pixgom-unified.pixgom-static-page section.pg-hero.pg-sales-hero .pg-product-visual.home-product-visual .product-box,
  html body.pixgom-unified.pixgom-sales-page section.pg-hero.pg-sales-hero .pg-product-visual.home-product-visual .product-box {
    position: relative !important;
    top: 99px !important;
    left: 18px !important;
    width: 324px !important;
    height: 221px !important;
    margin: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-static-page section.pg-hero.pg-sales-hero .pg-cta,
  html body.pixgom-unified.pixgom-static-page section.pg-hero.pg-sales-hero .pg-secondary,
  html body.pixgom-unified.pixgom-sales-page section.pg-hero.pg-sales-hero .pg-cta,
  html body.pixgom-unified.pixgom-sales-page section.pg-hero.pg-sales-hero .pg-secondary {
    min-height: 56px !important;
    height: 56px !important;
    border-radius: 999px !important;
  }
}

/* v110 high-specificity public hero lock */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page > header.pg-header.pg-header > div.pg-header-inner.pg-header-inner {
    width: min(1120px, calc(100vw - 80px)) !important;
    max-width: 1120px !important;
    height: 73px !important;
    min-height: 73px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: grid !important;
    grid-template-columns: 180px minmax(0, 1fr) 180px !important;
    align-items: center !important;
    gap: 24px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page > header.pg-header.pg-header > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand {
    position: static !important;
    grid-column: 1 !important;
    justify-self: start !important;
    left: auto !important;
    top: auto !important;
    width: 147px !important;
    min-width: 147px !important;
    max-width: 147px !important;
    height: 44px !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero {
    width: min(1120px, calc(100vw - 80px)) !important;
    max-width: 1120px !important;
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
    margin: 32px auto 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 560px 360px !important;
    column-gap: 112px !important;
    row-gap: 0 !important;
    align-items: start !important;
    justify-content: start !important;
    overflow: visible !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main > section.pg-hero.pg-sales-hero > div.pg-copy.pg-copy {
    grid-column: 1 !important;
    width: 560px !important;
    max-width: 560px !important;
    height: auto !important;
    margin: 43px 0 0 !important;
    padding: 0 !important;
    align-self: start !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main > section.pg-hero.pg-sales-hero > div.pg-copy.pg-copy > div.pg-actions,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main > section.pg-hero.pg-sales-hero .pg-actions.pg-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 26px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main > section.pg-hero.pg-sales-hero .pg-actions.pg-actions > a.pg-cta.pg-cta,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main > section.pg-hero.pg-sales-hero .pg-actions.pg-actions > a.pg-secondary.pg-secondary,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main > section.pg-hero.pg-sales-hero a.pg-cta.pg-cta,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main > section.pg-hero.pg-sales-hero a.pg-secondary.pg-secondary {
    min-height: 56px !important;
    height: 56px !important;
    border-radius: 999px !important;
    padding: 0 26px !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 56px !important;
    letter-spacing: -0.04em !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main > section.pg-hero.pg-sales-hero > div.pg-product-visual.home-product-visual,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main > section.pg-hero.pg-sales-hero > div.pg-product-visual.home-product-visual.home-product-visual {
    grid-column: 2 !important;
    position: relative !important;
    justify-self: start !important;
    align-self: start !important;
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main > section.pg-hero.pg-sales-hero > div.pg-product-visual.home-product-visual > div.visual-stage.visual-stage {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main > section.pg-hero.pg-sales-hero > div.pg-product-visual.home-product-visual > div.visual-stage.visual-stage > div.product-box.product-box {
    position: relative !important;
    top: 99px !important;
    left: 18px !important;
    width: 324px !important;
    min-width: 324px !important;
    max-width: 324px !important;
    height: 221px !important;
    min-height: 221px !important;
    max-height: 221px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main > section.pg-hero.pg-sales-hero .pg-actions.pg-actions > a.pg-cta.pg-cta,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main > section.pg-hero.pg-sales-hero .pg-actions.pg-actions > a.pg-secondary.pg-secondary {
    min-height: 56px !important;
    height: 56px !important;
    border-radius: 999px !important;
  }
}

/* v111 public desktop micro-alignment */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page > header.pg-header.pg-header > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand {
    margin-left: 7px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main > section.pg-hero.pg-sales-hero > div.pg-product-visual.home-product-visual > div.visual-stage.visual-stage > div.product-box.product-box {
    left: 13px !important;
  }
}

/* v112 install hero parity with home */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.install-hero.install-hero {
    width: min(1120px, calc(100vw - 80px)) !important;
    max-width: 1120px !important;
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
    margin: 32px auto 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 560px 360px !important;
    column-gap: 112px !important;
    row-gap: 0 !important;
    align-items: start !important;
    justify-content: start !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.install-hero.install-hero > div.pg-copy.pg-copy,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.install-hero.install-hero > div.install-copy {
    grid-column: 1 !important;
    width: 560px !important;
    max-width: 560px !important;
    margin: 43px 0 0 !important;
    padding: 0 !important;
    align-self: start !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.install-hero.install-hero h1 {
    width: 560px !important;
    max-width: 560px !important;
    color: #0b1020 !important;
    font-size: 48px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.07em !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.install-hero.install-hero .pg-actions.pg-actions,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.install-hero.install-hero .install-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 26px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.install-hero.install-hero a.pg-cta.pg-cta,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.install-hero.install-hero a.pg-secondary.pg-secondary {
    min-height: 56px !important;
    height: 56px !important;
    border-radius: 999px !important;
    padding: 0 26px !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 56px !important;
    letter-spacing: -0.04em !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.install-hero.install-hero > div.install-product-visual,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.install-hero.install-hero > div.pg-product-visual,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.install-hero.install-hero > div.home-product-visual {
    grid-column: 2 !important;
    position: relative !important;
    justify-self: start !important;
    align-self: start !important;
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.install-hero.install-hero .visual-stage.visual-stage {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.install-hero.install-hero .visual-stage.visual-stage > div.product-box.product-box,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.install-hero.install-hero div.product-box.product-box {
    position: relative !important;
    top: 99px !important;
    left: 13px !important;
    width: 324px !important;
    min-width: 324px !important;
    max-width: 324px !important;
    height: 221px !important;
    min-height: 221px !important;
    max-height: 221px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.install-hero.install-hero a.pg-cta.pg-cta,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.install-hero.install-hero a.pg-secondary.pg-secondary {
    min-height: 56px !important;
    height: 56px !important;
    border-radius: 999px !important;
  }
}

/* v113 install copy and visual micro-alignment */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.install-hero.install-hero > div.pg-copy.install-copy {
    margin-top: 8px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.install-hero.install-hero > div.pg-product-visual.home-product-visual.install-product-visual {
    left: 65px !important;
  }
}

/* v114 auth/apply/console inner screen parity with home */
@media (min-width: 861px) {
  html body.auth-page.pixgom-unified .auth-shell.inner-reference-shell,
  html body.console-shell-page.pixgom-unified .console-app-shell {
    box-sizing: border-box !important;
    width: min(1105px, calc(100vw - 80px)) !important;
    max-width: 1105px !important;
    min-height: calc(100vh - 73px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 560px 430px !important;
    column-gap: 76px !important;
    align-items: start !important;
    justify-content: start !important;
    background: #faf8f3 !important;
  }

  html body.auth-page.pixgom-unified .auth-shell.inner-reference-shell > .inner-product-visual,
  html body.auth-page.pixgom-unified .auth-shell.inner-reference-shell > .home-product-visual {
    display: none !important;
  }

  html body.auth-page.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy,
  html body.console-shell-page.pixgom-unified .console-app-shell > .inner-console-hero {
    grid-column: 1 !important;
    position: relative !important;
    display: block !important;
    width: 560px !important;
    max-width: 560px !important;
    min-height: 360px !important;
    margin: 56px 0 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body.auth-page.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy h1,
  html body.console-shell-page.pixgom-unified .console-app-shell > .inner-console-hero h1 {
    width: 560px !important;
    max-width: 560px !important;
    margin: 18px 0 0 !important;
    color: #0b1020 !important;
    font-size: 48px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.07em !important;
  }

  html body.auth-page.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy > p,
  html body.console-shell-page.pixgom-unified .console-app-shell > .inner-console-hero > p {
    max-width: 560px !important;
    margin: 20px 0 0 !important;
    color: #314158 !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
    font-weight: 650 !important;
    letter-spacing: -0.035em !important;
  }

  html body.auth-page.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy mark,
  html body.console-shell-page.pixgom-unified .console-app-shell > .inner-console-hero mark {
    display: block !important;
    width: min(390px, 78%) !important;
    height: 10px !important;
    margin: -8px 0 20px !important;
    background: #ffd400 !important;
  }

  html body.auth-page.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy .inner-hero-actions,
  html body.console-shell-page.pixgom-unified .console-app-shell > .inner-console-hero .inner-hero-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 26px !important;
  }

  html body.auth-page.pixgom-unified .auth-shell.inner-reference-shell > .auth-card,
  html body.auth-page.pixgom-unified section.auth-card,
  html body.console-shell-page.pixgom-unified .console-app-shell > .console-login-panel {
    grid-column: 2 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 430px !important;
    min-width: 430px !important;
    max-width: 430px !important;
    margin: 70px 0 40px !important;
    padding: 32px !important;
    transform: none !important;
    background: #fff !important;
    border: 1px solid rgba(11, 16, 32, 0.09) !important;
    border-radius: 28px !important;
    box-shadow: 0 24px 56px rgba(11, 16, 32, 0.08) !important;
    overflow: visible !important;
  }

  html body.auth-page.pixgom-unified .auth-card h1,
  html body.console-shell-page.pixgom-unified .console-login-panel h1 {
    margin: 10px 0 12px !important;
    color: #0b1020 !important;
    font-size: 32px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
    letter-spacing: -0.06em !important;
  }

  html body.auth-page.pixgom-unified .auth-card p,
  html body.console-shell-page.pixgom-unified .console-login-panel p {
    color: #62748e !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    font-weight: 650 !important;
    letter-spacing: -0.035em !important;
  }
}

html body.auth-page.pixgom-unified .auth-card form,
html body.auth-page.pixgom-unified .auth-card .account-apply-flow-card,
html body.auth-page.pixgom-unified .auth-card .pg-auth-note-grid {
  width: 100% !important;
}

html body.auth-page.pixgom-unified .auth-card label,
html body.auth-page.pixgom-unified .auth-card form > label,
html body.auth-page.pixgom-unified .auth-card .consent-box,
html body.auth-page.pixgom-unified .auth-card .account-apply-flow-card,
html body.auth-page.pixgom-unified .auth-card .pg-auth-note-grid span,
html body.console-shell-page.pixgom-unified .console-login-panel {
  border-radius: 22px !important;
}

html body.auth-page.pixgom-unified .auth-card input,
html body.auth-page.pixgom-unified .auth-card textarea,
html body.auth-page.pixgom-unified .auth-card select,
html body.console-shell-page.pixgom-unified input,
html body.console-shell-page.pixgom-unified textarea,
html body.console-shell-page.pixgom-unified select {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 56px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(98, 116, 142, 0.18) !important;
  background: #f8fafc !important;
  color: #0b1020 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -0.035em !important;
  outline: none !important;
}

html body.auth-page.pixgom-unified .auth-card button:not([hidden]),
html body.auth-page.pixgom-unified .auth-card .button,
html body.auth-page.pixgom-unified .inner-primary,
html body.auth-page.pixgom-unified .inner-secondary,
html body.console-shell-page.pixgom-unified .inner-primary,
html body.console-shell-page.pixgom-unified .inner-secondary,
html body.console-shell-page.pixgom-unified .console-secondary-link,
html body.console-shell-page.pixgom-unified button:not([hidden]),
html body.console-shell-page.pixgom-unified .button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 56px !important;
  height: 56px !important;
  border-radius: 999px !important;
  padding: 0 26px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  text-decoration: none !important;
}

html body.auth-page.pixgom-unified .auth-card .button-primary,
html body.auth-page.pixgom-unified .inner-primary,
html body.console-shell-page.pixgom-unified .inner-primary,
html body.console-shell-page.pixgom-unified button[type="submit"],
html body.console-shell-page.pixgom-unified .button-primary {
  color: #fff !important;
  background: #0b1020 !important;
  border: 1px solid #0b1020 !important;
  box-shadow: 0 16px 28px rgba(11, 16, 32, 0.16) !important;
}

html body.auth-page.pixgom-unified .auth-card .button-secondary,
html body.auth-page.pixgom-unified .inner-secondary,
html body.console-shell-page.pixgom-unified .inner-secondary,
html body.console-shell-page.pixgom-unified .console-secondary-link,
html body.console-shell-page.pixgom-unified .button-secondary {
  color: #0b1020 !important;
  background: #fff !important;
  border: 1px solid rgba(11, 16, 32, 0.16) !important;
  box-shadow: none !important;
}

html body.auth-page.pixgom-unified .auth-card .kakao-button:not([hidden]) {
  color: #0b1020 !important;
  background: #ffd400 !important;
  border: 1px solid #ffd400 !important;
  box-shadow: none !important;
}

html body.auth-page.pixgom-unified .auth-card .google-button:not([hidden]) {
  color: #0b1020 !important;
  background: #fff !important;
  border: 1px solid rgba(11, 16, 32, 0.16) !important;
  box-shadow: none !important;
}

html body.auth-page.pixgom-unified [hidden],
html body.console-shell-page.pixgom-unified [hidden] {
  display: none !important;
}

@media (max-width: 860px) {
  html body.auth-page.pixgom-unified .auth-shell.inner-reference-shell,
  html body.console-shell-page.pixgom-unified .console-app-shell {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: calc(100svh - 68px) !important;
    margin: 0 !important;
    padding: 16px 20px 32px !important;
    background: #faf8f3 !important;
  }

  html body.auth-page.pixgom-unified .auth-shell.inner-reference-shell > .inner-product-visual,
  html body.auth-page.pixgom-unified .auth-shell.inner-reference-shell > .home-product-visual,
  html body.auth-page.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy,
  html body.auth-page.pixgom-unified .auth-shell.inner-reference-shell > .inner-shortcuts,
  html body.console-shell-page.pixgom-unified .console-app-shell > .inner-console-hero,
  html body.console-shell-page.pixgom-unified .console-app-shell > .inner-console-shortcuts,
  html body.console-shell-page.pixgom-unified .console-app-shell > .inner-console-brand {
    display: none !important;
  }

  html body.auth-page.pixgom-unified .auth-shell.inner-reference-shell > .auth-card,
  html body.auth-page.pixgom-unified section.auth-card,
  html body.console-shell-page.pixgom-unified .console-app-shell > .console-login-panel {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 350px !important;
    min-width: 0 !important;
    margin: 0 auto 24px !important;
    padding: 24px 20px !important;
    background: #fff !important;
    border: 1px solid rgba(11, 16, 32, 0.09) !important;
    border-radius: 26px !important;
    box-shadow: 0 24px 56px rgba(11, 16, 32, 0.08) !important;
    transform: none !important;
  }

  html body.auth-page.pixgom-unified .auth-card h1,
  html body.console-shell-page.pixgom-unified .console-login-panel h1 {
    margin: 10px 0 12px !important;
    color: #0b1020 !important;
    font-size: 32px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
    letter-spacing: -0.06em !important;
  }

  html body.auth-page.pixgom-unified .auth-card button:not([hidden]),
  html body.auth-page.pixgom-unified .auth-card .button,
  html body.console-shell-page.pixgom-unified .console-login-panel .button,
  html body.console-shell-page.pixgom-unified .console-login-panel a {
    width: 100% !important;
  }
}

/* v115 high-specificity auth layout lock */
@media (min-width: 861px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-detail-page.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell {
    box-sizing: border-box !important;
    width: min(1105px, calc(100vw - 80px)) !important;
    max-width: 1105px !important;
    min-height: calc(100vh - 73px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 560px 430px !important;
    column-gap: 76px !important;
    row-gap: 0 !important;
    align-items: start !important;
    justify-content: start !important;
    background: #faf8f3 !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-detail-page.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    display: block !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 560px !important;
    min-width: 560px !important;
    max-width: 560px !important;
    min-height: 360px !important;
    margin: 56px 0 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-detail-page.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .auth-card.auth-card,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .auth-card.auth-card,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .auth-card.auth-card,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .auth-card.auth-card {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: relative !important;
    display: block !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    box-sizing: border-box !important;
    width: 430px !important;
    min-width: 430px !important;
    max-width: 430px !important;
    margin: 70px 0 40px !important;
    padding: 32px !important;
    transform: none !important;
    background: #fff !important;
    border: 1px solid rgba(11, 16, 32, 0.09) !important;
    border-radius: 28px !important;
    box-shadow: 0 24px 56px rgba(11, 16, 32, 0.08) !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-detail-page.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-shortcuts,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-detail-page.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-product-visual,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-detail-page.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .home-product-visual {
    display: none !important;
  }
}

/* v116 auth/console grid vertical lock */
@media (min-width: 861px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-detail-page.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell,
  html body.console-shell-page.pixgom-unified .console-app-shell {
    align-content: start !important;
    place-content: start !important;
    grid-auto-rows: auto !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-detail-page.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy,
  html body.console-shell-page.pixgom-unified .console-app-shell > .inner-console-hero.inner-console-hero {
    align-self: start !important;
    place-self: start auto !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-detail-page.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .auth-card.auth-card,
  html body.console-shell-page.pixgom-unified .console-app-shell > .console-login-panel.console-login-panel {
    align-self: start !important;
    place-self: start auto !important;
  }
}

/* v117 mobile header/CI hard lock: home 기준 상단 고정 */
@media (max-width: 860px) {
  html body header.header,
  html body header.pg-header,
  html body header.inner-site-header {
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 128px 1fr 44px !important;
    align-items: center !important;
    column-gap: 0 !important;
    background: #faf8f3 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  html body header.header > .header-inner,
  html body header.pg-header > .pg-header-inner,
  html body header.inner-site-header > .pg-header-inner,
  html body header.inner-site-header > .inner-site-header-inner {
    display: contents !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body header.header a.brand,
  html body header.pg-header a.pg-brand,
  html body header.pg-header a.brand,
  html body header.inner-site-header a.inner-site-brand,
  html body header.inner-site-header a.brand,
  html body header.inner-site-header a.pg-brand {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 30px auto !important;
    grid-template-rows: 17px 12px !important;
    align-items: center !important;
    column-gap: 9px !important;
    row-gap: 0 !important;
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    text-decoration: none !important;
    overflow: visible !important;
  }

  html body header.header a.brand img,
  html body header.header a.brand svg,
  html body header.header img.brand-mark,
  html body header.header svg.brand-mark,
  html body header.pg-header a.pg-brand img,
  html body header.pg-header a.pg-brand svg,
  html body header.pg-header a.brand img,
  html body header.pg-header a.brand svg,
  html body header.inner-site-header a.inner-site-brand img,
  html body header.inner-site-header a.inner-site-brand svg,
  html body header.inner-site-header a.brand img,
  html body header.inner-site-header a.brand svg,
  html body header.inner-site-header a.pg-brand img,
  html body header.inner-site-header a.pg-brand svg {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    display: block !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 8px !important;
    object-fit: contain !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body header.header a.brand .brand-name,
  html body header.header a.brand strong,
  html body header.pg-header a.pg-brand .brand-name,
  html body header.pg-header a.pg-brand strong,
  html body header.pg-header a.brand .brand-name,
  html body header.pg-header a.brand strong,
  html body header.inner-site-header a.inner-site-brand .brand-name,
  html body header.inner-site-header a.inner-site-brand strong,
  html body header.inner-site-header a.brand .brand-name,
  html body header.inner-site-header a.brand strong,
  html body header.inner-site-header a.pg-brand .brand-name,
  html body header.inner-site-header a.pg-brand strong {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 16px !important;
    letter-spacing: -0.45px !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body header.header a.brand .brand-version,
  html body header.header a.brand small,
  html body header.pg-header a.pg-brand .brand-version,
  html body header.pg-header a.pg-brand small,
  html body header.pg-header a.brand .brand-version,
  html body header.pg-header a.brand small,
  html body header.inner-site-header a.inner-site-brand .brand-version,
  html body header.inner-site-header a.inner-site-brand small,
  html body header.inner-site-header a.brand .brand-version,
  html body header.inner-site-header a.brand small,
  html body header.inner-site-header a.pg-brand .brand-version,
  html body header.inner-site-header a.pg-brand small {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    display: block !important;
    margin: 1px 0 0 !important;
    padding: 0 !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 10px !important;
    letter-spacing: -0.25px !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body header.header nav,
  html body header.header .nav,
  html body header.header .actions,
  html body header.header .header-actions,
  html body header.header a.signup,
  html body header.header a.login,
  html body header.pg-header nav,
  html body header.pg-header .nav,
  html body header.pg-header .pg-nav,
  html body header.pg-header .actions,
  html body header.pg-header .header-actions,
  html body header.pg-header .pg-header-actions,
  html body header.pg-header a.signup,
  html body header.pg-header a.login,
  html body header.pg-header a.pg-signup,
  html body header.pg-header a.pg-login,
  html body header.inner-site-header nav,
  html body header.inner-site-header .nav,
  html body header.inner-site-header .inner-site-nav,
  html body header.inner-site-header .actions,
  html body header.inner-site-header .header-actions,
  html body header.inner-site-header .pg-header-actions,
  html body header.inner-site-header a.signup,
  html body header.inner-site-header a.login,
  html body header.inner-site-header a.inner-site-action,
  html body header.inner-site-header a.pg-signup,
  html body header.inner-site-header a.pg-login {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
  }

  html body header.header button.menu-open,
  html body header.header button.pg-menu,
  html body header.pg-header button.menu-open,
  html body header.pg-header button.pg-menu,
  html body header.inner-site-header button.menu-open,
  html body header.inner-site-header button.pg-menu,
  html body header.inner-site-header::after {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background:
      linear-gradient(#0b1020, #0b1020) center 14px / 21px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 22px / 21px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 30px / 21px 2.4px no-repeat !important;
    color: transparent !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  html body header.header button.menu-open svg,
  html body header.header button.pg-menu svg,
  html body header.pg-header button.menu-open svg,
  html body header.pg-header button.pg-menu svg,
  html body header.inner-site-header button.menu-open svg,
  html body header.inner-site-header button.pg-menu svg {
    display: none !important;
  }
}

/* v118 final-after-inline mobile header lock */
@media (max-width: 860px) {
  html body header.header,
  html body header.pg-header,
  html body header.inner-site-header {
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 0 16px !important;
    display: grid !important;
    grid-template-columns: 128px 1fr 44px !important;
    align-items: center !important;
    background: #faf8f3 !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    box-shadow: none !important;
  }

  html body header.header > .header-inner,
  html body header.pg-header > .pg-header-inner,
  html body header.inner-site-header > .pg-header-inner,
  html body header.inner-site-header > .inner-site-header-inner {
    display: contents !important;
  }

  html body header.header a.brand,
  html body header.pg-header a.pg-brand,
  html body header.pg-header a.brand,
  html body header.inner-site-header a.inner-site-brand,
  html body header.inner-site-header a.brand,
  html body header.inner-site-header a.pg-brand {
    grid-column: 1 !important;
    display: grid !important;
    grid-template-columns: 30px auto !important;
    grid-template-rows: 17px 12px !important;
    column-gap: 9px !important;
    width: 128px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    align-self: center !important;
    justify-self: start !important;
  }

  html body header.header a.brand img,
  html body header.header a.brand svg,
  html body header.header img.brand-mark,
  html body header.header svg.brand-mark,
  html body header.pg-header a.pg-brand img,
  html body header.pg-header a.pg-brand svg,
  html body header.pg-header a.brand img,
  html body header.pg-header a.brand svg,
  html body header.inner-site-header a.inner-site-brand img,
  html body header.inner-site-header a.inner-site-brand svg,
  html body header.inner-site-header a.brand img,
  html body header.inner-site-header a.brand svg,
  html body header.inner-site-header a.pg-brand img,
  html body header.inner-site-header a.pg-brand svg {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    object-fit: contain !important;
    transform: none !important;
  }

  html body header.header a.brand .brand-name,
  html body header.pg-header a.pg-brand .brand-name,
  html body header.pg-header a.brand .brand-name,
  html body header.inner-site-header a.inner-site-brand .brand-name,
  html body header.inner-site-header a.brand .brand-name,
  html body header.inner-site-header a.pg-brand .brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    display: block !important;
    margin: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 16px !important;
    letter-spacing: -0.45px !important;
  }

  html body header.header a.brand .brand-version,
  html body header.pg-header a.pg-brand .brand-version,
  html body header.pg-header a.brand .brand-version,
  html body header.inner-site-header a.inner-site-brand .brand-version,
  html body header.inner-site-header a.brand .brand-version,
  html body header.inner-site-header a.pg-brand .brand-version {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    display: block !important;
    margin: 1px 0 0 !important;
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 10px !important;
  }

  html body header.header nav,
  html body header.header .nav,
  html body header.header .actions,
  html body header.header .header-actions,
  html body header.header a.signup,
  html body header.header a.login,
  html body header.pg-header nav,
  html body header.pg-header .pg-nav,
  html body header.pg-header .header-actions,
  html body header.pg-header .pg-header-actions,
  html body header.pg-header a.signup,
  html body header.pg-header a.login,
  html body header.pg-header a.pg-signup,
  html body header.pg-header a.pg-login,
  html body header.inner-site-header nav,
  html body header.inner-site-header .inner-site-nav,
  html body header.inner-site-header a.inner-site-action,
  html body header.inner-site-header a.signup,
  html body header.inner-site-header a.login {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body header.header button.menu-open,
  html body header.header button.pg-menu,
  html body header.header button[data-menu-open],
  html body header.header button[data-pg-menu],
  html body header.pg-header button.menu-open,
  html body header.pg-header button.pg-menu,
  html body header.pg-header button[data-menu-open],
  html body header.pg-header button[data-pg-menu],
  html body header.inner-site-header button.menu-open,
  html body header.inner-site-header button.pg-menu,
  html body header.inner-site-header button[data-menu-open],
  html body header.inner-site-header button[data-pg-menu],
  html body header.inner-site-header::after {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    display: block !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background:
      linear-gradient(#0b1020, #0b1020) center 14px / 21px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 22px / 21px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 30px / 21px 2.4px no-repeat !important;
    color: transparent !important;
    box-shadow: none !important;
    font-size: 0 !important;
  }

  html body header.header button.menu-open svg,
  html body header.header button.pg-menu svg,
  html body header.pg-header button.menu-open svg,
  html body header.pg-header button.pg-menu svg,
  html body header.inner-site-header button.menu-open svg,
  html body header.inner-site-header button.pg-menu svg {
    display: none !important;
  }
}

/* v119 visible mobile menu and auth header safety */
@media (max-width: 860px) {
  html body header.header button.menu-open,
  html body header.header button.pg-menu,
  html body header.header button[data-menu-open],
  html body header.header button[data-pg-menu],
  html body header.pg-header button.menu-open,
  html body header.pg-header button.pg-menu,
  html body header.pg-header button[data-menu-open],
  html body header.pg-header button[data-pg-menu],
  html body header.inner-site-header button.menu-open,
  html body header.inner-site-header button.pg-menu,
  html body header.inner-site-header button[data-menu-open],
  html body header.inner-site-header button[data-pg-menu] {
    position: relative !important;
    z-index: 20 !important;
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background:
      linear-gradient(#0b1020, #0b1020) center 14px / 21px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 22px / 21px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 30px / 21px 2.4px no-repeat !important;
    color: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body header.inner-site-header::after {
    content: "" !important;
    position: relative !important;
    z-index: 10 !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none !important;
  }

  body.auth-page.auth-checking .inner-site-header,
  body.auth-page.auth-checking .auth-shell,
  html.auth-session-hint body.auth-page .inner-site-header,
  html.auth-session-hint body.auth-page .auth-shell {
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* v120 mobile header visible right menu: structure-independent */
@media (max-width: 860px) {
  html body header.header,
  html body header.pg-header,
  html body header.inner-site-header {
    position: relative !important;
    overflow: visible !important;
  }

  html body header.header button.menu-open,
  html body header.header button.pg-menu,
  html body header.header button[data-menu-open],
  html body header.header button[data-pg-menu],
  html body header.pg-header button.menu-open,
  html body header.pg-header button.pg-menu,
  html body header.pg-header button[data-menu-open],
  html body header.pg-header button[data-pg-menu],
  html body header.inner-site-header button.menu-open,
  html body header.inner-site-header button.pg-menu,
  html body header.inner-site-header button[data-menu-open],
  html body header.inner-site-header button[data-pg-menu] {
    position: absolute !important;
    top: 12px !important;
    right: 16px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 50 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background:
      linear-gradient(#0b1020, #0b1020) center 14px / 21px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 22px / 21px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 30px / 21px 2.4px no-repeat !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    box-shadow: none !important;
    pointer-events: auto !important;
  }

  html body header.header::after,
  html body header.pg-header::after,
  html body header.inner-site-header::after {
    content: "" !important;
    position: absolute !important;
    top: 12px !important;
    right: 16px !important;
    z-index: 45 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    background:
      linear-gradient(#0b1020, #0b1020) center 14px / 21px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 22px / 21px 2.4px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 30px / 21px 2.4px no-repeat !important;
    pointer-events: none !important;
  }
}

/* v121 full-site home parity: public page product/header and auth shell correction */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page > header.pg-header.pg-header > div.pg-header-inner.pg-header-inner,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page > header.pg-header > .pg-header-inner,
  html body.pixgom-unified.pixgom-static-page > header.pg-header.pg-header > div.pg-header-inner.pg-header-inner,
  html body.pixgom-unified.pixgom-static-page > header.pg-header > .pg-header-inner {
    width: 1120px !important;
    max-width: 1120px !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page > header.pg-header.pg-header a.pg-brand.pg-brand,
  html body.pixgom-unified.pixgom-static-page > header.pg-header.pg-header a.pg-brand.pg-brand {
    margin-left: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page > main.pg-main {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #faf8f3 !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.install-hero.pg-sales-hero,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.pg-hero.pg-sales-hero.install-hero {
    position: relative !important;
    box-sizing: border-box !important;
    width: 1120px !important;
    max-width: 1120px !important;
    min-height: 552px !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 105px 0 0 !important;
    display: grid !important;
    grid-template-columns: 560px 513px !important;
    column-gap: 47px !important;
    align-items: start !important;
    overflow: visible !important;
    background: transparent !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero > .pg-copy,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.install-hero.pg-sales-hero > .install-copy,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.pg-hero.pg-sales-hero.install-hero > .install-copy,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.pg-hero.pg-sales-hero.install-hero > .pg-copy {
    grid-column: 1 !important;
    width: 560px !important;
    max-width: 560px !important;
    padding: 84px 0 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero h1,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.install-hero.pg-sales-hero h1,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.pg-hero.pg-sales-hero.install-hero h1 {
    width: 560px !important;
    max-width: 560px !important;
    min-height: 106px !important;
    margin: 18px 0 22px !important;
    color: #0b1020 !important;
    font-size: 56px !important;
    font-weight: 900 !important;
    line-height: .95 !important;
    letter-spacing: -3.2px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero p:not(.pg-eyebrow),
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.install-hero.pg-sales-hero p:not(.pg-eyebrow) {
    max-width: 560px !important;
    margin: 0 0 28px !important;
    color: #4b5f7a !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.75 !important;
    letter-spacing: -0.35px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero .pg-actions,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.install-hero.pg-sales-hero .install-actions {
    display: flex !important;
    gap: 12px !important;
    align-items: center !important;
    margin: 0 0 22px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero a.pg-cta.pg-cta,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero a.pg-secondary.pg-secondary,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.install-hero.pg-sales-hero a.pg-cta.pg-cta,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.install-hero.pg-sales-hero a.pg-secondary.pg-secondary {
    min-width: 152px !important;
    height: 56px !important;
    padding: 0 28px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: -0.35px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero > div.pg-product-visual.home-product-visual,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.install-hero.pg-sales-hero > div.pg-product-visual.home-product-visual,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.pg-hero.pg-sales-hero.install-hero > div.pg-product-visual.home-product-visual.install-product-visual {
    grid-column: 2 !important;
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 513px !important;
    min-width: 513px !important;
    max-width: 513px !important;
    height: 420px !important;
    min-height: 420px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    overflow: visible !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero > div.pg-product-visual.home-product-visual > div.visual-stage.visual-stage,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.install-hero.pg-sales-hero > div.pg-product-visual.home-product-visual > div.visual-stage.visual-stage,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.pg-hero.pg-sales-hero.install-hero .visual-stage.visual-stage {
    position: relative !important;
    display: block !important;
    width: 513px !important;
    min-width: 513px !important;
    max-width: 513px !important;
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero > div.pg-product-visual.home-product-visual .product-box.product-box,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main > section.pg-hero.pg-sales-hero.install-hero div.product-box.product-box {
    position: absolute !important;
    left: 118px !important;
    top: 96px !important;
    width: 180px !important;
    height: 246px !important;
    min-width: 180px !important;
    min-height: 246px !important;
    transform: perspective(900px) rotateY(-4deg) rotateX(1deg) !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-detail-page.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell {
    width: 1120px !important;
    max-width: 1120px !important;
    min-height: calc(100vh - 73px) !important;
    margin: 0 auto !important;
    padding: 56px 0 56px !important;
    display: grid !important;
    grid-template-columns: 560px 430px !important;
    column-gap: 116px !important;
    align-items: start !important;
    justify-content: start !important;
    background: transparent !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-detail-page.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy {
    grid-column: 1 !important;
    width: 560px !important;
    max-width: 560px !important;
    margin: 64px 0 0 !important;
    padding: 0 !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-detail-page.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .auth-card.auth-card {
    grid-column: 2 !important;
    width: 430px !important;
    max-width: 430px !important;
    margin: 14px 0 0 !important;
    border-radius: 26px !important;
  }
}

/* v122 desktop public pages: ultra-specific home hero lock */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header > div.pg-header-inner.pg-header-inner,
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header > div.pg-header-inner.pg-header-inner {
    width: 1120px !important;
    max-width: 1120px !important;
    min-width: 1120px !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header a.pg-brand.pg-brand,
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header a.pg-brand.pg-brand {
    width: 147px !important;
    height: 44px !important;
    margin: 0 !important;
    transform: translateX(-7px) !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page main.pg-main.pg-main,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page > main.pg-main.pg-main {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero.pg-sales-hero {
    display: grid !important;
    grid-template-columns: 560px 513px !important;
    column-gap: 47px !important;
    align-items: start !important;
    justify-content: start !important;
    width: 1120px !important;
    min-width: 1120px !important;
    max-width: 1120px !important;
    min-height: 552px !important;
    height: 552px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero > div.pg-copy.pg-copy {
    grid-column: 1 !important;
    width: 560px !important;
    max-width: 560px !important;
    margin: 84px 0 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero > div.pg-copy.pg-copy h1 {
    width: 560px !important;
    max-width: 560px !important;
    min-height: 106px !important;
    margin: 18px 0 22px !important;
    font-size: 56px !important;
    line-height: .95 !important;
    font-weight: 900 !important;
    letter-spacing: -3.2px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero > div.pg-product-visual.home-product-visual.home-product-visual,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero > div.pg-product-visual.home-product-visual.home-product-visual.home-product-visual {
    grid-column: 2 !important;
    position: relative !important;
    display: block !important;
    width: 513px !important;
    min-width: 513px !important;
    max-width: 513px !important;
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero > div.pg-product-visual.home-product-visual.home-product-visual > div.visual-stage.visual-stage,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero > div.pg-product-visual.home-product-visual.home-product-visual > div.visual-stage.visual-stage.visual-stage {
    position: relative !important;
    display: block !important;
    width: 513px !important;
    min-width: 513px !important;
    max-width: 513px !important;
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero > div.pg-product-visual.home-product-visual.home-product-visual > div.visual-stage.visual-stage > div.product-box.product-box,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero > div.pg-product-visual.home-product-visual.home-product-visual > div.visual-stage.visual-stage.visual-stage > div.product-box.product-box.product-box {
    position: absolute !important;
    left: 118px !important;
    top: 96px !important;
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
    height: 246px !important;
    min-height: 246px !important;
    max-height: 246px !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: perspective(900px) rotateY(-4deg) rotateX(1deg) !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.install-hero.install-hero {
    display: grid !important;
    grid-template-columns: 560px 513px !important;
    column-gap: 47px !important;
    width: 1120px !important;
    max-width: 1120px !important;
    min-width: 1120px !important;
    height: 552px !important;
    min-height: 552px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero > div.install-copy.install-copy,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero > div.pg-copy.pg-copy {
    grid-column: 1 !important;
    width: 560px !important;
    max-width: 560px !important;
    margin: 84px 0 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero > div.pg-product-visual.home-product-visual.install-product-visual.install-product-visual,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero > div.install-product-visual.install-product-visual {
    grid-column: 2 !important;
    position: relative !important;
    width: 513px !important;
    min-width: 513px !important;
    max-width: 513px !important;
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
}

/* v123 desktop public final coordinate parity with home */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page header.pg-header.pg-header a.pg-brand.pg-brand.pg-brand,
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand.pg-brand,
  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header a.pg-brand.pg-brand.pg-brand {
    position: relative !important;
    left: -7px !important;
    margin-left: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.install-hero.install-hero {
    margin: 32px auto 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero > div.pg-copy.pg-copy,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero > div.install-copy.install-copy,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero > div.pg-copy.pg-copy {
    margin: 29px 0 0 !important;
  }
}

/* v124 desktop public cache-busted final lock */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page header.pg-header.pg-header > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand,
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page header.pg-header.pg-header > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand,
  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand {
    margin-left: 0 !important;
    position: relative !important;
    left: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero.pg-sales-hero {
    margin-top: 32px !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.install-hero.install-hero,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero {
    margin-top: 32px !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero > div.pg-copy.pg-copy,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.install-hero.install-hero > div.pg-copy.install-copy,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero > div.pg-copy.install-copy {
    margin-top: 29px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
}

/* v125 desktop public visual y-position lock using transform, avoids margin cascade conflicts */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero.pg-sales-hero,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero.pg-sales-hero.pg-sales-hero {
    transform: translateY(32px) !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.install-hero.install-hero,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.install-hero.install-hero.install-hero {
    transform: translateY(32px) !important;
  }
}

/* v126 desktop public left rhythm parity with home */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page header.pg-header.pg-header > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand,
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page header.pg-header.pg-header > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand,
  html body.pixgom-unified.pixgom-static-page header.pg-header.pg-header > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand {
    margin-left: 7px !important;
    position: static !important;
    left: auto !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero > div.pg-copy.pg-copy,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.install-hero.install-hero > div.pg-copy.install-copy,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero > div.pg-copy.install-copy {
    transform: translateX(7px) !important;
  }
}

/* v127 install page parity with home/public hero */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.install-hero.install-hero,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero {
    grid-template-columns: 560px 513px !important;
    column-gap: 47px !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.install-hero.install-hero > div.pg-copy.install-copy,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero > div.pg-copy.install-copy {
    margin-top: 15px !important;
    transform: translateX(7px) !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.install-hero.install-hero > div.pg-product-visual.home-product-visual.install-product-visual.install-product-visual,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero > div.pg-product-visual.home-product-visual.install-product-visual {
    grid-column: 2 !important;
    width: 513px !important;
    min-width: 513px !important;
    max-width: 513px !important;
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.install-hero.install-hero .visual-stage.visual-stage,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero .visual-stage.visual-stage {
    width: 513px !important;
    min-width: 513px !important;
    max-width: 513px !important;
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.install-hero.install-hero .visual-stage.visual-stage > div.product-box.product-box,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero .visual-stage.visual-stage > div.product-box.product-box {
    position: absolute !important;
    left: 118px !important;
    top: 96px !important;
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
    height: 246px !important;
    min-height: 246px !important;
    max-height: 246px !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: perspective(900px) rotateY(-4deg) rotateX(1deg) !important;
  }
}

/* v128 install final transform correction */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.install-hero.install-hero.install-hero,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero.install-hero.install-hero.install-hero,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero.install-hero {
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.install-hero.install-hero.install-hero > div.pg-copy.pg-copy.install-copy.install-copy,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero.install-hero.install-hero.install-hero > div.pg-copy.pg-copy.install-copy.install-copy,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero.install-hero > div.pg-copy.pg-copy.install-copy.install-copy {
    transform: translate(7px, -14px) !important;
  }
}

/* v129 install product x-position parity */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.install-hero.install-hero.install-hero > div.pg-product-visual.home-product-visual.install-product-visual.install-product-visual,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero.install-hero.install-hero.install-hero > div.pg-product-visual.home-product-visual.install-product-visual.install-product-visual,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero.install-hero > div.pg-product-visual.home-product-visual.install-product-visual.install-product-visual {
    transform: translateX(-65px) !important;
  }
}

/* v130 auth desktop copy/h1 parity */
@media (min-width: 861px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-detail-page.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy {
    transform: translateX(7px) !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-detail-page.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy h1,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy h1,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy h1,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy h1 {
    position: static !important;
    left: auto !important;
    width: 560px !important;
    max-width: 560px !important;
    transform: none !important;
  }
}

/* v131 final CI/header contract: align every page to production home header. */
@media (max-width: 860px) {
  html body.pixgom-unified header.header,
  html body.pixgom-unified header.pg-header,
  html body.pixgom-unified header.inner-site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 68px !important;
    min-height: 68px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    background: rgba(250, 248, 243, .97) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    box-shadow: none !important;
    display: grid !important;
    grid-template-columns: 112px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    column-gap: 12px !important;
    overflow: visible !important;
  }

  html body.pixgom-unified header.header > .header-inner,
  html body.pixgom-unified header.pg-header > .pg-header-inner,
  html body.pixgom-unified header.inner-site-header > .pg-header-inner,
  html body.pixgom-unified header.inner-site-header > .inner-site-header-inner {
    display: contents !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.pixgom-unified header.header a.brand,
  html body.pixgom-unified header.pg-header a.pg-brand,
  html body.pixgom-unified header.pg-header a.brand,
  html body.pixgom-unified header.inner-site-header a.inner-site-brand,
  html body.pixgom-unified header.inner-site-header a.brand {
    grid-column: 1 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    display: grid !important;
    grid-template-columns: 30px 72px !important;
    grid-template-rows: 18px 13px !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    text-decoration: none !important;
  }

  html body.pixgom-unified header.header a.brand .brand-mark,
  html body.pixgom-unified header.header a.brand img,
  html body.pixgom-unified header.header a.brand svg,
  html body.pixgom-unified header.pg-header a.pg-brand img,
  html body.pixgom-unified header.pg-header a.pg-brand svg,
  html body.pixgom-unified header.inner-site-header a.inner-site-brand img,
  html body.pixgom-unified header.inner-site-header a.inner-site-brand svg {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    display: block !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    border-radius: 8px !important;
    object-fit: contain !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.pixgom-unified header.header a.brand .brand-name,
  html body.pixgom-unified header.pg-header a.pg-brand .brand-name,
  html body.pixgom-unified header.inner-site-header a.inner-site-brand .brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    display: block !important;
    width: 72px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 18px !important;
    letter-spacing: -0.04em !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body.pixgom-unified header.header a.brand .brand-version,
  html body.pixgom-unified header.pg-header a.pg-brand .brand-version,
  html body.pixgom-unified header.inner-site-header a.inner-site-brand .brand-version {
    grid-column: 2 !important;
    grid-row: 2 !important;
    position: static !important;
    display: block !important;
    width: 72px !important;
    height: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #58708f !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 13px !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body.pixgom-unified header.header nav,
  html body.pixgom-unified header.header .nav,
  html body.pixgom-unified header.header .header-actions,
  html body.pixgom-unified header.pg-header nav,
  html body.pixgom-unified header.pg-header .pg-nav,
  html body.pixgom-unified header.pg-header .pg-header-actions,
  html body.pixgom-unified header.pg-header .pg-login,
  html body.pixgom-unified header.pg-header .pg-signup,
  html body.pixgom-unified header.inner-site-header nav,
  html body.pixgom-unified header.inner-site-header .inner-site-nav,
  html body.pixgom-unified header.inner-site-header .inner-site-action {
    display: none !important;
  }

  html body.pixgom-unified header.header button.menu-open,
  html body.pixgom-unified header.pg-header button.pg-menu,
  html body.pixgom-unified header.pg-header button.menu-open,
  html body.pixgom-unified header.inner-site-header button.pg-menu,
  html body.pixgom-unified header.inner-site-header button.menu-open {
    grid-column: 3 !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    justify-self: end !important;
    align-self: center !important;
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: transparent !important;
    color: #0b1020 !important;
    box-shadow: none !important;
    transform: none !important;
  }
}

/* v132 desktop public header and hero parity: fix overlapped auth buttons and match home typography. */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page header.pg-header > .pg-header-inner,
  html body.pixgom-unified.pixgom-sales-page header.pg-header > .pg-header-inner {
    grid-template-columns: 220px minmax(420px, 1fr) 220px !important;
    column-gap: 24px !important;
  }

  html body.pixgom-unified.pixgom-static-page header.pg-header .pg-header-actions,
  html body.pixgom-unified.pixgom-sales-page header.pg-header .pg-header-actions {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page header.pg-header .pg-header-actions .pg-signup,
  html body.pixgom-unified.pixgom-static-page header.pg-header .pg-header-actions .pg-login,
  html body.pixgom-unified.pixgom-sales-page header.pg-header .pg-header-actions .pg-signup,
  html body.pixgom-unified.pixgom-sales-page header.pg-header .pg-header-actions .pg-login {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 88px !important;
    max-width: none !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.03em !important;
    text-decoration: none !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page header.pg-header .pg-header-actions .pg-signup,
  html body.pixgom-unified.pixgom-sales-page header.pg-header .pg-header-actions .pg-signup {
    border: 1px solid rgba(11, 16, 32, .12) !important;
    background: #fff !important;
    color: #0b1020 !important;
    box-shadow: 0 10px 24px rgba(11, 16, 32, .04) !important;
  }

  html body.pixgom-unified.pixgom-static-page header.pg-header .pg-header-actions .pg-login,
  html body.pixgom-unified.pixgom-sales-page header.pg-header .pg-header-actions .pg-login {
    border: 1px solid #0b1020 !important;
    background: #0b1020 !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(11, 16, 32, .16) !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero .pg-copy h1,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.install-hero.pg-sales-hero .install-copy h1,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.install-hero .install-copy h1 {
    max-width: 560px !important;
    font-size: 48px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.055em !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero .pg-copy > p:not(.pg-eyebrow),
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.install-hero .install-copy > p:not(.pg-eyebrow) {
    max-width: 560px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.72 !important;
    color: #314158 !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero .pg-actions,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.install-hero .pg-actions,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.install-hero .install-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 28px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero .pg-actions > a.pg-cta,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero .pg-actions > a.pg-secondary,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.install-hero a.pg-cta,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.install-hero a.pg-secondary {
    min-width: 148px !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 24px !important;
    border-radius: 999px !important;
    border-width: 1px !important;
    box-shadow: 0 10px 24px -10px rgba(11, 16, 32, .35) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.03em !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero .pg-actions > a.pg-cta,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.install-hero a.pg-cta {
    background: #0b1020 !important;
    border-color: #0b1020 !important;
    color: #fff !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero .pg-actions > a.pg-secondary,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.install-hero a.pg-secondary {
    background: #fff !important;
    border-color: rgba(11, 16, 32, .14) !important;
    color: #0b1020 !important;
  }
}

/* v133 strongest public hero typography lock: beat older high-specificity important rules. */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero > div.pg-copy.pg-copy > h1,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero.pg-sales-hero > div.pg-copy.pg-copy.pg-copy > h1,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero > div.install-copy.install-copy > h1,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.install-hero.install-hero > div.pg-copy.install-copy.install-copy > h1 {
    width: 560px !important;
    max-width: 560px !important;
    margin-top: 12px !important;
    color: #0b1020 !important;
    font-size: 48px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.055em !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero > div.pg-copy.pg-copy > p:not(.pg-eyebrow),
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero.pg-sales-hero > div.pg-copy.pg-copy.pg-copy > p:not(.pg-eyebrow),
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero > div.install-copy.install-copy > p:not(.pg-eyebrow),
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.install-hero.install-hero > div.pg-copy.install-copy.install-copy > p:not(.pg-eyebrow) {
    max-width: 560px !important;
    margin-top: 16px !important;
    color: #314158 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.72 !important;
    letter-spacing: -0.02em !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero > div.pg-copy.pg-copy > div.pg-actions.pg-actions,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero.pg-sales-hero > div.pg-copy.pg-copy.pg-copy > div.pg-actions.pg-actions,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero > div.install-copy.install-copy > div.pg-actions.pg-actions,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page.pixgom-install-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.install-hero.install-hero > div.pg-copy.install-copy.install-copy > div.pg-actions.pg-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 26px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero > div.pg-copy.pg-copy > div.pg-actions.pg-actions > a.pg-cta.pg-cta,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero > div.pg-copy.pg-copy > div.pg-actions.pg-actions > a.pg-secondary.pg-secondary,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero.pg-sales-hero > div.pg-copy.pg-copy.pg-copy > div.pg-actions.pg-actions > a.pg-cta.pg-cta,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero.pg-sales-hero > div.pg-copy.pg-copy.pg-copy > div.pg-actions.pg-actions > a.pg-secondary.pg-secondary {
    width: auto !important;
    min-width: 148px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    padding: 0 24px !important;
    border-radius: 999px !important;
    border-width: 1px !important;
    box-shadow: 0 10px 24px -10px rgba(11, 16, 32, .35) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.03em !important;
    transform: none !important;
  }
}

/* v134 desktop product visual exact home structure for public sales pages. */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero > div.pg-product-visual.home-product-visual.home-product-visual > div.visual-stage.visual-stage,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero.pg-sales-hero > div.pg-product-visual.home-product-visual.home-product-visual > div.visual-stage.visual-stage.visual-stage,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero > div.pg-product-visual.home-product-visual.install-product-visual > div.visual-stage.visual-stage {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero > div.pg-product-visual.home-product-visual.home-product-visual > div.visual-stage.visual-stage > div.product-box.product-box,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero.pg-sales-hero > div.pg-product-visual.home-product-visual.home-product-visual > div.visual-stage.visual-stage.visual-stage > div.product-box.product-box.product-box,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero > div.pg-product-visual.home-product-visual.install-product-visual > div.visual-stage.visual-stage > div.product-box.product-box {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    overflow: visible !important;
    transform: scale(.9) !important;
    transform-origin: center center !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero .product-box.product-box > .box-outer,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-sales-page:not(.pixgom-install-page) main.pg-main.pg-main > section.pg-hero.pg-sales-hero.pg-sales-hero .product-box.product-box > .box-outer > .box-core,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero .product-box.product-box > .box-outer,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page.pixgom-install-page main.pg-main.pg-main > section.install-hero.install-hero .product-box.product-box > .box-outer > .box-core {
    transform-origin: center center !important;
  }
}

/* v135 auth desktop hero typography parity with home. */
@media (min-width: 861px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-detail-page.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy > h1,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy > h1,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy > h1,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy > h1 {
    width: 560px !important;
    max-width: 560px !important;
    color: #0b1020 !important;
    font-size: 48px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.055em !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-detail-page.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy > p,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy > p,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy > p,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell > .inner-hero-copy.inner-hero-copy > p {
    max-width: 560px !important;
    color: #314158 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.72 !important;
    letter-spacing: -0.02em !important;
  }
}

/* v136 single-source header and CI contract: remove per-page drift, match home lockup. */
@media (min-width: 861px) {
  html body.pixgom-unified > header.header,
  html body.pixgom-unified > header.pg-header,
  html body.pixgom-unified > header.inner-site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    height: 76px !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: rgba(250, 248, 243, .97) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body.pixgom-unified > header.header > .header-inner,
  html body.pixgom-unified > header.pg-header > .pg-header-inner {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 180px minmax(460px, 1fr) 220px !important;
    align-items: center !important;
    column-gap: 28px !important;
    width: min(1120px, calc(100% - 64px)) !important;
    max-width: 1120px !important;
    height: 76px !important;
    min-height: 76px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  html body.pixgom-unified > header.inner-site-header {
    display: grid !important;
    grid-template-columns: 180px minmax(460px, 1fr) 220px !important;
    align-items: center !important;
    column-gap: 28px !important;
    width: min(1120px, calc(100% - 64px)) !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
  }

  html body.pixgom-unified > header.header a.brand,
  html body.pixgom-unified > header.pg-header a.pg-brand,
  html body.pixgom-unified > header.pg-header a.brand,
  html body.pixgom-unified > header.inner-site-header a.inner-site-brand,
  html body.pixgom-unified > header.inner-site-header a.brand {
    grid-column: 1 !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    justify-self: start !important;
    align-self: center !important;
    display: grid !important;
    grid-template-columns: 32px auto !important;
    grid-template-rows: 18px 14px !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    width: auto !important;
    min-width: 132px !important;
    max-width: 180px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    text-decoration: none !important;
  }

  html body.pixgom-unified > header.header a.brand .brand-mark,
  html body.pixgom-unified > header.header a.brand img,
  html body.pixgom-unified > header.header a.brand svg,
  html body.pixgom-unified > header.pg-header a.pg-brand img,
  html body.pixgom-unified > header.pg-header a.pg-brand svg,
  html body.pixgom-unified > header.pg-header a.brand img,
  html body.pixgom-unified > header.pg-header a.brand svg,
  html body.pixgom-unified > header.inner-site-header a.inner-site-brand img,
  html body.pixgom-unified > header.inner-site-header a.inner-site-brand svg,
  html body.pixgom-unified > header.inner-site-header a.brand img,
  html body.pixgom-unified > header.inner-site-header a.brand svg {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    position: static !important;
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 9px !important;
    object-fit: contain !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.pixgom-unified > header.header a.brand .brand-name,
  html body.pixgom-unified > header.pg-header a.pg-brand .brand-name,
  html body.pixgom-unified > header.pg-header a.brand .brand-name,
  html body.pixgom-unified > header.inner-site-header a.inner-site-brand .brand-name,
  html body.pixgom-unified > header.inner-site-header a.brand .brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 18px !important;
    letter-spacing: -0.045em !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body.pixgom-unified > header.header a.brand .brand-version,
  html body.pixgom-unified > header.pg-header a.pg-brand .brand-version,
  html body.pixgom-unified > header.pg-header a.brand .brand-version,
  html body.pixgom-unified > header.inner-site-header a.inner-site-brand .brand-version,
  html body.pixgom-unified > header.inner-site-header a.brand .brand-version {
    grid-column: 2 !important;
    grid-row: 2 !important;
    position: static !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #58708f !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 14px !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body.pixgom-unified > header.header nav,
  html body.pixgom-unified > header.header .nav,
  html body.pixgom-unified > header.pg-header nav,
  html body.pixgom-unified > header.pg-header .pg-nav,
  html body.pixgom-unified > header.inner-site-header nav,
  html body.pixgom-unified > header.inner-site-header .inner-site-nav {
    grid-column: 2 !important;
    position: static !important;
    justify-self: center !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 34px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html body.pixgom-unified > header.header nav a,
  html body.pixgom-unified > header.header .nav a,
  html body.pixgom-unified > header.pg-header nav a,
  html body.pixgom-unified > header.pg-header .pg-nav a,
  html body.pixgom-unified > header.inner-site-header nav a,
  html body.pixgom-unified > header.inner-site-header .inner-site-nav a {
    color: #0b1020 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.03em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  html body.pixgom-unified > header.header .header-actions,
  html body.pixgom-unified > header.pg-header .pg-header-actions {
    grid-column: 3 !important;
    position: static !important;
    justify-self: end !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html body.pixgom-unified > header.inner-site-header .inner-site-action,
  html body.pixgom-unified > header.header .header-actions a,
  html body.pixgom-unified > header.pg-header .pg-header-actions a,
  html body.pixgom-unified > header.pg-header a.pg-signup,
  html body.pixgom-unified > header.pg-header a.pg-login,
  html body.pixgom-unified > header.header a.signup,
  html body.pixgom-unified > header.header a.login {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 88px !important;
    max-width: none !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(11, 16, 32, .14) !important;
    background: #fff !important;
    color: #0b1020 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.03em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  html body.pixgom-unified > header.header .header-actions a.login,
  html body.pixgom-unified > header.pg-header .pg-header-actions a.pg-login,
  html body.pixgom-unified > header.pg-header .pg-header-actions a.login,
  html body.pixgom-unified > header.inner-site-header .inner-site-action[href*="login"],
  html body.pixgom-unified > header.inner-site-header .inner-site-action[href*="console"] {
    border-color: #0b1020 !important;
    background: #0b1020 !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(11, 16, 32, .14) !important;
  }

  html body.pixgom-unified > header.header button.menu-open,
  html body.pixgom-unified > header.header button.pg-menu,
  html body.pixgom-unified > header.pg-header button.menu-open,
  html body.pixgom-unified > header.pg-header button.pg-menu,
  html body.pixgom-unified > header.inner-site-header button.menu-open,
  html body.pixgom-unified > header.inner-site-header button.pg-menu {
    display: none !important;
  }
}

@media (max-width: 860px) {
  html body.pixgom-unified > header.header,
  html body.pixgom-unified > header.pg-header,
  html body.pixgom-unified > header.inner-site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 132px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    column-gap: 12px !important;
    width: 100% !important;
    max-width: none !important;
    height: 68px !important;
    min-height: 68px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    background: rgba(250, 248, 243, .97) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body.pixgom-unified > header.header > .header-inner,
  html body.pixgom-unified > header.pg-header > .pg-header-inner,
  html body.pixgom-unified > header.inner-site-header > .pg-header-inner,
  html body.pixgom-unified > header.inner-site-header > .inner-site-header-inner {
    display: contents !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-unified > header.header a.brand,
  html body.pixgom-unified > header.pg-header a.pg-brand,
  html body.pixgom-unified > header.pg-header a.brand,
  html body.pixgom-unified > header.inner-site-header a.inner-site-brand,
  html body.pixgom-unified > header.inner-site-header a.brand {
    grid-column: 1 !important;
    position: static !important;
    inset: auto !important;
    justify-self: start !important;
    align-self: center !important;
    display: grid !important;
    grid-template-columns: 32px 80px !important;
    grid-template-rows: 18px 14px !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    width: 122px !important;
    min-width: 122px !important;
    max-width: 122px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    text-decoration: none !important;
    transform: none !important;
  }

  html body.pixgom-unified > header.header a.brand .brand-mark,
  html body.pixgom-unified > header.header a.brand img,
  html body.pixgom-unified > header.header a.brand svg,
  html body.pixgom-unified > header.pg-header a.pg-brand img,
  html body.pixgom-unified > header.pg-header a.pg-brand svg,
  html body.pixgom-unified > header.inner-site-header a.inner-site-brand img,
  html body.pixgom-unified > header.inner-site-header a.inner-site-brand svg {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    position: static !important;
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 9px !important;
    object-fit: contain !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.pixgom-unified > header.header a.brand .brand-name,
  html body.pixgom-unified > header.pg-header a.pg-brand .brand-name,
  html body.pixgom-unified > header.inner-site-header a.inner-site-brand .brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    display: block !important;
    width: 80px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 18px !important;
    letter-spacing: -0.045em !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body.pixgom-unified > header.header a.brand .brand-version,
  html body.pixgom-unified > header.pg-header a.pg-brand .brand-version,
  html body.pixgom-unified > header.inner-site-header a.inner-site-brand .brand-version {
    grid-column: 2 !important;
    grid-row: 2 !important;
    position: static !important;
    display: block !important;
    width: 80px !important;
    height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #58708f !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 14px !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body.pixgom-unified > header.header nav,
  html body.pixgom-unified > header.header .nav,
  html body.pixgom-unified > header.header .header-actions,
  html body.pixgom-unified > header.header a.signup,
  html body.pixgom-unified > header.header a.login,
  html body.pixgom-unified > header.pg-header nav,
  html body.pixgom-unified > header.pg-header .pg-nav,
  html body.pixgom-unified > header.pg-header .pg-header-actions,
  html body.pixgom-unified > header.pg-header a.pg-signup,
  html body.pixgom-unified > header.pg-header a.pg-login,
  html body.pixgom-unified > header.inner-site-header nav,
  html body.pixgom-unified > header.inner-site-header .inner-site-nav,
  html body.pixgom-unified > header.inner-site-header .inner-site-action {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  html body.pixgom-unified > header.header button.menu-open,
  html body.pixgom-unified > header.header button.pg-menu,
  html body.pixgom-unified > header.pg-header button.menu-open,
  html body.pixgom-unified > header.pg-header button.pg-menu,
  html body.pixgom-unified > header.inner-site-header button.menu-open,
  html body.pixgom-unified > header.inner-site-header button.pg-menu {
    grid-column: 3 !important;
    position: static !important;
    inset: auto !important;
    justify-self: end !important;
    align-self: center !important;
    display: grid !important;
    place-items: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    color: #0b1020 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    appearance: none !important;
  }

  html body.pixgom-unified > header.header button.menu-open svg,
  html body.pixgom-unified > header.header button.pg-menu svg,
  html body.pixgom-unified > header.pg-header button.menu-open svg,
  html body.pixgom-unified > header.pg-header button.pg-menu svg,
  html body.pixgom-unified > header.inner-site-header button.menu-open svg,
  html body.pixgom-unified > header.inner-site-header button.pg-menu svg {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    color: #0b1020 !important;
    stroke: currentColor !important;
  }
}
/* v137 high-specificity header contract: beat legacy important selectors on home, auth, static, console. */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header],
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header],
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header],
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header],
  html body.pixgom-inner.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 132px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    column-gap: 12px !important;
    width: 100% !important;
    max-width: none !important;
    height: 68px !important;
    min-height: 68px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    background: rgba(250, 248, 243, .97) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] > .header-inner.pg-header-inner.header-inner.pg-header-inner,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] > .pg-header-inner.pg-header-inner,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > .inner-site-header-inner.inner-site-header-inner,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > .inner-site-header-inner.inner-site-header-inner,
  html body.pixgom-inner.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > .inner-site-header-inner.inner-site-header-inner {
    display: contents !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] a.brand.pg-brand.brand.pg-brand,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand,
  html body.pixgom-inner.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand {
    grid-column: 1 !important;
    position: static !important;
    inset: auto !important;
    justify-self: start !important;
    align-self: center !important;
    display: grid !important;
    grid-template-columns: 32px 80px !important;
    grid-template-rows: 18px 14px !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    width: 122px !important;
    min-width: 122px !important;
    max-width: 122px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    text-decoration: none !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] a.brand.pg-brand.brand.pg-brand svg.brand-mark.brand-mark,
  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] a.brand.pg-brand.brand.pg-brand img,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand img,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand img,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand img,
  html body.pixgom-inner.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand img {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    position: static !important;
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 9px !important;
    object-fit: contain !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] a.brand.pg-brand.brand.pg-brand .brand-name.brand-name,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand .brand-name.brand-name,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand .brand-name.brand-name,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand .brand-name.brand-name,
  html body.pixgom-inner.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand .brand-name.brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    display: block !important;
    width: 80px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 18px !important;
    letter-spacing: -0.045em !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] a.brand.pg-brand.brand.pg-brand .brand-version.brand-version,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand .brand-version.brand-version,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand .brand-version.brand-version,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand .brand-version.brand-version,
  html body.pixgom-inner.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand .brand-version.brand-version {
    grid-column: 2 !important;
    grid-row: 2 !important;
    position: static !important;
    display: block !important;
    width: 80px !important;
    height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #58708f !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 14px !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] nav,
  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] .header-actions.header-actions,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] nav,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] .pg-header-actions.pg-header-actions,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-signup.pg-signup,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-login.pg-login,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] nav.inner-site-nav.inner-site-nav,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] a.inner-site-action.inner-site-action,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] nav.inner-site-nav.inner-site-nav,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] a.inner-site-action.inner-site-action,
  html body.pixgom-inner.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] nav.inner-site-nav.inner-site-nav,
  html body.pixgom-inner.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] a.inner-site-action.inner-site-action {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] button.menu-open.pg-menu,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] button.pg-menu.pg-menu,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] button.menu-open.menu-open,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] button.menu-open.menu-open,
  html body.pixgom-inner.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] button.menu-open.menu-open {
    grid-column: 3 !important;
    position: static !important;
    inset: auto !important;
    justify-self: end !important;
    align-self: center !important;
    display: grid !important;
    place-items: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    color: #0b1020 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    appearance: none !important;
  }
}
/* v138 desktop header parity and console inclusion: one visual header contract across home/public/auth/console. */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header],
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header],
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header],
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header],
  html body.pixgom-inner.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 76px !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: rgba(250, 248, 243, .97) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] > .header-inner.pg-header-inner.header-inner.pg-header-inner,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] > .pg-header-inner.pg-header-inner,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] > .pg-header-inner.pg-header-inner {
    box-sizing: border-box !important;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 180px minmax(460px, 1fr) 220px !important;
    align-items: center !important;
    column-gap: 28px !important;
    width: min(1120px, calc(100% - 64px)) !important;
    max-width: 1120px !important;
    height: 76px !important;
    min-height: 76px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header],
  html body.pixgom-inner.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] {
    display: grid !important;
    grid-template-columns: 180px minmax(460px, 1fr) 220px !important;
    align-items: center !important;
    column-gap: 28px !important;
    width: min(1120px, calc(100% - 64px)) !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] a.brand.pg-brand.brand.pg-brand,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand,
  html body.pixgom-inner.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand {
    grid-column: 1 !important;
    position: static !important;
    inset: auto !important;
    justify-self: start !important;
    align-self: center !important;
    display: grid !important;
    grid-template-columns: 32px 90px !important;
    grid-template-rows: 18px 14px !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    text-decoration: none !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] a.brand.pg-brand.brand.pg-brand svg.brand-mark.brand-mark,
  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] a.brand.pg-brand.brand.pg-brand img,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand img,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand svg,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand img,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand img,
  html body.pixgom-inner.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand img {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    position: static !important;
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 9px !important;
    object-fit: contain !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] a.brand.pg-brand.brand.pg-brand .brand-name.brand-name,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand .brand-name.brand-name,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand .brand-name.brand-name,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand .brand-name.brand-name,
  html body.pixgom-inner.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand .brand-name.brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    display: block !important;
    width: 90px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 18px !important;
    letter-spacing: -0.045em !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] a.brand.pg-brand.brand.pg-brand .brand-version.brand-version,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand .brand-version.brand-version,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand .brand-version.brand-version,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand .brand-version.brand-version,
  html body.pixgom-inner.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] > a.brand.inner-site-brand.inner-site-brand .brand-version.brand-version {
    grid-column: 2 !important;
    grid-row: 2 !important;
    position: static !important;
    display: block !important;
    width: 90px !important;
    height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #58708f !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 14px !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] nav.nav.pg-nav,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] nav.pg-nav.pg-nav,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] nav.inner-site-nav.inner-site-nav,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] nav.pg-nav.pg-nav,
  html body.pixgom-inner.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] nav.inner-site-nav.inner-site-nav {
    grid-column: 2 !important;
    position: static !important;
    justify-self: center !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 34px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] nav.nav.pg-nav a,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] nav.pg-nav.pg-nav a,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] nav.inner-site-nav.inner-site-nav a,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] nav.pg-nav.pg-nav a,
  html body.pixgom-inner.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] nav.inner-site-nav.inner-site-nav a {
    color: #0b1020 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.03em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] .header-actions.pg-header-actions.header-actions.pg-header-actions,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] .pg-header-actions.pg-header-actions,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] .pg-header-actions.pg-header-actions {
    grid-column: 3 !important;
    position: static !important;
    justify-self: end !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] a.inner-site-action.inner-site-action,
  html body.pixgom-inner.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] a.inner-site-action.inner-site-action {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] .header-actions.pg-header-actions a,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] .pg-header-actions.pg-header-actions a,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] a.inner-site-action.inner-site-action,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] .pg-header-actions.pg-header-actions a,
  html body.pixgom-inner.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] a.inner-site-action.inner-site-action {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 88px !important;
    max-width: none !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(11, 16, 32, .14) !important;
    background: #fff !important;
    color: #0b1020 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.03em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] .header-actions.pg-header-actions a.login,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] .pg-header-actions.pg-header-actions a.pg-login,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] .pg-header-actions.pg-header-actions a.login,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] a.inner-site-action.inner-site-action[href*="login"],
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] a.inner-site-action.inner-site-action[href*="console"],
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] .pg-header-actions.pg-header-actions a.pg-login {
    border-color: #0b1020 !important;
    background: #0b1020 !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(11, 16, 32, .14) !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] button.menu-open.pg-menu,
  html body.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] button.pg-menu.pg-menu,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] button.menu-open.menu-open,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] button.pg-menu.pg-menu,
  html body.pixgom-inner.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] button.menu-open.menu-open {
    display: none !important;
  }
}

@media (max-width: 860px) {
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 132px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    column-gap: 12px !important;
    width: 100% !important;
    max-width: none !important;
    height: 68px !important;
    min-height: 68px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    background: rgba(250, 248, 243, .97) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(11, 16, 32, .08) !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] > .pg-header-inner.pg-header-inner {
    display: contents !important;
  }

  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand {
    grid-column: 1 !important;
    position: static !important;
    display: grid !important;
    grid-template-columns: 32px 80px !important;
    grid-template-rows: 18px 14px !important;
    column-gap: 10px !important;
    width: 122px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand img {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: 0 !important;
    border-radius: 9px !important;
    object-fit: contain !important;
  }

  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand .brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    width: 80px !important;
    height: 18px !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 18px !important;
    letter-spacing: -0.045em !important;
  }

  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand .brand-version {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: block !important;
    width: 80px !important;
    height: 14px !important;
    color: #58708f !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 14px !important;
  }

  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] nav.pg-nav.pg-nav,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] .pg-header-actions.pg-header-actions {
    display: none !important;
  }

  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] button.pg-menu.pg-menu {
    grid-column: 3 !important;
    position: static !important;
    justify-self: end !important;
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #0b1020 !important;
  }
}
/* v139 ultimate header lock: remove leftover transforms and public/auth header drift. */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] > div.header-inner.pg-header-inner,
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner,
  html body.pixgom-unified.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner {
    box-sizing: border-box !important;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 180px minmax(460px, 1fr) 220px !important;
    align-items: center !important;
    column-gap: 28px !important;
    width: min(1120px, calc(100% - 80px)) !important;
    max-width: 1120px !important;
    height: 76px !important;
    min-height: 76px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] a.brand.pg-brand,
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand,
  html body.pixgom-unified.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] a.brand.inner-site-brand,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: static !important;
    inset: auto !important;
    justify-self: start !important;
    align-self: center !important;
    display: grid !important;
    grid-template-columns: 32px 90px !important;
    grid-template-rows: 18px 14px !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] a.brand.pg-brand svg,
  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] a.brand.pg-brand img,
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand img,
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand svg,
  html body.pixgom-unified.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand img,
  html body.pixgom-unified.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand svg,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] a.brand.inner-site-brand img,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand img {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    position: static !important;
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 9px !important;
    object-fit: contain !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] a.brand.pg-brand .brand-name,
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand .brand-name,
  html body.pixgom-unified.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand .brand-name,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] a.brand.inner-site-brand .brand-name,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand .brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    display: block !important;
    width: 90px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 18px !important;
    letter-spacing: -0.045em !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] a.brand.pg-brand .brand-version,
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand .brand-version,
  html body.pixgom-unified.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand .brand-version,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] a.brand.inner-site-brand .brand-version,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand .brand-version {
    grid-column: 2 !important;
    grid-row: 2 !important;
    position: static !important;
    display: block !important;
    width: 90px !important;
    height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #58708f !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 14px !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] nav.pg-nav,
  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] nav.nav,
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] nav.pg-nav.pg-nav,
  html body.pixgom-unified.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] nav.pg-nav.pg-nav,
  html body.auth-page.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-unified.pixgom-unified > header.inner-site-header.inner-site-header[data-pixgom-header] nav.inner-site-nav.inner-site-nav,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] nav.pg-nav.pg-nav {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    justify-self: center !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 34px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.pixgom-unified.pixgom-unified > header.header.pg-header.header.pg-header[data-pixgom-header] .header-actions.pg-header-actions,
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] .pg-header-actions.pg-header-actions,
  html body.pixgom-unified.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] .pg-header-actions.pg-header-actions,
  html body.console-shell-page.console-shell-page.pixgom-inner-console.pixgom-unified.pixgom-unified > header.pg-header.pg-header[data-pixgom-header] .pg-header-actions.pg-header-actions {
    grid-column: 3 !important;
    grid-row: 1 !important;
    position: static !important;
    justify-self: end !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner,
  html body.pixgom-unified.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner {
    display: contents !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand,
  html body.pixgom-unified.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand {
    grid-column: 1 !important;
    position: static !important;
    display: grid !important;
    grid-template-columns: 32px 80px !important;
    grid-template-rows: 18px 14px !important;
    column-gap: 10px !important;
    width: 122px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand img,
  html body.pixgom-unified.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand img {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    border-radius: 9px !important;
    object-fit: contain !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand .brand-name,
  html body.pixgom-unified.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand .brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    width: 80px !important;
    height: 18px !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 18px !important;
    letter-spacing: -0.045em !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand .brand-version,
  html body.pixgom-unified.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] a.pg-brand.pg-brand .brand-version {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: block !important;
    width: 80px !important;
    height: 14px !important;
    color: #58708f !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 14px !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] button.pg-menu.pg-menu,
  html body.pixgom-unified.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] button.pg-menu.pg-menu {
    grid-column: 3 !important;
    position: static !important;
    justify-self: end !important;
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }
}
/* v140 public header lock: beat old pixgom-static-page/sales-page CI selectors. */
@media (min-width: 861px) {
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand.pg-brand,
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand.pg-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: static !important;
    inset: auto !important;
    justify-self: start !important;
    align-self: center !important;
    display: grid !important;
    grid-template-columns: 32px 90px !important;
    grid-template-rows: 18px 14px !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand.pg-brand img,
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand.pg-brand img {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    position: static !important;
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 9px !important;
    object-fit: contain !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand.pg-brand .brand-name,
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand.pg-brand .brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    display: block !important;
    width: 90px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 18px !important;
    letter-spacing: -0.045em !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand.pg-brand .brand-version,
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand.pg-brand .brand-version {
    grid-column: 2 !important;
    grid-row: 2 !important;
    position: static !important;
    display: block !important;
    width: 90px !important;
    height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #58708f !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 14px !important;
    transform: none !important;
  }
}

@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner,
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner {
    display: contents !important;
  }

  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand.pg-brand,
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand.pg-brand {
    grid-column: 1 !important;
    position: static !important;
    display: grid !important;
    grid-template-columns: 32px 80px !important;
    grid-template-rows: 18px 14px !important;
    column-gap: 10px !important;
    width: 122px !important;
    min-width: 122px !important;
    max-width: 122px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand.pg-brand img,
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand.pg-brand img {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    border-radius: 9px !important;
    object-fit: contain !important;
    transform: none !important;
  }

  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand.pg-brand .brand-name,
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand.pg-brand .brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    width: 80px !important;
    height: 18px !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 18px !important;
    letter-spacing: -0.045em !important;
  }

  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand.pg-brand .brand-version,
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner > a.pg-brand.pg-brand.pg-brand .brand-version {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: block !important;
    width: 80px !important;
    height: 14px !important;
    color: #58708f !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 14px !important;
  }

  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner > button.pg-menu.pg-menu,
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page > header.pg-header.pg-header[data-pixgom-header] > div.pg-header-inner.pg-header-inner > button.pg-menu.pg-menu {
    grid-column: 3 !important;
    position: static !important;
    justify-self: end !important;
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }
}
/* v141 mobile public product visual: match home product box footprint. */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero .pg-product-visual.home-product-visual .product-box.product-box,
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page main.pg-main > section.install-hero .pg-product-visual.home-product-visual .product-box.product-box {
    transform: translate(7px, 14px) scale(.96) !important;
    transform-origin: center center !important;
  }
}
/* v142 mobile public product core footprint: align visible box-core with home. */
@media (max-width: 860px) {
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero .pg-product-visual.home-product-visual .product-box.product-box .box-outer,
  html body.pixgom-unified.pixgom-unified.pixgom-static-page.pixgom-static-page.pixgom-sales-page.pixgom-sales-page main.pg-main > section.install-hero .pg-product-visual.home-product-visual .product-box.product-box .box-outer {
    transform: translate(7px, 14px) scale(.96) !important;
    transform-origin: center center !important;
  }
}
/* v143 header and CI hard lock - home standard */
:root {
  --pixgom-bg: #faf8f3;
  --pixgom-ink: #071022;
  --pixgom-muted: #62748e;
  --pixgom-yellow: #ffd400;
  --pixgom-green: #18d39e;
  --pixgom-line: rgba(7, 16, 34, 0.09);
  --pixgom-shadow-soft: 0 18px 44px rgba(7, 16, 34, 0.08);
}

html body header.pg-header,
html body .pg-header,
html body header.site-header,
html body .site-header,
html body header.inner-site-header,
html body .inner-site-header {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 76px !important;
  height: 76px !important;
  padding: 0 40px !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: 184px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 24px !important;
  background: rgba(250, 248, 243, 0.96) !important;
  border-bottom: 1px solid var(--pixgom-line) !important;
  box-shadow: none !important;
  position: relative !important;
  inset: auto !important;
  z-index: 50 !important;
  overflow: visible !important;
}

html body header.pg-header > .pg-header-inner,
html body .pg-header > .pg-header-inner,
html body header.site-header > .pg-header-inner,
html body .site-header > .pg-header-inner,
html body header.inner-site-header > .pg-header-inner,
html body .inner-site-header > .pg-header-inner {
  display: contents !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

html body .pg-brand,
html body a.pg-brand,
html body .site-brand,
html body a.site-brand,
html body .inner-brand,
html body a.inner-brand,
html body .mk-brand,
html body a.mk-brand {
  grid-column: 1 !important;
  justify-self: start !important;
  align-self: center !important;
  box-sizing: border-box !important;
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;
  height: 40px !important;
  min-height: 40px !important;
  display: grid !important;
  grid-template-columns: 32px 1fr !important;
  grid-template-rows: 20px 16px !important;
  column-gap: 10px !important;
  row-gap: 0 !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  color: var(--pixgom-ink) !important;
  text-decoration: none !important;
  line-height: 1 !important;
  transform: none !important;
  position: static !important;
}

html body .pg-brand img,
html body .pg-brand svg,
html body .site-brand img,
html body .site-brand svg,
html body .inner-brand img,
html body .inner-brand svg,
html body .mk-brand img,
html body .mk-brand svg,
html body .brand-mark,
html body .pg-brand-mark {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  object-fit: contain !important;
  display: block !important;
  border-radius: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

html body .pg-brand strong,
html body .pg-brand .brand-name,
html body .pg-brand .logo-text,
html body .site-brand strong,
html body .site-brand .brand-name,
html body .inner-brand strong,
html body .inner-brand .brand-name,
html body .mk-brand strong,
html body .mk-brand .brand-name {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end !important;
  color: var(--pixgom-ink) !important;
  font-family: 'Pretendard', 'Noto Sans KR', system-ui, sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 18px !important;
  letter-spacing: -0.04em !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

html body .pg-brand span,
html body .pg-brand small,
html body .pg-brand .brand-version,
html body .pg-brand .brand-sub,
html body .site-brand span,
html body .site-brand small,
html body .inner-brand span,
html body .inner-brand small,
html body .mk-brand span,
html body .mk-brand small {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: start !important;
  color: #5d7292 !important;
  font-family: 'Pretendard', 'Noto Sans KR', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 12px !important;
  letter-spacing: -0.02em !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

html body .pg-nav,
html body nav.pg-nav,
html body .site-nav,
html body nav.site-nav,
html body .inner-nav,
html body nav.inner-nav {
  grid-column: 2 !important;
  justify-self: center !important;
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 42px !important;
  width: auto !important;
  min-width: 0 !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  transform: none !important;
}

html body .pg-nav a,
html body .site-nav a,
html body .inner-nav a {
  color: #17263d !important;
  font-family: 'Pretendard', 'Noto Sans KR', system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 44px !important;
  text-decoration: none !important;
  letter-spacing: -0.03em !important;
  white-space: nowrap !important;
  padding: 0 !important;
  margin: 0 !important;
}

html body .pg-header-actions,
html body .site-header-actions,
html body .inner-header-actions,
html body .header-actions {
  grid-column: 3 !important;
  justify-self: end !important;
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  width: auto !important;
  min-width: 0 !important;
  height: 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  transform: none !important;
}

html body .pg-header-actions a,
html body .pg-header-actions button,
html body .site-header-actions a,
html body .site-header-actions button,
html body .inner-header-actions a,
html body .inner-header-actions button,
html body .header-actions a,
html body .header-actions button,
html body header.pg-header > a:not(.pg-brand),
html body header.pg-header > button:not(.pg-menu) {
  box-sizing: border-box !important;
  min-width: 88px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(7, 16, 34, 0.14) !important;
  background: #ffffff !important;
  color: var(--pixgom-ink) !important;
  font-family: 'Pretendard', 'Noto Sans KR', system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 42px !important;
  letter-spacing: -0.04em !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  margin: 0 !important;
  transform: none !important;
}

html body .pg-header-actions .primary,
html body .pg-header-actions .is-primary,
html body .pg-header-actions .btn-primary,
html body .site-header-actions .primary,
html body .inner-header-actions .primary,
html body .header-actions .primary,
html body .pg-header-actions a[href*='login'],
html body .pg-header-actions button[type='submit'],
html body .pg-header-actions [data-auth-action='login'] {
  background: var(--pixgom-ink) !important;
  color: #ffffff !important;
  border-color: var(--pixgom-ink) !important;
  box-shadow: 0 12px 24px rgba(7, 16, 34, 0.14) !important;
}

html body .pg-menu,
html body button.pg-menu,
html body .site-menu,
html body button.site-menu,
html body .menu-button,
html body button.menu-button {
  display: none !important;
}

@media (max-width: 860px) {
  html,
  body {
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    background: var(--pixgom-bg) !important;
  }

  html body header.pg-header,
  html body .pg-header,
  html body header.site-header,
  html body .site-header,
  html body header.inner-site-header,
  html body .inner-site-header {
    height: 68px !important;
    min-height: 68px !important;
    padding: 0 16px !important;
    grid-template-columns: 132px minmax(0, 1fr) 44px !important;
    gap: 0 !important;
    overflow: hidden !important;
  }

  html body .pg-brand,
  html body a.pg-brand,
  html body .site-brand,
  html body a.site-brand,
  html body .inner-brand,
  html body a.inner-brand,
  html body .mk-brand,
  html body a.mk-brand {
    width: 122px !important;
    min-width: 122px !important;
    max-width: 122px !important;
    height: 40px !important;
    grid-template-columns: 32px 80px !important;
    column-gap: 9px !important;
    justify-self: start !important;
    transform: none !important;
  }

  html body .pg-brand strong,
  html body .pg-brand .brand-name,
  html body .pg-brand .logo-text,
  html body .site-brand strong,
  html body .site-brand .brand-name,
  html body .inner-brand strong,
  html body .inner-brand .brand-name,
  html body .mk-brand strong,
  html body .mk-brand .brand-name {
    font-size: 16px !important;
    line-height: 18px !important;
  }

  html body .pg-brand span,
  html body .pg-brand small,
  html body .pg-brand .brand-version,
  html body .pg-brand .brand-sub,
  html body .site-brand span,
  html body .site-brand small,
  html body .inner-brand span,
  html body .inner-brand small,
  html body .mk-brand span,
  html body .mk-brand small {
    font-size: 10px !important;
    line-height: 12px !important;
  }

  html body .pg-nav,
  html body nav.pg-nav,
  html body .site-nav,
  html body nav.site-nav,
  html body .inner-nav,
  html body nav.inner-nav,
  html body .pg-header-actions,
  html body .site-header-actions,
  html body .inner-header-actions,
  html body .header-actions {
    display: none !important;
  }

  html body .pg-menu,
  html body button.pg-menu,
  html body .site-menu,
  html body button.site-menu,
  html body .menu-button,
  html body button.menu-button,
  html body header.pg-header > button.pg-menu {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: transparent !important;
    box-shadow: none !important;
    display: grid !important;
    place-items: center !important;
    position: static !important;
    transform: none !important;
    color: var(--pixgom-ink) !important;
  }

  html body .pg-menu::before,
  html body button.pg-menu::before,
  html body .site-menu::before,
  html body button.site-menu::before,
  html body .menu-button::before,
  html body button.menu-button::before {
    content: '' !important;
    width: 24px !important;
    height: 18px !important;
    display: block !important;
    background:
      linear-gradient(var(--pixgom-ink), var(--pixgom-ink)) 0 0 / 24px 3px no-repeat,
      linear-gradient(var(--pixgom-ink), var(--pixgom-ink)) 6px 7.5px / 18px 3px no-repeat,
      linear-gradient(var(--pixgom-ink), var(--pixgom-ink)) 0 15px / 24px 3px no-repeat !important;
    border-radius: 999px !important;
  }

  html body .pg-menu > *,
  html body button.pg-menu > *,
  html body .site-menu > *,
  html body button.site-menu > *,
  html body .menu-button > *,
  html body button.menu-button > * {
    display: none !important;
  }
}

@media (min-width: 861px) and (max-width: 1180px) {
  html body header.pg-header,
  html body .pg-header,
  html body header.site-header,
  html body .site-header,
  html body header.inner-site-header,
  html body .inner-site-header {
    padding: 0 32px !important;
    grid-template-columns: 164px minmax(360px, 1fr) auto !important;
    gap: 16px !important;
  }

  html body .pg-nav,
  html body .site-nav,
  html body .inner-nav {
    gap: 28px !important;
  }
}

/* v143 console fallback parity */
html body.console-shell-page #pixgom-console-root {
  background: var(--pixgom-bg) !important;
  color: var(--pixgom-ink) !important;
}

html body.console-shell-page .console-app-shell {
  box-sizing: border-box !important;
  width: min(1120px, calc(100% - 80px)) !important;
  min-height: calc(100svh - 76px) !important;
  margin: 0 auto !important;
  padding: 72px 0 64px !important;
  background: transparent !important;
}

html body.console-shell-page .console-login-panel,
html body.console-shell-page .console-error-panel,
html body.console-shell-page .console-empty-panel {
  box-sizing: border-box !important;
  display: block !important;
  width: min(520px, 100%) !important;
  min-height: auto !important;
  margin: 0 auto !important;
  padding: 34px 32px !important;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  background: #ffffff !important;
  border: 1px solid rgba(7, 16, 34, 0.09) !important;
  border-radius: 28px !important;
  box-shadow: var(--pixgom-shadow-soft) !important;
  color: var(--pixgom-ink) !important;
  overflow: visible !important;
}

html body.console-shell-page .console-login-panel h1,
html body.console-shell-page .console-login-panel h2,
html body.console-shell-page .console-error-panel h1,
html body.console-shell-page .console-error-panel h2 {
  color: var(--pixgom-ink) !important;
  font-family: 'Pretendard', 'Noto Sans KR', system-ui, sans-serif !important;
  font-size: clamp(30px, 4vw, 44px) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.07em !important;
  margin: 0 0 16px !important;
}

html body.console-shell-page .console-login-panel p,
html body.console-shell-page .console-error-panel p,
html body.console-shell-page .console-empty-panel p {
  color: var(--pixgom-muted) !important;
  font-family: 'Pretendard', 'Noto Sans KR', system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.75 !important;
  letter-spacing: -0.03em !important;
}

@media (max-width: 860px) {
  html body.console-shell-page .console-app-shell {
    width: 100% !important;
    min-height: calc(100svh - 68px) !important;
    padding: 16px 20px 40px !important;
  }

  html body.console-shell-page .console-login-panel,
  html body.console-shell-page .console-error-panel,
  html body.console-shell-page .console-empty-panel {
    width: 100% !important;
    max-width: 350px !important;
    margin: 16px auto 0 !important;
    padding: 24px 20px !important;
    border-radius: 26px !important;
  }
}

/* v144 inner/auth/public header class parity */
html body .brand.inner-site-brand,
html body a.brand.inner-site-brand,
html body .inner-site-brand,
html body a.inner-site-brand,
html body .brand.pg-brand,
html body a.brand.pg-brand,
html body .brand.site-brand,
html body a.brand.site-brand {
  grid-column: 1 !important;
  justify-self: start !important;
  align-self: center !important;
  box-sizing: border-box !important;
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;
  height: 40px !important;
  min-height: 40px !important;
  display: grid !important;
  grid-template-columns: 32px 1fr !important;
  grid-template-rows: 20px 16px !important;
  column-gap: 10px !important;
  row-gap: 0 !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  color: var(--pixgom-ink) !important;
  text-decoration: none !important;
  line-height: 1 !important;
  transform: none !important;
  position: static !important;
}

html body .brand.inner-site-brand img,
html body .inner-site-brand img,
html body .brand.pg-brand img,
html body .brand.site-brand img,
html body .pg-brand img,
html body .site-brand img,
html body .inner-brand img,
html body .mk-brand img,
html body .pg-brand svg,
html body .site-brand svg,
html body .inner-brand svg,
html body .mk-brand svg {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  object-fit: contain !important;
  display: block !important;
  border-radius: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}

html body .brand.inner-site-brand .brand-name,
html body .inner-site-brand .brand-name,
html body .brand.pg-brand .brand-name,
html body .brand.site-brand .brand-name,
html body .brand.inner-site-brand strong,
html body .inner-site-brand strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end !important;
  color: var(--pixgom-ink) !important;
  font-family: 'Pretendard', 'Noto Sans KR', system-ui, sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 18px !important;
  letter-spacing: -0.04em !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

html body .brand.inner-site-brand .brand-version,
html body .inner-site-brand .brand-version,
html body .brand.pg-brand .brand-version,
html body .brand.site-brand .brand-version,
html body .brand.inner-site-brand small,
html body .inner-site-brand small {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: start !important;
  color: #5d7292 !important;
  font-family: 'Pretendard', 'Noto Sans KR', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 12px !important;
  letter-spacing: -0.02em !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

html body .inner-site-nav,
html body nav.inner-site-nav {
  grid-column: 2 !important;
  justify-self: center !important;
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 42px !important;
  width: auto !important;
  min-width: 0 !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  transform: none !important;
}

html body .inner-site-nav a {
  color: #17263d !important;
  font-family: 'Pretendard', 'Noto Sans KR', system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 44px !important;
  text-decoration: none !important;
  letter-spacing: -0.03em !important;
  white-space: nowrap !important;
  padding: 0 !important;
  margin: 0 !important;
}

html body .inner-site-action,
html body a.inner-site-action {
  grid-column: 3 !important;
  justify-self: end !important;
  align-self: center !important;
  box-sizing: border-box !important;
  min-width: 88px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(7, 16, 34, 0.14) !important;
  background: #ffffff !important;
  color: var(--pixgom-ink) !important;
  font-family: 'Pretendard', 'Noto Sans KR', system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 42px !important;
  letter-spacing: -0.04em !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  margin: 0 !important;
  position: static !important;
  transform: none !important;
}

html body .menu-open,
html body button.menu-open,
html body [data-pg-menu] {
  display: none !important;
}

@media (max-width: 860px) {
  html body .brand.inner-site-brand,
  html body a.brand.inner-site-brand,
  html body .inner-site-brand,
  html body a.inner-site-brand,
  html body .brand.pg-brand,
  html body .brand.site-brand {
    width: 122px !important;
    min-width: 122px !important;
    max-width: 122px !important;
    height: 40px !important;
    grid-template-columns: 32px 80px !important;
    column-gap: 9px !important;
    justify-self: start !important;
    align-self: center !important;
    transform: none !important;
  }

  html body .inner-site-nav,
  html body nav.inner-site-nav,
  html body .inner-site-action,
  html body a.inner-site-action {
    display: none !important;
  }

  html body .menu-open,
  html body button.menu-open,
  html body [data-pg-menu] {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: transparent !important;
    box-shadow: none !important;
    display: grid !important;
    place-items: center !important;
    position: static !important;
    transform: none !important;
    color: var(--pixgom-ink) !important;
  }

  html body .menu-open svg,
  html body button.menu-open svg,
  html body [data-pg-menu] svg {
    width: 24px !important;
    height: 24px !important;
    display: block !important;
    stroke-width: 2.7 !important;
  }
}

/* v145 hard override for public brand image absolute residue */
html body header.pg-header[data-pixgom-header] a.pg-brand.pg-brand.pg-brand > img,
html body header.pg-header[data-pixgom-header] a.pg-brand.pg-brand.pg-brand > svg,
html body .pg-header[data-pixgom-header] a.pg-brand.pg-brand.pg-brand > img,
html body .pg-header[data-pixgom-header] a.pg-brand.pg-brand.pg-brand > svg,
html body header.inner-site-header[data-pixgom-header] a.inner-site-brand.inner-site-brand.inner-site-brand > img,
html body header.inner-site-header[data-pixgom-header] a.inner-site-brand.inner-site-brand.inner-site-brand > svg,
html body header.inner-site-header[data-pixgom-header] a.brand.inner-site-brand.inner-site-brand > img,
html body header.inner-site-header[data-pixgom-header] a.brand.inner-site-brand.inner-site-brand > svg {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  justify-self: start !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  transform: none !important;
  display: block !important;
}

html body header.pg-header[data-pixgom-header] a.pg-brand.pg-brand.pg-brand,
html body .pg-header[data-pixgom-header] a.pg-brand.pg-brand.pg-brand,
html body header.inner-site-header[data-pixgom-header] a.inner-site-brand.inner-site-brand.inner-site-brand,
html body header.inner-site-header[data-pixgom-header] a.brand.inner-site-brand.inner-site-brand {
  position: static !important;
  display: grid !important;
  grid-template-columns: 32px 1fr !important;
  grid-template-rows: 20px 16px !important;
  align-items: center !important;
  overflow: visible !important;
}

@media (max-width: 860px) {
  html body header.pg-header[data-pixgom-header] a.pg-brand.pg-brand.pg-brand,
  html body .pg-header[data-pixgom-header] a.pg-brand.pg-brand.pg-brand,
  html body header.inner-site-header[data-pixgom-header] a.inner-site-brand.inner-site-brand.inner-site-brand,
  html body header.inner-site-header[data-pixgom-header] a.brand.inner-site-brand.inner-site-brand {
    width: 122px !important;
    min-width: 122px !important;
    max-width: 122px !important;
    height: 40px !important;
    grid-template-columns: 32px 80px !important;
    grid-template-rows: 20px 16px !important;
  }
}

/* v147 visible mobile menu glyph lock */
@media (max-width: 860px) {
  html body.pixgom-unified header.pg-header button.pg-menu,
  html body.pixgom-unified header.pg-header .pg-menu,
  html body.pixgom-unified header.inner-site-header button.menu-open,
  html body.pixgom-unified header.inner-site-header [data-pg-menu],
  html body.pixgom-unified button.pg-menu,
  html body.pixgom-unified button.menu-open {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    display: grid !important;
    place-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #0b1020 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.pixgom-unified header.pg-header button.pg-menu::before,
  html body.pixgom-unified header.pg-header .pg-menu::before,
  html body.pixgom-unified button.pg-menu::before {
    content: '' !important;
    width: 24px !important;
    height: 18px !important;
    display: block !important;
    background:
      linear-gradient(#0b1020, #0b1020) 0 0 / 24px 3px no-repeat,
      linear-gradient(#0b1020, #0b1020) 6px 7.5px / 18px 3px no-repeat,
      linear-gradient(#0b1020, #0b1020) 0 15px / 24px 3px no-repeat !important;
    border-radius: 999px !important;
  }

  html body.pixgom-unified header.inner-site-header button.menu-open svg,
  html body.pixgom-unified header.inner-site-header [data-pg-menu] svg,
  html body.pixgom-unified button.menu-open svg {
    width: 24px !important;
    height: 24px !important;
    display: block !important;
    color: #0b1020 !important;
    stroke: #0b1020 !important;
    stroke-width: 2.7 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* v148 visible hamburger with box-shadow bars */
@media (max-width: 860px) {
  html body.pixgom-unified header.pg-header button.pg-menu::before,
  html body.pixgom-unified header.pg-header .pg-menu::before,
  html body.pixgom-unified button.pg-menu::before {
    content: '' !important;
    display: block !important;
    width: 24px !important;
    height: 3px !important;
    background: #0b1020 !important;
    border-radius: 999px !important;
    box-shadow: 0 7.5px 0 #0b1020, 0 15px 0 #0b1020 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.pixgom-unified header.inner-site-header button.menu-open svg,
  html body.pixgom-unified header.inner-site-header [data-pg-menu] svg,
  html body.pixgom-unified button.menu-open svg {
    width: 24px !important;
    height: 24px !important;
    color: #0b1020 !important;
    stroke: #0b1020 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* v149 actual DOM hamburger glyph */
@media (max-width: 860px) {
  html body.pixgom-unified .pixgom-menu-glyph {
    display: flex !important;
    width: 24px !important;
    height: 18px !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 5 !important;
  }

  html body.pixgom-unified .pixgom-menu-glyph span {
    display: block !important;
    height: 3px !important;
    background: #0b1020 !important;
    border-radius: 999px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.pixgom-unified button.pg-menu > :not(.pixgom-menu-glyph),
  html body.pixgom-unified button.menu-open > :not(.pixgom-menu-glyph) {
    display: none !important;
  }
}

/* v150 hide legacy pseudo hamburger when real SVG glyph exists */
@media (max-width: 860px) {
  html body.pixgom-unified button.pg-menu::before,
  html body.pixgom-unified .pg-menu::before,
  html body.pixgom-unified button.menu-open::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    box-shadow: none !important;
  }

  html body.pixgom-unified button.pg-menu .pixgom-menu-glyph,
  html body.pixgom-unified button.menu-open .pixgom-menu-glyph,
  html body.pixgom-unified .pg-menu .pixgom-menu-glyph {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.pixgom-unified button.pg-menu .pixgom-menu-glyph svg,
  html body.pixgom-unified button.menu-open .pixgom-menu-glyph svg,
  html body.pixgom-unified .pg-menu .pixgom-menu-glyph svg {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* v151 final header CI parity lock: home 기준 로고/버전/모바일 메뉴 고정 */
html body.pixgom-unified header.pg-header[data-pixgom-header],
html body.pixgom-unified header.inner-site-header[data-pixgom-header],
html body.pixgom-unified header.site-header[data-pixgom-header] {
  box-sizing: border-box !important;
  height: 76px !important;
  min-height: 76px !important;
  max-height: 76px !important;
  width: min(1120px, calc(100% - 80px)) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 180px minmax(360px, 1fr) 240px !important;
  align-items: center !important;
  gap: 24px !important;
  overflow: visible !important;
  background: #faf8f3 !important;
  border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
  box-shadow: none !important;
}

html body.pixgom-unified header.pg-header[data-pixgom-header] a.pg-brand,
html body.pixgom-unified header.pg-header[data-pixgom-header] a.brand,
html body.pixgom-unified header.inner-site-header[data-pixgom-header] a.inner-site-brand,
html body.pixgom-unified header.inner-site-header[data-pixgom-header] a.brand,
html body.pixgom-unified header.site-header[data-pixgom-header] a.site-brand,
html body.pixgom-unified header.site-header[data-pixgom-header] a.brand {
  grid-column: 1 !important;
  justify-self: start !important;
  align-self: center !important;
  box-sizing: border-box !important;
  position: static !important;
  display: grid !important;
  grid-template-columns: 32px 1fr !important;
  grid-template-rows: 20px 16px !important;
  column-gap: 9px !important;
  row-gap: 0 !important;
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  transform: none !important;
  text-decoration: none !important;
}

html body.pixgom-unified header[data-pixgom-header] a.pg-brand > img,
html body.pixgom-unified header[data-pixgom-header] a.pg-brand > svg,
html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > img,
html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > svg,
html body.pixgom-unified header[data-pixgom-header] a.site-brand > img,
html body.pixgom-unified header[data-pixgom-header] a.site-brand > svg,
html body.pixgom-unified header[data-pixgom-header] a.brand > img,
html body.pixgom-unified header[data-pixgom-header] a.brand > svg {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  justify-self: start !important;
  position: static !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  transform: none !important;
  display: block !important;
}

html body.pixgom-unified header[data-pixgom-header] .brand-name,
html body.pixgom-unified header[data-pixgom-header] span.brand-name {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end !important;
  justify-self: start !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  color: #0b1020 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 18px !important;
  letter-spacing: -0.04em !important;
  white-space: nowrap !important;
}

html body.pixgom-unified header[data-pixgom-header] .brand-version,
html body.pixgom-unified header[data-pixgom-header] span.brand-version {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: start !important;
  justify-self: start !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  height: 12px !important;
  min-height: 12px !important;
  max-height: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  color: #5d7292 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 12px !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
}

html body.pixgom-unified header[data-pixgom-header] nav,
html body.pixgom-unified header[data-pixgom-header] .pg-nav,
html body.pixgom-unified header[data-pixgom-header] .inner-site-nav,
html body.pixgom-unified header[data-pixgom-header] .site-nav {
  grid-column: 2 !important;
  justify-self: center !important;
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 34px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.pixgom-unified header[data-pixgom-header] nav a,
html body.pixgom-unified header[data-pixgom-header] .pg-nav a,
html body.pixgom-unified header[data-pixgom-header] .inner-site-nav a,
html body.pixgom-unified header[data-pixgom-header] .site-nav a {
  color: #172238 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  white-space: nowrap !important;
}

html body.pixgom-unified header[data-pixgom-header] .pg-actions,
html body.pixgom-unified header[data-pixgom-header] .inner-site-actions,
html body.pixgom-unified header[data-pixgom-header] .site-actions,
html body.pixgom-unified header[data-pixgom-header] .nav-actions {
  grid-column: 3 !important;
  justify-self: end !important;
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.pixgom-unified header[data-pixgom-header] a.inner-site-action,
html body.pixgom-unified header[data-pixgom-header] a.site-action,
html body.pixgom-unified header[data-pixgom-header] a.pg-action,
html body.pixgom-unified header[data-pixgom-header] a[href="/login"],
html body.pixgom-unified header[data-pixgom-header] a[href="/signup"],
html body.pixgom-unified header[data-pixgom-header] a[href="/account"],
html body.pixgom-unified header[data-pixgom-header] a[href="/console"],
html body.pixgom-unified header[data-pixgom-header] a[href="/admin"] {
  box-sizing: border-box !important;
  align-self: center !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(11, 16, 32, 0.14) !important;
  background: #fff !important;
  color: #0b1020 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  box-shadow: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

html body.pixgom-unified header[data-pixgom-header] a[href="/login"],
html body.pixgom-unified header[data-pixgom-header] a[href="/account"],
html body.pixgom-unified header[data-pixgom-header] a[href="/console"],
html body.pixgom-unified header[data-pixgom-header] a[href="/admin"] {
  min-width: 96px !important;
  border-color: #0b1020 !important;
  background: #0b1020 !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(11, 16, 32, 0.14) !important;
}

html body.pixgom-unified header[data-pixgom-header] button.pg-menu,
html body.pixgom-unified header[data-pixgom-header] button.menu-open,
html body.pixgom-unified header[data-pixgom-header] [data-pg-menu] {
  display: none !important;
}

@media (max-width: 860px) {
  html body.pixgom-unified header.pg-header[data-pixgom-header],
  html body.pixgom-unified header.inner-site-header[data-pixgom-header],
  html body.pixgom-unified header.site-header[data-pixgom-header] {
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 16px !important;
    grid-template-columns: 132px minmax(0, 1fr) 44px !important;
    gap: 0 !important;
    background: #faf8f3 !important;
    border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
  }

  html body.pixgom-unified header.pg-header[data-pixgom-header] a.pg-brand,
  html body.pixgom-unified header.pg-header[data-pixgom-header] a.brand,
  html body.pixgom-unified header.inner-site-header[data-pixgom-header] a.inner-site-brand,
  html body.pixgom-unified header.inner-site-header[data-pixgom-header] a.brand,
  html body.pixgom-unified header.site-header[data-pixgom-header] a.site-brand,
  html body.pixgom-unified header.site-header[data-pixgom-header] a.brand {
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }

  html body.pixgom-unified header[data-pixgom-header] nav,
  html body.pixgom-unified header[data-pixgom-header] .pg-nav,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-nav,
  html body.pixgom-unified header[data-pixgom-header] .site-nav,
  html body.pixgom-unified header[data-pixgom-header] .pg-actions,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-actions,
  html body.pixgom-unified header[data-pixgom-header] .site-actions,
  html body.pixgom-unified header[data-pixgom-header] .nav-actions,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-action,
  html body.pixgom-unified header[data-pixgom-header] a.site-action,
  html body.pixgom-unified header[data-pixgom-header] a.pg-action,
  html body.pixgom-unified header[data-pixgom-header] a[href="/login"],
  html body.pixgom-unified header[data-pixgom-header] a[href="/signup"],
  html body.pixgom-unified header[data-pixgom-header] a[href="/account"],
  html body.pixgom-unified header[data-pixgom-header] a[href="/console"],
  html body.pixgom-unified header[data-pixgom-header] a[href="/admin"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body.pixgom-unified header[data-pixgom-header] button.pg-menu,
  html body.pixgom-unified header[data-pixgom-header] button.menu-open,
  html body.pixgom-unified header[data-pixgom-header] [data-pg-menu] {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: transparent !important;
    box-shadow: none !important;
    display: grid !important;
    place-items: center !important;
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    color: #0b1020 !important;
  }

  html body.pixgom-unified header[data-pixgom-header] button.pg-menu::before,
  html body.pixgom-unified header[data-pixgom-header] button.menu-open::before,
  html body.pixgom-unified header[data-pixgom-header] [data-pg-menu]::before {
    content: none !important;
    display: none !important;
  }

  html body.pixgom-unified header[data-pixgom-header] .pixgom-menu-glyph,
  html body.pixgom-unified header[data-pixgom-header] .pixgom-menu-glyph svg {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
  }
}

/* v152: header brand text height is locked inline in HTML to avoid legacy 44px brand span rules. */


/* v153 header/CI single source lock: home header 기준으로 모든 페이지 상단 고정 */
html body.pixgom-unified header[data-pixgom-header],
html body.pixgom-unified header.header[data-pixgom-header],
html body.pixgom-unified header.pg-header[data-pixgom-header],
html body.pixgom-unified header.inner-site-header[data-pixgom-header],
html body.pixgom-unified header.site-header[data-pixgom-header] {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 76px !important;
  min-height: 76px !important;
  max-height: 76px !important;
  margin: 0 !important;
  padding: 0 max(40px, calc((100vw - 1120px) / 2)) !important;
  display: grid !important;
  grid-template-columns: 132px minmax(360px, 1fr) auto !important;
  align-items: center !important;
  column-gap: 32px !important;
  background: rgba(250, 248, 243, 0.92) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.pixgom-unified header[data-pixgom-header] > .header-inner,
html body.pixgom-unified header[data-pixgom-header] > .pg-header-inner,
html body.pixgom-unified header[data-pixgom-header] > .inner-site-header-inner {
  display: contents !important;
}

html body.pixgom-unified header[data-pixgom-header] a.brand,
html body.pixgom-unified header[data-pixgom-header] a.pg-brand,
html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand,
html body.pixgom-unified header[data-pixgom-header] a.site-brand {
  grid-column: 1 !important;
  align-self: center !important;
  justify-self: start !important;
  box-sizing: border-box !important;
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  display: grid !important;
  grid-template-columns: 32px 1fr !important;
  grid-template-rows: 20px 16px !important;
  column-gap: 10px !important;
  row-gap: 0 !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #0b1020 !important;
  text-decoration: none !important;
  overflow: visible !important;
}

html body.pixgom-unified header[data-pixgom-header] a.brand > img,
html body.pixgom-unified header[data-pixgom-header] a.brand > svg,
html body.pixgom-unified header[data-pixgom-header] a.pg-brand > img,
html body.pixgom-unified header[data-pixgom-header] a.pg-brand > svg,
html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > img,
html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > svg,
html body.pixgom-unified header[data-pixgom-header] a.site-brand > img,
html body.pixgom-unified header[data-pixgom-header] a.site-brand > svg {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: block !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  margin: 4px 0 !important;
  padding: 0 !important;
  border-radius: 9px !important;
  object-fit: contain !important;
  overflow: visible !important;
}

html body.pixgom-unified header[data-pixgom-header] .brand-name,
html body.pixgom-unified header[data-pixgom-header] span.brand-name,
html body.pixgom-unified header[data-pixgom-header] strong.brand-name,
html body.pixgom-unified header[data-pixgom-header] a.brand > strong,
html body.pixgom-unified header[data-pixgom-header] a.pg-brand > strong,
html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > strong,
html body.pixgom-unified header[data-pixgom-header] a.site-brand > strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end !important;
  justify-self: start !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  color: #0b1020 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 18px !important;
  letter-spacing: -0.04em !important;
  white-space: nowrap !important;
}

html body.pixgom-unified header[data-pixgom-header] .brand-version,
html body.pixgom-unified header[data-pixgom-header] span.brand-version,
html body.pixgom-unified header[data-pixgom-header] small.brand-version,
html body.pixgom-unified header[data-pixgom-header] a.brand > small,
html body.pixgom-unified header[data-pixgom-header] a.pg-brand > small,
html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > small,
html body.pixgom-unified header[data-pixgom-header] a.site-brand > small {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: start !important;
  justify-self: start !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  height: 12px !important;
  min-height: 12px !important;
  max-height: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  color: #5d7292 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 12px !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
}

html body.pixgom-unified header[data-pixgom-header] nav,
html body.pixgom-unified header[data-pixgom-header] .nav,
html body.pixgom-unified header[data-pixgom-header] .pg-nav,
html body.pixgom-unified header[data-pixgom-header] .inner-site-nav,
html body.pixgom-unified header[data-pixgom-header] .site-nav {
  grid-column: 2 !important;
  align-self: center !important;
  justify-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 38px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.pixgom-unified header[data-pixgom-header] nav a,
html body.pixgom-unified header[data-pixgom-header] .nav a,
html body.pixgom-unified header[data-pixgom-header] .pg-nav a,
html body.pixgom-unified header[data-pixgom-header] .inner-site-nav a,
html body.pixgom-unified header[data-pixgom-header] .site-nav a {
  color: #16233b !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -0.035em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

html body.pixgom-unified header[data-pixgom-header] .pg-header-actions,
html body.pixgom-unified header[data-pixgom-header] .site-header-actions,
html body.pixgom-unified header[data-pixgom-header] .inner-header-actions,
html body.pixgom-unified header[data-pixgom-header] .actions,
html body.pixgom-unified header[data-pixgom-header] .auth-actions {
  grid-column: 3 !important;
  align-self: center !important;
  justify-self: end !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.pixgom-unified header[data-pixgom-header] .inner-site-action,
html body.pixgom-unified header[data-pixgom-header] .signup,
html body.pixgom-unified header[data-pixgom-header] .pg-signup,
html body.pixgom-unified header[data-pixgom-header] .login,
html body.pixgom-unified header[data-pixgom-header] .pg-login,
html body.pixgom-unified header[data-pixgom-header] .logout,
html body.pixgom-unified header[data-pixgom-header] .account-link,
html body.pixgom-unified header[data-pixgom-header] a[href="/signup"].inner-site-action,
html body.pixgom-unified header[data-pixgom-header] a[href="/login"] {
  box-sizing: border-box !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

html body.pixgom-unified header[data-pixgom-header] .inner-site-action,
html body.pixgom-unified header[data-pixgom-header] .signup,
html body.pixgom-unified header[data-pixgom-header] .pg-signup {
  color: #0b1020 !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(98, 116, 142, 0.26) !important;
  box-shadow: none !important;
}

html body.pixgom-unified header[data-pixgom-header] .login,
html body.pixgom-unified header[data-pixgom-header] .pg-login,
html body.pixgom-unified header[data-pixgom-header] .account-link {
  color: #ffffff !important;
  background: #0b1020 !important;
  border: 1px solid #0b1020 !important;
  box-shadow: 0 12px 26px rgba(11, 16, 32, 0.16) !important;
}

html body.pixgom-unified header[data-pixgom-header] .pg-menu,
html body.pixgom-unified header[data-pixgom-header] .menu-open,
html body.pixgom-unified header[data-pixgom-header] [data-pg-menu] {
  display: none !important;
}

@media (max-width: 860px) {
  html body.pixgom-unified header[data-pixgom-header],
  html body.pixgom-unified header.header[data-pixgom-header],
  html body.pixgom-unified header.pg-header[data-pixgom-header],
  html body.pixgom-unified header.inner-site-header[data-pixgom-header],
  html body.pixgom-unified header.site-header[data-pixgom-header] {
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 0 16px !important;
    grid-template-columns: 132px minmax(0, 1fr) 44px !important;
    column-gap: 0 !important;
    border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
  }

  html body.pixgom-unified header[data-pixgom-header] nav,
  html body.pixgom-unified header[data-pixgom-header] .nav,
  html body.pixgom-unified header[data-pixgom-header] .pg-nav,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-nav,
  html body.pixgom-unified header[data-pixgom-header] .site-nav,
  html body.pixgom-unified header[data-pixgom-header] .pg-header-actions,
  html body.pixgom-unified header[data-pixgom-header] .site-header-actions,
  html body.pixgom-unified header[data-pixgom-header] .inner-header-actions,
  html body.pixgom-unified header[data-pixgom-header] .actions,
  html body.pixgom-unified header[data-pixgom-header] .auth-actions,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-action,
  html body.pixgom-unified header[data-pixgom-header] .signup,
  html body.pixgom-unified header[data-pixgom-header] .pg-signup,
  html body.pixgom-unified header[data-pixgom-header] .login,
  html body.pixgom-unified header[data-pixgom-header] .pg-login,
  html body.pixgom-unified header[data-pixgom-header] .logout,
  html body.pixgom-unified header[data-pixgom-header] .account-link {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body.pixgom-unified header[data-pixgom-header]::after,
  html body.pixgom-unified header[data-pixgom-header]::before {
    content: none !important;
    display: none !important;
  }

  html body.pixgom-unified header[data-pixgom-header] .pg-menu,
  html body.pixgom-unified header[data-pixgom-header] .menu-open,
  html body.pixgom-unified header[data-pixgom-header] [data-pg-menu] {
    grid-column: 3 !important;
    align-self: center !important;
    justify-self: end !important;
    box-sizing: border-box !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    display: grid !important;
    place-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: #0b1020 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html body.pixgom-unified header[data-pixgom-header] .pg-menu::before,
  html body.pixgom-unified header[data-pixgom-header] .menu-open::before,
  html body.pixgom-unified header[data-pixgom-header] [data-pg-menu]::before {
    content: none !important;
    display: none !important;
  }

  html body.pixgom-unified header[data-pixgom-header] .pixgom-menu-glyph,
  html body.pixgom-unified header[data-pixgom-header] .pixgom-menu-glyph svg,
  html body.pixgom-unified header[data-pixgom-header] .menu-open svg,
  html body.pixgom-unified header[data-pixgom-header] [data-pg-menu] svg {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #0b1020 !important;
  }
}


/* v154 console mobile hero parity with home */
html body.console-shell-page.pixgom-unified #pixgom-console-root .console-hero {
  box-sizing: border-box !important;
  width: min(350px, calc(100vw - 40px)) !important;
  margin: 26px auto 0 !important;
  padding: 24px !important;
  border: 1px solid rgba(98, 116, 142, 0.18) !important;
  border-radius: 26px !important;
  background: linear-gradient(180deg, rgba(255, 245, 171, 0.28), rgba(255, 255, 255, 0.94) 42%, #ffffff 100%) !important;
  box-shadow: 0 22px 64px rgba(11, 16, 32, 0.08) !important;
}

html body.console-shell-page.pixgom-unified #pixgom-console-root .console-hero .console-eyebrow {
  color: #5d7292 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
}

html body.console-shell-page.pixgom-unified #pixgom-console-root .console-hero h1 {
  margin: 14px 0 0 !important;
  color: #0b1020 !important;
  font-size: 30px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.075em !important;
  font-weight: 900 !important;
}

html body.console-shell-page.pixgom-unified #pixgom-console-root .console-hero p:not(.console-eyebrow) {
  margin: 18px 0 0 !important;
  color: #62748e !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  letter-spacing: -0.035em !important;
}

html body.console-shell-page.pixgom-unified #pixgom-console-root .console-hero-actions {
  display: flex !important;
  flex-direction: column-reverse !important;
  gap: 12px !important;
  margin-top: 24px !important;
}

html body.console-shell-page.pixgom-unified #pixgom-console-root .console-hero-actions button,
html body.console-shell-page.pixgom-unified #pixgom-console-root .console-hero-actions a {
  width: 100% !important;
  min-height: 56px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

html body.console-shell-page.pixgom-unified #pixgom-console-root .console-hero-actions button {
  order: 1 !important;
  background: #0b1020 !important;
  color: #ffffff !important;
  border: 1px solid #0b1020 !important;
}

html body.console-shell-page.pixgom-unified #pixgom-console-root .console-hero-actions a {
  order: 2 !important;
  background: #ffffff !important;
  color: #0b1020 !important;
  border: 1px solid rgba(98, 116, 142, 0.24) !important;
}


/* v155 console hero final mobile order/offset lock */
@media (max-width: 860px) {
  html body.console-shell-page.pixgom-unified #pixgom-console-root .console-hero {
    margin: 0 auto 0 !important;
  }

  html body.console-shell-page.pixgom-unified #pixgom-console-root .console-hero-actions {
    display: flex !important;
    flex-direction: column !important;
  }

  html body.console-shell-page.pixgom-unified #pixgom-console-root .console-hero-actions button {
    order: 1 !important;
  }

  html body.console-shell-page.pixgom-unified #pixgom-console-root .console-hero-actions a {
    order: 2 !important;
  }
}


/* v156 auth desktop header must occupy full viewport like home */
@media (min-width: 861px) {
  html body.auth-page.pixgom-unified header.inner-site-header[data-pixgom-header],
  html body.auth-page.pixgom-unified header.pg-header[data-pixgom-header],
  html body.auth-page.pixgom-unified header.site-header[data-pixgom-header] {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: none !important;
    margin: 0 calc(50% - 50vw) !important;
    padding: 0 max(40px, calc((100vw - 1120px) / 2)) !important;
    display: grid !important;
    grid-template-columns: 132px minmax(360px, 1fr) auto !important;
    align-items: center !important;
  }
}

/* v157: mobile header/CI final lock - home 기준으로 CTA 제거, CI + menu만 유지 */
@media (max-width: 767px) {
  html body.pixgom-unified header[data-pixgom-header],
  html body.pixgom-unified header.header[data-pixgom-header],
  html body.pixgom-unified header.pg-header[data-pixgom-header],
  html body.pixgom-unified header.inner-site-header[data-pixgom-header],
  html body.pixgom-unified header.site-header[data-pixgom-header] {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 68px !important;
    height: 68px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    background: rgba(250, 248, 243, 0.96) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
    box-shadow: none !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    overflow: visible !important;
  }

  html body.pixgom-unified header[data-pixgom-header],
  html body.pixgom-unified header[data-pixgom-header] > .header-inner,
  html body.pixgom-unified header[data-pixgom-header] > .pg-header-inner,
  html body.pixgom-unified header[data-pixgom-header] > .inner-site-header-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    grid-template-rows: 68px !important;
    align-items: center !important;
    column-gap: 12px !important;
  }

  html body.pixgom-unified header[data-pixgom-header] > .header-inner,
  html body.pixgom-unified header[data-pixgom-header] > .pg-header-inner,
  html body.pixgom-unified header[data-pixgom-header] > .inner-site-header-inner {
    width: 100% !important;
    max-width: none !important;
    height: 68px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.pixgom-unified header[data-pixgom-header] a.brand,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand,
  html body.pixgom-unified header[data-pixgom-header] a.site-brand,
  html body.pixgom-unified header[data-pixgom-header] > .header-inner > a.brand,
  html body.pixgom-unified header[data-pixgom-header] > .pg-header-inner > a.pg-brand,
  html body.pixgom-unified header[data-pixgom-header] > .inner-site-header-inner > a.inner-site-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    display: grid !important;
    grid-template-columns: 32px auto !important;
    grid-template-rows: 18px 12px !important;
    column-gap: 8px !important;
    row-gap: 2px !important;
    align-items: center !important;
    width: 122px !important;
    min-width: 122px !important;
    max-width: 122px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    text-decoration: none !important;
    overflow: visible !important;
  }

  html body.pixgom-unified header[data-pixgom-header] a.brand > img,
  html body.pixgom-unified header[data-pixgom-header] a.brand > svg,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand > img,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand > svg,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > img,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > svg,
  html body.pixgom-unified header[data-pixgom-header] a.site-brand > img,
  html body.pixgom-unified header[data-pixgom-header] a.site-brand > svg,
  html body.pixgom-unified header[data-pixgom-header] [data-pixgom-logo] {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.pixgom-unified header[data-pixgom-header] .brand-name,
  html body.pixgom-unified header[data-pixgom-header] a.brand > strong,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand > strong,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > strong,
  html body.pixgom-unified header[data-pixgom-header] a.site-brand > strong {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    justify-self: start !important;
    height: 18px !important;
    max-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 18px !important;
    letter-spacing: -0.04em !important;
    white-space: nowrap !important;
  }

  html body.pixgom-unified header[data-pixgom-header] .brand-version,
  html body.pixgom-unified header[data-pixgom-header] a.brand > small,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand > small,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > small,
  html body.pixgom-unified header[data-pixgom-header] a.site-brand > small {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    justify-self: start !important;
    height: 12px !important;
    max-height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #5d7292 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 12px !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
  }

  html body.pixgom-unified header[data-pixgom-header] nav,
  html body.pixgom-unified header[data-pixgom-header] .nav,
  html body.pixgom-unified header[data-pixgom-header] .pg-nav,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-nav,
  html body.pixgom-unified header[data-pixgom-header] .site-nav,
  html body.pixgom-unified header[data-pixgom-header] .pg-header-actions,
  html body.pixgom-unified header[data-pixgom-header] .site-header-actions,
  html body.pixgom-unified header[data-pixgom-header] .inner-header-actions,
  html body.pixgom-unified header[data-pixgom-header] .actions,
  html body.pixgom-unified header[data-pixgom-header] .auth-actions,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-action,
  html body.pixgom-unified header[data-pixgom-header] .signup,
  html body.pixgom-unified header[data-pixgom-header] .pg-signup,
  html body.pixgom-unified header[data-pixgom-header] .login,
  html body.pixgom-unified header[data-pixgom-header] .pg-login,
  html body.pixgom-unified header[data-pixgom-header] .logout,
  html body.pixgom-unified header[data-pixgom-header] .account-link {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body.pixgom-unified header[data-pixgom-header] .pg-menu,
  html body.pixgom-unified header[data-pixgom-header] .menu-open,
  html body.pixgom-unified header[data-pixgom-header] [data-pg-menu] {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}

/* v158: desktop header/product parity - auth header and public product box match production home footprint */
@media (min-width: 861px) {
  html body.auth-page.pixgom-unified header.inner-site-header[data-pixgom-header],
  html body.auth-page.pixgom-unified header.pg-header[data-pixgom-header],
  html body.auth-page.pixgom-unified header.site-header[data-pixgom-header] {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 40px !important;
    display: grid !important;
    grid-template-columns: 132px minmax(0, 1fr) auto !important;
    align-items: center !important;
  }

  html body.auth-page.pixgom-unified header[data-pixgom-header] a.brand,
  html body.auth-page.pixgom-unified header[data-pixgom-header] a.inner-site-brand,
  html body.auth-page.pixgom-unified header[data-pixgom-header] a.pg-brand,
  html body.auth-page.pixgom-unified header[data-pixgom-header] a.site-brand {
    justify-self: start !important;
    margin: 0 !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero .pg-product-visual.home-product-visual,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.install-hero .pg-product-visual.home-product-visual {
    transform: translate(-4px, 10px) !important;
  }

  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.pg-hero.pg-sales-hero .pg-product-visual.home-product-visual .product-box.product-box,
  html body.pixgom-unified.pixgom-static-page.pixgom-sales-page main.pg-main > section.install-hero .pg-product-visual.home-product-visual .product-box.product-box {
    transform: translate(14px, 16px) scale(.957) !important;
    transform-origin: center center !important;
  }
}

/* v159: mobile top bar hard lock - CI + menu only, no floating signup/login CTA */
@media (max-width: 860px) {
  html body header[data-pixgom-header],
  html body header.header[data-pixgom-header],
  html body header.pg-header[data-pixgom-header],
  html body header.inner-site-header[data-pixgom-header],
  html body header.site-header[data-pixgom-header] {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    align-items: center !important;
    column-gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    background: rgba(250, 248, 243, 0.98) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
    box-shadow: none !important;
    overflow: visible !important;
    transform: none !important;
  }

  html body header[data-pixgom-header] > .header-inner,
  html body header[data-pixgom-header] > .pg-header-inner,
  html body header[data-pixgom-header] > .inner-site-header-inner,
  html body header[data-pixgom-header] > .site-header-inner {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    align-items: center !important;
    column-gap: 10px !important;
    width: 100% !important;
    max-width: none !important;
    height: 68px !important;
    min-height: 68px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body header[data-pixgom-header] a.brand,
  html body header[data-pixgom-header] a.pg-brand,
  html body header[data-pixgom-header] a.inner-site-brand,
  html body header[data-pixgom-header] a.site-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 34px auto !important;
    grid-template-rows: 19px 12px !important;
    align-items: center !important;
    column-gap: 8px !important;
    row-gap: 2px !important;
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    text-decoration: none !important;
    overflow: visible !important;
    transform: none !important;
  }

  html body header[data-pixgom-header] a.brand > img,
  html body header[data-pixgom-header] a.brand > svg,
  html body header[data-pixgom-header] a.pg-brand > img,
  html body header[data-pixgom-header] a.pg-brand > svg,
  html body header[data-pixgom-header] a.inner-site-brand > img,
  html body header[data-pixgom-header] a.inner-site-brand > svg,
  html body header[data-pixgom-header] a.site-brand > img,
  html body header[data-pixgom-header] a.site-brand > svg,
  html body header[data-pixgom-header] [data-pixgom-logo] {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    display: block !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body header[data-pixgom-header] .brand-name,
  html body header[data-pixgom-header] a.brand > strong,
  html body header[data-pixgom-header] a.brand > span.brand-name,
  html body header[data-pixgom-header] a.pg-brand > strong,
  html body header[data-pixgom-header] a.pg-brand > span.brand-name,
  html body header[data-pixgom-header] a.inner-site-brand > strong,
  html body header[data-pixgom-header] a.inner-site-brand > span.brand-name,
  html body header[data-pixgom-header] a.site-brand > strong,
  html body header[data-pixgom-header] a.site-brand > span.brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    justify-self: start !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    height: 19px !important;
    min-height: 19px !important;
    max-height: 19px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 19px !important;
    letter-spacing: -0.045em !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  html body header[data-pixgom-header] .brand-version,
  html body header[data-pixgom-header] a.brand > small,
  html body header[data-pixgom-header] a.brand > span.brand-version,
  html body header[data-pixgom-header] a.pg-brand > small,
  html body header[data-pixgom-header] a.pg-brand > span.brand-version,
  html body header[data-pixgom-header] a.inner-site-brand > small,
  html body header[data-pixgom-header] a.inner-site-brand > span.brand-version,
  html body header[data-pixgom-header] a.site-brand > small,
  html body header[data-pixgom-header] a.site-brand > span.brand-version {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    justify-self: start !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #5d7292 !important;
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 12px !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  html body header[data-pixgom-header] nav,
  html body header[data-pixgom-header] .nav,
  html body header[data-pixgom-header] .pg-nav,
  html body header[data-pixgom-header] .inner-site-nav,
  html body header[data-pixgom-header] .site-nav,
  html body header[data-pixgom-header] .header-actions,
  html body header[data-pixgom-header] .pg-header-actions,
  html body header[data-pixgom-header] .site-header-actions,
  html body header[data-pixgom-header] .inner-header-actions,
  html body header[data-pixgom-header] .actions,
  html body header[data-pixgom-header] .auth-actions,
  html body header[data-pixgom-header] .inner-site-action,
  html body header[data-pixgom-header] .pg-signup,
  html body header[data-pixgom-header] .pg-login,
  html body header[data-pixgom-header] .pg-cta-small,
  html body header[data-pixgom-header] .signup,
  html body header[data-pixgom-header] .login,
  html body header[data-pixgom-header] .logout,
  html body header[data-pixgom-header] .account-link {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body header[data-pixgom-header] .pg-menu,
  html body header[data-pixgom-header] .menu-open,
  html body header[data-pixgom-header] [data-pg-menu] {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    overflow: hidden !important;
  }

  html body header[data-pixgom-header] .pg-menu > *,
  html body header[data-pixgom-header] .menu-open > *,
  html body header[data-pixgom-header] [data-pg-menu] > * {
    display: none !important;
  }

  html body header[data-pixgom-header] .pg-menu::before,
  html body header[data-pixgom-header] .menu-open::before,
  html body header[data-pixgom-header] [data-pg-menu]::before {
    content: "" !important;
    display: block !important;
    width: 23px !important;
    height: 17px !important;
    background:
      linear-gradient(#0b1020, #0b1020) 0 0 / 23px 2.6px no-repeat,
      linear-gradient(#0b1020, #0b1020) 6px 7.2px / 17px 2.6px no-repeat,
      linear-gradient(#0b1020, #0b1020) 0 14.4px / 23px 2.6px no-repeat !important;
    border-radius: 0 !important;
    transform: none !important;
  }
}

/* v160: desktop inner/auth header full-bleed like production home */
@media (min-width: 861px) {
  html body.auth-page.pixgom-unified header.inner-site-header[data-pixgom-header],
  html body.auth-page.pixgom-unified header.pg-header[data-pixgom-header],
  html body.auth-page.pixgom-unified header.site-header[data-pixgom-header],
  html body.account-page.pixgom-unified header.pg-header[data-pixgom-header],
  html body.console-shell-page.pixgom-unified header.pg-header[data-pixgom-header] {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 76px !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 0 33px !important;
    display: grid !important;
    grid-template-columns: 132px minmax(0, 1fr) auto !important;
    align-items: center !important;
    background: rgba(250, 248, 243, 0.96) !important;
    border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
    box-shadow: none !important;
  }

  html body.auth-page.pixgom-unified header[data-pixgom-header] > .inner-site-header-inner,
  html body.auth-page.pixgom-unified header[data-pixgom-header] > .pg-header-inner,
  html body.account-page.pixgom-unified header[data-pixgom-header] > .pg-header-inner,
  html body.console-shell-page.pixgom-unified header[data-pixgom-header] > .pg-header-inner {
    display: contents !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.auth-page.pixgom-unified header[data-pixgom-header] a.brand,
  html body.auth-page.pixgom-unified header[data-pixgom-header] a.inner-site-brand,
  html body.auth-page.pixgom-unified header[data-pixgom-header] a.pg-brand,
  html body.account-page.pixgom-unified header[data-pixgom-header] a.pg-brand,
  html body.console-shell-page.pixgom-unified header[data-pixgom-header] a.pg-brand {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    margin: 0 !important;
  }

  html body.auth-page.pixgom-unified header[data-pixgom-header] .inner-site-action,
  html body.auth-page.pixgom-unified header[data-pixgom-header] .pg-header-actions,
  html body.account-page.pixgom-unified header[data-pixgom-header] .pg-header-actions,
  html body.console-shell-page.pixgom-unified header[data-pixgom-header] .pg-header-actions {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
  }
}

/* v174: absolute last mobile header CI lock - home 기준 CI + hamburger only */
@media (max-width: 860px) {
  html body.pixgom-unified header[data-pixgom-header],
  html body.pixgom-unified header.header[data-pixgom-header],
  html body.pixgom-unified header.pg-header[data-pixgom-header],
  html body.pixgom-unified header.inner-site-header[data-pixgom-header],
  html body.pixgom-unified header.site-header[data-pixgom-header] {
    position: relative !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 68px !important;
    height: 68px !important;
    margin: 0 !important;
    padding: 0 18px 0 20px !important;
    background: rgba(250, 248, 243, 0.98) !important;
    border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
    box-shadow: none !important;
    overflow: visible !important;
    transform: none !important;
  }
  html body.pixgom-unified header[data-pixgom-header] > .header-inner,
  html body.pixgom-unified header[data-pixgom-header] > .pg-header-inner,
  html body.pixgom-unified header[data-pixgom-header] > .inner-site-header-inner,
  html body.pixgom-unified header[data-pixgom-header] > .site-header-inner {
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 68px !important;
    height: 68px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  html body.pixgom-unified header[data-pixgom-header] a.brand,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand,
  html body.pixgom-unified header[data-pixgom-header] a.site-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    display: grid !important;
    grid-template-columns: 32px auto !important;
    grid-template-rows: 18px 12px !important;
    column-gap: 8px !important;
    row-gap: 1px !important;
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    text-decoration: none !important;
    transform: none !important;
    overflow: visible !important;
  }
  html body.pixgom-unified header[data-pixgom-header] a.brand > img,
  html body.pixgom-unified header[data-pixgom-header] a.brand > svg,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand > img,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand > svg,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > img,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > svg,
  html body.pixgom-unified header[data-pixgom-header] a.site-brand > img,
  html body.pixgom-unified header[data-pixgom-header] a.site-brand > svg,
  html body.pixgom-unified header[data-pixgom-header] [data-pixgom-logo] {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    transform: none !important;
  }
  html body.pixgom-unified header[data-pixgom-header] .brand-name,
  html body.pixgom-unified header[data-pixgom-header] a.brand > strong,
  html body.pixgom-unified header[data-pixgom-header] a.brand > span.brand-name,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand > strong,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand > span.brand-name,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > strong,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > span.brand-name,
  html body.pixgom-unified header[data-pixgom-header] a.site-brand > strong,
  html body.pixgom-unified header[data-pixgom-header] a.site-brand > span.brand-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    justify-self: start !important;
    display: block !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0b1020 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 18px !important;
    letter-spacing: -0.045em !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }
  html body.pixgom-unified header[data-pixgom-header] .brand-version,
  html body.pixgom-unified header[data-pixgom-header] a.brand > small,
  html body.pixgom-unified header[data-pixgom-header] a.brand > span.brand-version,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand > small,
  html body.pixgom-unified header[data-pixgom-header] a.pg-brand > span.brand-version,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > small,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-brand > span.brand-version,
  html body.pixgom-unified header[data-pixgom-header] a.site-brand > small,
  html body.pixgom-unified header[data-pixgom-header] a.site-brand > span.brand-version {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    justify-self: start !important;
    display: block !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #5d7292 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 12px !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }
  html body.pixgom-unified header[data-pixgom-header] nav,
  html body.pixgom-unified header[data-pixgom-header] .nav,
  html body.pixgom-unified header[data-pixgom-header] .pg-nav,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-nav,
  html body.pixgom-unified header[data-pixgom-header] .site-nav,
  html body.pixgom-unified header[data-pixgom-header] .header-actions,
  html body.pixgom-unified header[data-pixgom-header] .pg-header-actions,
  html body.pixgom-unified header[data-pixgom-header] .site-header-actions,
  html body.pixgom-unified header[data-pixgom-header] .inner-header-actions,
  html body.pixgom-unified header[data-pixgom-header] .actions,
  html body.pixgom-unified header[data-pixgom-header] .auth-actions,
  html body.pixgom-unified header[data-pixgom-header] a.inner-site-action,
  html body.pixgom-unified header[data-pixgom-header] .inner-site-action,
  html body.pixgom-unified header[data-pixgom-header] .pg-signup,
  html body.pixgom-unified header[data-pixgom-header] .pg-login,
  html body.pixgom-unified header[data-pixgom-header] .pg-cta-small,
  html body.pixgom-unified header[data-pixgom-header] .signup,
  html body.pixgom-unified header[data-pixgom-header] .login,
  html body.pixgom-unified header[data-pixgom-header] .logout,
  html body.pixgom-unified header[data-pixgom-header] .account-link {
    position: absolute !important;
    inset: auto !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
  html body.pixgom-unified header[data-pixgom-header] .pg-menu,
  html body.pixgom-unified header[data-pixgom-header] .menu-open,
  html body.pixgom-unified header[data-pixgom-header] [data-pg-menu] {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    overflow: hidden !important;
  }
  html body.pixgom-unified header[data-pixgom-header] .pg-menu > *,
  html body.pixgom-unified header[data-pixgom-header] .menu-open > *,
  html body.pixgom-unified header[data-pixgom-header] [data-pg-menu] > * {
    display: none !important;
  }
  html body.pixgom-unified header[data-pixgom-header] .pg-menu::before,
  html body.pixgom-unified header[data-pixgom-header] .menu-open::before,
  html body.pixgom-unified header[data-pixgom-header] [data-pg-menu]::before {
    content: "" !important;
    display: block !important;
    width: 23px !important;
    height: 17px !important;
    background:
      linear-gradient(#0b1020, #0b1020) 0 0 / 23px 2.6px no-repeat,
      linear-gradient(#0b1020, #0b1020) 6px 7.2px / 17px 2.6px no-repeat,
      linear-gradient(#0b1020, #0b1020) 0 14.4px / 23px 2.6px no-repeat !important;
    border-radius: 0 !important;
    transform: none !important;
  }
}

/* v175: mobile header and CI final lock from home standard */
@media (max-width: 860px) {
  html body header[data-pixgom-header],
  html body .pg-header[data-pixgom-header],
  html body .inner-site-header[data-pixgom-header],
  html body .site-header[data-pixgom-header] {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 44px !important;
    grid-template-rows: 68px !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 0 !important;
    border-bottom: 1px solid rgba(11, 16, 32, 0.08) !important;
    background: rgba(250, 248, 243, 0.96) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body header[data-pixgom-header] > a.brand,
  html body header[data-pixgom-header] > a.pg-brand,
  html body header[data-pixgom-header] > a.inner-site-brand,
  html body header[data-pixgom-header] .brand,
  html body header[data-pixgom-header] .pg-brand,
  html body header[data-pixgom-header] .inner-site-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    place-self: center start !important;
    align-self: center !important;
    justify-self: start !important;
    display: grid !important;
    grid-template-columns: 32px auto !important;
    grid-template-rows: 40px !important;
    align-items: center !important;
    justify-content: start !important;
    column-gap: 8px !important;
    width: 122px !important;
    min-width: 122px !important;
    max-width: 122px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    text-decoration: none !important;
    overflow: visible !important;
    z-index: 2 !important;
  }

  html body header[data-pixgom-header] > a.brand img,
  html body header[data-pixgom-header] > a.pg-brand img,
  html body header[data-pixgom-header] > a.inner-site-brand img,
  html body header[data-pixgom-header] .brand img,
  html body header[data-pixgom-header] .pg-brand img,
  html body header[data-pixgom-header] .inner-site-brand img,
  html body header[data-pixgom-header] > a.brand svg,
  html body header[data-pixgom-header] > a.pg-brand svg,
  html body header[data-pixgom-header] > a.inner-site-brand svg,
  html body header[data-pixgom-header] .brand svg,
  html body header[data-pixgom-header] .pg-brand svg,
  html body header[data-pixgom-header] .inner-site-brand svg,
  html body header[data-pixgom-header] .brand-mark,
  html body header[data-pixgom-header] .pg-logo-mark,
  html body header[data-pixgom-header] .inner-site-logo,
  html body header[data-pixgom-header] .logo-mark {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    border-radius: 8px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body header[data-pixgom-header] .brand-copy,
  html body header[data-pixgom-header] .pg-brand-copy,
  html body header[data-pixgom-header] .inner-site-brand-copy,
  html body header[data-pixgom-header] .brand-text,
  html body header[data-pixgom-header] .logo-copy {
    display: grid !important;
    grid-template-rows: 18px 14px !important;
    align-content: center !important;
    gap: 1px !important;
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    height: 34px !important;
    overflow: visible !important;
  }

  html body header[data-pixgom-header] .brand-name,
  html body header[data-pixgom-header] .pg-brand-name,
  html body header[data-pixgom-header] .inner-site-brand-name,
  html body header[data-pixgom-header] strong {
    font-size: 16px !important;
    line-height: 18px !important;
    font-weight: 900 !important;
    letter-spacing: -0.03em !important;
    color: #0b1020 !important;
    white-space: nowrap !important;
  }

  html body header[data-pixgom-header] .brand-version,
  html body header[data-pixgom-header] .pg-brand-version,
  html body header[data-pixgom-header] .inner-site-brand-version,
  html body header[data-pixgom-header] small {
    font-size: 10px !important;
    line-height: 12px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: #62748e !important;
    white-space: nowrap !important;
  }

  html body header[data-pixgom-header] nav,
  html body header[data-pixgom-header] .nav,
  html body header[data-pixgom-header] .pg-nav,
  html body header[data-pixgom-header] .inner-site-nav,
  html body header[data-pixgom-header] .site-nav,
  html body header[data-pixgom-header] .desktop-nav,
  html body header[data-pixgom-header] a[href="/login"],
  html body header[data-pixgom-header] a[href="/signup"],
  html body header[data-pixgom-header] a[href="/account"],
  html body header[data-pixgom-header] a[href="/profile"],
  html body header[data-pixgom-header] a[href="/logout"],
  html body header[data-pixgom-header] .login-link,
  html body header[data-pixgom-header] .signup-link,
  html body header[data-pixgom-header] .account-link,
  html body header[data-pixgom-header] .logout-link,
  html body header[data-pixgom-header] .desktop-only,
  html body header[data-pixgom-header] .header-cta,
  html body header[data-pixgom-header] .pg-header-cta,
  html body header[data-pixgom-header] .inner-site-cta {
    display: none !important;
  }

  html body header[data-pixgom-header] button,
  html body header[data-pixgom-header] .menu-toggle,
  html body header[data-pixgom-header] .mobile-menu-toggle,
  html body header[data-pixgom-header] .hamburger,
  html body header[data-pixgom-header] [aria-label*="메뉴"],
  html body header[data-pixgom-header] [aria-label*="menu" i] {
    grid-column: 2 !important;
    grid-row: 1 !important;
    place-self: center end !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: transparent !important;
    color: #0b1020 !important;
    box-shadow: none !important;
    transform: none !important;
    z-index: 2 !important;
  }
}