/* ==========================================================================
   /brand-intelligence — merged page (Perception = narrative, Accuracy = truth, Knowledge = memory).
   Loaded after narrative.css, truth.css and memory-frame.css; only the seams between the three blocks live here.
   ========================================================================== */

/* sticky sub-feature nav sits right under the hero */
.bi .ft-subnav { margin-top: 0; }
.bi .ft-subhead { scroll-margin-top: 120px; }
.bi section[id] { scroll-margin-top: 110px; }

/* the first section of each block follows a .ft-subhead, so it does not need its own top padding */
.bi .ft-subhead + .nv-why-sec { padding-top: 32px; }

/* Accuracy intro: the fact-check window from the old hero, in a hero-style grid under the sub-feature heading */
.bi-intro { padding: 32px 0 48px; }
.bi-intro .vx-hero-copy { padding-top: 24px; }
.bi-intro .vx-hero-copy h2 { margin-top: 0; font-size: clamp(30px, 3.4vw, 42px); font-weight: 500; line-height: 1.08; letter-spacing: -0.035em; max-width: 520px; }
.bi-intro .vx-hero-copy > p { margin-top: 18px; max-width: 460px; font-size: 16px; color: var(--fg-2); }
.bi-intro .vx-hero-copy .eyebrow { margin-bottom: 14px; }
.bi-intro .vx-hero-facts { margin-top: 30px; }

/* Knowledge intro: copy + the fact-group deck */
.bi-know { padding: 32px 0 0; overflow: hidden; }
.bi-know-copy { max-width: 640px; }
.bi-know-copy h2 { font-size: clamp(30px, 3.6vw, 44px); font-weight: 500; line-height: 1.1; letter-spacing: -0.04em; }
.bi-know-copy p { margin-top: 20px; max-width: 600px; font-size: 16px; color: var(--fg-2); }
.bi-know-copy .eyebrow { color: var(--fl-a, #01c2e1); }
.bi-know .cx-deck { margin-top: 48px; }
.bi-know-rows { padding-top: 48px; }

/* the three blocks share one page, so the two legend palettes must not leak into each other */
.bi .nv-reader .ax-qx-legend i.win { background: var(--s-pos); }
.bi .tr-claims .ax-qx-legend i.win { background: var(--t-ok); }
.bi .tr-claims .ax-qx-legend i.warn { background: var(--t-warn); }
.bi .tr-claims .ax-qx-legend i.none { background: transparent; box-shadow: inset 0 0 0 1px var(--t-none); }

@media (max-width: 1100px) {
  .bi-intro .vx-hero-grid { grid-template-columns: 1fr; }
  .bi-intro .vx-hero-copy { padding-top: 0; }
}
@media (max-width: 860px) {
  .bi .ft-subhead { padding-top: 64px; flex-wrap: wrap; }
  .bi-know .cx-deck { margin-top: 28px; }
}