/* Hero comparison is local presentation only; it does not assign visitors or track conversions. */
[data-hero-panel][hidden] { display: none !important; }
.jq-hero-comparison {
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  padding: 12px max(24px, calc((100vw - 1280px) / 2));
  border-bottom: 1px solid #e9e5e1; background: #fff;
}
.jq-hero-comparison > span { font-size: 11px; color: #645d57; }
.jq-hero-comparison > div { display: flex; gap: 5px; padding: 3px; border: 1px solid #e7e3de; border-radius: 8px; }
.jq-hero-comparison button { border: 0; border-radius: 5px; padding: 8px 13px; font: 600 11px var(--font); background: transparent; color: #625b55; cursor: pointer; }
.jq-hero-comparison button[aria-pressed="true"] { background: #24201e; color: white; }
.jq-hero-comparison button:focus-visible, .jq-ade-node:focus-visible, .jq-ade-text-link:focus-visible { outline: 3px solid #a75b45; outline-offset: 4px; }
.jq-ade-hero { background: white; padding: 60px 32px 72px; border-bottom: 1px solid #e9e5e1; }
.jq-ade-layout { max-width: 1280px; margin-inline: auto; display: grid; grid-template-columns: .95fr 1.15fr; align-items: center; gap: 65px; }
.jq-ade-eyebrow { font-size: 10px; font-weight: 600; color: #725044; letter-spacing: 1.65px; padding: 0; margin-bottom: 25px; }
.jq-ade-copy h1 { font-size: clamp(38px, 4vw, 57px); line-height: 1.1; letter-spacing: -2px; padding: 0; font-weight: 600; }
.jq-ade-copy h1 > span { color: #92513e; }
.jq-ade-copy .jq-ade-lead { max-width: 470px; font-size: 16px; line-height: 1.85; padding: 0; margin-top: 26px; color: #514a44; }
.jq-ade-copy .jq-ade-promise { font-size: 13px; line-height: 1.8; padding: 0; margin-top: 16px; max-width: 410px; color: #68615b; }
.jq-ade-actions { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; margin-top: 28px; }
.jq-ade-actions .jq-btn { font-size: 12px; padding: 14px 20px; }
.jq-ade-text-link { font-size: 11px; font-weight: 600; display: inline-flex; gap: 10px; align-items: center; }
.jq-ade-text-link > span { font-size: 18px; color: #92513e; }
.jq-ade-copy .jq-ade-footnote { padding: 0; max-width: 410px; font-size: 10px; line-height: 1.8; color: #716960; margin-top: 25px; }
.jq-ade-figure { min-width: 0; margin: 0; }
.jq-ade-figure > figcaption { display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; border-bottom: 1px solid #eee8e3; }
.jq-ade-figure > figcaption > span:first-child { font-size: 9px; letter-spacing: 1.7px; color: #6e655d; font-weight: 600; }
.jq-ade-figure > figcaption > span:last-child { font-size: 24px; color: #b8684f; line-height: 1; }
.jq-ade-map { position: relative; height: 550px; width: 100%; isolation: isolate; scroll-margin-top: 90px; }
.jq-ade-connections { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; }
.jq-ade-connections path { fill: none; stroke: #c6bab0; stroke-width: 1.8; stroke-dasharray: 1 7; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.jq-ade-context-lines path { stroke: #9c9187; stroke-width: 2; }
.jq-ade-map[data-active="company"] .ade-path-company,
.jq-ade-map[data-active="sector"] .ade-path-sector,
.jq-ade-map[data-active="instruments"] .ade-path-instruments,
.jq-ade-map[data-active="decisions"] .ade-path-decisions { stroke: #a35943; stroke-width: 2.6; }
.jq-ade-node { position: absolute; transform: translate(-50%, -50%); text-align: left; font-family: var(--font); padding: 15px 17px; border: 1px solid #e3dbd4; border-radius: 9px; background: white; width: 174px; color: #24201e; cursor: pointer; box-shadow: 0 5px 20px #3d241908; transition: border-color .2s, box-shadow .2s; }
.jq-ade-node:hover { border-color: #bd998b; }
.jq-ade-node[aria-pressed="true"] { border-color: #a86a55; box-shadow: 0 4px 20px #72473410; }
.jq-ade-node-index { display: block; color: #766b62; font-size: 8px; letter-spacing: 1px; line-height: 1.5; }
.jq-ade-node > strong { display: block; font-size: 16px; line-height: 1.25; font-weight: 600; margin-top: 7px; letter-spacing: -.4px; }
.jq-ade-node > span:last-child { display: block; font-size: 9px; line-height: 1.6; color: #71665c; margin-top: 7px; }
.node-company { left: 50%; top: 20%; width: 195px; }
.node-sector { left: 17%; top: 43%; }
.node-instruments { left: 83%; top: 43%; }
.node-decisions { left: 50%; top: 76%; width: 205px; }
.jq-ade-hub { position: absolute; left: 50%; top: 49%; transform: translate(-50%, -50%); width: 116px; height: 116px; background: #fff; border: 1px solid #d5c4b8; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 0 0 9px white, 0 0 0 10px #f0ebe6; }
.jq-ade-hub-mark { font-size: 21px; line-height: 1; color: #a45e46; }
.jq-ade-hub > strong { font-size: 25px; font-weight: 600; letter-spacing: -1px; margin-block: 2px; }
.jq-ade-hub > span:last-child { font-size: 8px; line-height: 1.5; text-align: center; color: #6c6057; }
.jq-ade-capital { position: absolute; transform: translate(-50%, -50%); font-size: 10px; line-height: 1.5; color: #71675d; text-align: center; padding: 7px 10px; background: white; min-width: 80px; }
.jq-ade-capital strong { font-weight: 500; color: #4c433b; }
.jq-ade-capital i { display: block; width: 6px; height: 6px; margin: 0 auto 7px; border-radius: 50%; background: #c58c6f; }
.capital-intellectual { left: 16%; top: 9%; }.capital-technology { left: 84%; top: 9%; }
.capital-financial { left: 14%; top: 78%; }.capital-human { left: 86%; top: 78%; }
.capital-relational { left: 50%; top: 94%; min-width: 125px; }
.capital-technology i { background: #648383; }.capital-financial i { background: #b69a58; }
.capital-human i { background: #967d83; }.capital-relational i { background: #7c886b; }
.jq-ade-description { padding: 19px 20px; background: #faf8f6; border: 1px solid #eee7e1; border-radius: 8px; min-height: 112px; }
.jq-ade-description > strong { font-size: 12px; font-weight: 600; color: #46372d; }
.jq-ade-description > p { font-size: 11px; line-height: 1.8; color: #6d6258; margin-top: 6px; padding: 0; }
.jq-ade-map-hint { font-size: 9px; color: #71675d; padding: 0; margin-top: 10px; text-align: center; }
.jq-ade-mobile-lines { display: none; }
@media (max-width: 1150px) {
  .jq-ade-layout { gap: 35px; grid-template-columns: 1fr 1.1fr; }
  .jq-ade-copy h1 { font-size: 45px; }
  .jq-ade-node { width: 145px; padding: 13px; }
  .jq-ade-node > strong { font-size: 14px; }
  .node-company { width: 175px; }.node-decisions { width: 180px; }
  .jq-ade-hub { width: 100px; height: 100px; }
}
@media (max-width: 900px) {
  .jq-hero-comparison { padding: 12px 24px; }
  .jq-hero-comparison > span { display: none; }
  .jq-hero-comparison > div { margin-left: auto; }
  .jq-ade-hero { padding: 44px 24px 54px; }
  .jq-ade-layout { grid-template-columns: 1fr; gap: 45px; max-width: 650px; }
  .jq-ade-copy h1 { font-size: clamp(40px, 7vw, 56px); }
  .jq-ade-copy h1 br { display: none; }
  .jq-ade-copy h1 > span { display: block; }
  .jq-ade-copy .jq-ade-lead { max-width: 560px; }
  .jq-ade-figure { width: 100%; }
  .jq-ade-node { width: 174px; }.node-company { width: 195px; }.node-decisions { width: 205px; }
  .jq-ade-hub { width: 116px; height: 116px; }
}
@media (max-width: 500px) {
  .jq-hero-comparison { padding-inline: 18px; }
  .jq-hero-comparison > div { width: 100%; }
  .jq-hero-comparison button { flex: 1; padding: 8px 10px; font-size: 10px; }
  .jq-ade-hero { padding-inline: 20px; }
  .jq-ade-eyebrow { font-size: 8px; letter-spacing: 1.2px; margin-bottom: 20px; }
  .jq-ade-copy h1 { font-size: 41px; letter-spacing: -1.3px; }
  .jq-ade-copy .jq-ade-lead { font-size: 15px; }
  .jq-ade-copy .jq-ade-promise { font-size: 12px; }
  .jq-ade-actions { gap: 18px; }
  .jq-ade-actions .jq-btn { width: 100%; text-align: center; }
  .jq-ade-figure > figcaption > span:first-child { font-size: 8px; letter-spacing: 1px; }
  .jq-ade-map { height: 600px; }
  .jq-ade-desktop-lines { display: none; }.jq-ade-mobile-lines { display: initial; }
  .jq-ade-node { width: 125px; padding: 12px; }
  .jq-ade-node > strong { font-size: 14px; }
  .jq-ade-node > span:last-child { font-size: 9px; }
  .node-company { left: 50%; top: 18%; width: 180px; }
  .node-sector { left: 19%; top: 38%; }
  .node-instruments { left: 81%; top: 62%; }
  .node-decisions { left: 50%; top: 82%; width: 190px; }
  .jq-ade-hub { top: 46%; width: 92px; height: 92px; }
  .jq-ade-hub > strong { font-size: 21px; }
  .jq-ade-hub-mark { font-size: 16px; }
  .jq-ade-hub > span:last-child { font-size: 7px; }
  .capital-intellectual { left: 20%; top: 4%; }.capital-technology { left: 80%; top: 4%; }
  .capital-financial { left: 20%; top: 62%; }.capital-human { left: 80%; top: 38%; }
  .capital-relational { top: 97%; }
  .jq-ade-capital { font-size: 9px; }
}
@media (max-width: 350px) {
  .jq-ade-copy h1 { font-size: 36px; }
  .jq-ade-node { width: 122px; padding: 10px; }
  .jq-ade-node > strong { font-size: 13px; }
  .jq-ade-node-index { font-size: 7px; }
  .jq-ade-hub { width: 80px; height: 80px; }
  .node-company { width: 170px; }.node-decisions { width: 180px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .jq-ade-node { transition: none; }
}