/**
 * EngageIQ Balto comparison candidate v6
 * Authority: protected homepage geometry + EngageIQ-Codex typography SOT
 *
 * This layer is deliberately page-scoped. It repairs the old edge-to-edge
 * comparison layout without changing shared Elementor or homepage styles.
 */

body.ei-brand-sot #engageiq-balto-v6 {
  --ei-balto-content: 1180px;
  --ei-balto-copy: 900px;
  background: var(--ei-color-white, #ffffff);
  color: var(--ei-color-ink, #252525);
}

body.ei-brand-sot #engageiq-balto-v6 *,
body.ei-brand-sot #engageiq-balto-v6 *::before,
body.ei-brand-sot #engageiq-balto-v6 *::after {
  box-sizing: border-box;
}

body.ei-brand-sot #engageiq-balto-v6 > .v2-hero {
  padding: 104px 0 112px !important;
  border-bottom: 1px solid var(--ei-color-border, #e4e4e4);
  text-align: left !important;
}

body.ei-brand-sot #engageiq-balto-v6 > .v2-hero > .e-con-inner,
body.ei-brand-sot
  #engageiq-balto-v6
  > .e-con-boxed
  > .e-con-inner {
  display: block;
  width: min(calc(100% - 64px), var(--ei-balto-content)) !important;
  max-width: var(--ei-balto-content) !important;
  margin-inline: auto !important;
  padding: 0 !important;
}

body.ei-brand-sot
  #engageiq-balto-v6
  > .v2-hero
  > .e-con-inner {
  max-width: var(--ei-balto-content) !important;
  text-align: left !important;
}

body.ei-brand-sot #engageiq-balto-v6 .ei-balto-eyebrow {
  margin: 0 0 24px;
  color: var(--ei-color-red, #ff3c41);
  font-family: var(
    --ei-font-label,
    "IBM Plex Mono",
    ui-monospace,
    monospace
  ) !important;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.08em;
}

body.ei-brand-sot #engageiq-balto-v6 h1.elementor-heading-title {
  max-width: 1060px;
  margin: 0;
  color: var(--ei-color-black, #000000);
  font-family: var(--ei-font-display, "Saans", sans-serif) !important;
  font-size: clamp(60px, 6.4vw, 86px) !important;
  font-weight: 600 !important;
  line-height: 0.98 !important;
  letter-spacing: -0.045em !important;
  text-align: left !important;
  text-wrap: balance;
}

body.ei-brand-sot
  #engageiq-balto-v6
  > .v2-hero
  .elementor-widget-text-editor {
  max-width: 880px;
  margin-top: 36px;
}

body.ei-brand-sot
  #engageiq-balto-v6
  > .v2-hero
  .elementor-widget-text-editor
  p {
  margin: 0;
  color: var(--ei-color-text, #414141);
  font-size: clamp(20px, 1.8vw, 24px) !important;
  line-height: 1.45 !important;
  text-align: left !important;
}

body.ei-brand-sot
  #engageiq-balto-v6
  > .v2-hero
  .elementor-widget-button {
  margin: 40px 12px 0 0 !important;
}

body.ei-brand-sot #engageiq-balto-v6 > .e-parent {
  width: 100%;
  padding: 96px 0 !important;
  border-bottom: 1px solid var(--ei-color-border, #e4e4e4);
}

body.ei-brand-sot #engageiq-balto-v6 > .e-parent:nth-child(odd) {
  background: var(--ei-color-surface, #f1f1f1);
}

body.ei-brand-sot #engageiq-balto-v6 > .e-parent:last-child {
  padding-block: 104px !important;
  border-bottom: 0;
  background: var(--ei-color-black, #000000) !important;
  color: var(--ei-color-white, #ffffff);
}

body.ei-brand-sot
  #engageiq-balto-v6
  > .e-parent
  h2.elementor-heading-title {
  max-width: 940px;
  margin: 0 0 32px;
  color: var(--ei-color-black, #000000);
  font-family: var(--ei-font-display, "Saans", sans-serif) !important;
  font-size: clamp(44px, 5vw, 64px) !important;
  font-weight: 600 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.035em !important;
  text-align: left !important;
  text-wrap: balance;
}

body.ei-brand-sot
  #engageiq-balto-v6
  > .e-parent:last-child
  h2.elementor-heading-title {
  max-width: 920px;
  margin-inline: auto;
  color: var(--ei-color-white, #ffffff);
  text-align: center !important;
}

body.ei-brand-sot
  #engageiq-balto-v6
  > .e-parent
  .elementor-widget-text-editor {
  width: 100%;
  max-width: var(--ei-balto-copy);
  color: var(--ei-color-text, #414141);
  font-size: 20px !important;
  line-height: 1.55 !important;
}

body.ei-brand-sot
  #engageiq-balto-v6
  > .e-parent
  .elementor-widget-text-editor
  :where(p, li) {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

body.ei-brand-sot
  #engageiq-balto-v6
  > .e-parent
  .elementor-widget-text-editor
  p {
  margin: 0 0 24px;
}

body.ei-brand-sot
  #engageiq-balto-v6
  > .e-parent
  .elementor-widget-text-editor
  p:last-child {
  margin-bottom: 0;
}

body.ei-brand-sot
  #engageiq-balto-v6
  > .e-parent
  .elementor-widget-text-editor
  ul {
  display: grid;
  margin: 32px 0;
  padding-left: 24px;
  gap: 18px;
}

body.ei-brand-sot
  #engageiq-balto-v6
  > .e-parent
  .elementor-widget-text-editor
  li {
  padding-left: 8px;
}

body.ei-brand-sot
  #engageiq-balto-v6
  > .e-parent
  .elementor-widget-text-editor
  strong {
  color: var(--ei-color-black, #000000);
  font-weight: 600;
}

body.ei-brand-sot
  #engageiq-balto-v6
  > .e-parent
  .elementor-widget-text-editor:has(table) {
  max-width: none;
}

body.ei-brand-sot #engageiq-balto-v6 table {
  margin-top: 40px !important;
  border: 1px solid var(--ei-color-border, #e4e4e4);
  background: var(--ei-color-white, #ffffff);
  font-size: 17px;
  line-height: 1.4;
}

body.ei-brand-sot #engageiq-balto-v6 table :where(th, td) {
  min-width: 210px;
  padding: 20px !important;
  vertical-align: top;
}

body.ei-brand-sot #engageiq-balto-v6 table th {
  font-family: var(--ei-font-body, "Inter Tight", Arial, sans-serif) !important;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

body.ei-brand-sot
  #engageiq-balto-v6
  > .e-parent:last-child
  .elementor-widget-text-editor {
  max-width: 760px;
  margin: 24px auto 0;
  color: var(--ei-color-logo-depth-light, #ededed);
  text-align: center;
}

body.ei-brand-sot
  #engageiq-balto-v6
  > .e-parent:last-child
  .elementor-widget-button {
  margin: 36px 6px 0 !important;
}

body.ei-brand-sot
  #engageiq-balto-v6
  > .e-parent:last-child
  .elementor-widget-button
  a {
  border-color: var(--ei-color-white, #ffffff) !important;
}

@media (max-width: 767px) {
  body.ei-brand-sot
    #engageiq-balto-v6
    > .v2-hero
    > .e-con-inner,
  body.ei-brand-sot
    #engageiq-balto-v6
    > .e-con-boxed
    > .e-con-inner {
    width: calc(100% - 40px) !important;
  }

  body.ei-brand-sot #engageiq-balto-v6 > .v2-hero {
    padding-block: 72px 80px !important;
  }

  body.ei-brand-sot #engageiq-balto-v6 h1.elementor-heading-title {
    font-size: clamp(42px, 12vw, 52px) !important;
    line-height: 1 !important;
    overflow-wrap: normal;
    text-wrap: pretty;
  }

  body.ei-brand-sot
    #engageiq-balto-v6
    > .v2-hero
    .elementor-widget-text-editor {
    margin-top: 28px;
  }

  body.ei-brand-sot
    #engageiq-balto-v6
    > .v2-hero
    .elementor-widget-text-editor
    p {
    font-size: 19px !important;
    line-height: 1.5 !important;
  }

  body.ei-brand-sot
    #engageiq-balto-v6
    > .v2-hero
    .elementor-widget-button {
    display: block !important;
    margin: 16px 0 0 !important;
  }

  body.ei-brand-sot
    #engageiq-balto-v6
    > .v2-hero
    .elementor-widget-button:first-of-type {
    margin-top: 32px !important;
  }

  body.ei-brand-sot
    #engageiq-balto-v6
    > .v2-hero
    .elementor-button {
    width: 100%;
  }

  body.ei-brand-sot #engageiq-balto-v6 > .e-parent {
    padding-block: 64px !important;
  }

  body.ei-brand-sot
    #engageiq-balto-v6
    > .e-parent
    h2.elementor-heading-title {
    margin-bottom: 24px;
    font-size: 40px !important;
    line-height: 1.03 !important;
    text-wrap: pretty;
  }

  body.ei-brand-sot
    #engageiq-balto-v6
    > .e-parent
    .elementor-widget-text-editor {
    font-size: 18px !important;
    line-height: 1.55 !important;
  }

  body.ei-brand-sot #engageiq-balto-v6 .ei-balto-eyebrow {
    margin-bottom: 18px;
    font-size: 12px;
  }

  body.ei-brand-sot #engageiq-balto-v6 table {
    margin-top: 28px !important;
    font-size: 16px;
  }

  body.ei-brand-sot #engageiq-balto-v6 table :where(th, td) {
    min-width: 220px;
    padding: 16px !important;
  }

  body.ei-brand-sot #engageiq-balto-v6 > .e-parent:last-child {
    padding-block: 72px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.ei-brand-sot #engageiq-balto-v6 * {
    scroll-behavior: auto !important;
  }
}