/* Business Hub: concise, verified-scope consulting engagement page. */
.business-hub-engagement {
  min-width: 320px;
  overflow-x: clip;
  background: var(--color-surface);
}

.business-hub-engagement .desktop-nav.has-external-active .nav-signal { opacity: 0; }
.business-hub-engagement .desktop-nav a[aria-current] { color: var(--color-ink); }
.business-hub-engagement .desktop-nav a[aria-current]::after { transform: scaleX(1); }

.business-hub-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(4.75rem, 7vw, 6.75rem) 0 clamp(4.5rem, 7vw, 6.25rem);
  color: #f4f6f3;
  background: radial-gradient(circle at 82% 24%, rgba(var(--color-signal-rgb), .18), transparent 28rem), linear-gradient(145deg, var(--color-ink-soft), var(--color-ink) 72%);
}

.business-hub-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  width: min(48rem, 54vw);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(137, 213, 202, .68));
}

.business-hub-hero__grid {
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .11;
  pointer-events: none;
  background-image: linear-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .07) 1px, transparent 1px);
  background-size: clamp(4.5rem, 7vw, 7rem) clamp(4.5rem, 7vw, 7rem);
  -webkit-mask-image: linear-gradient(90deg, #000, rgba(0, 0, 0, .5) 72%, transparent);
  mask-image: linear-gradient(90deg, #000, rgba(0, 0, 0, .5) 72%, transparent);
}

.business-hub-hero__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(22rem, .72fr);
  gap: clamp(2.5rem, 7vw, 8rem);
  align-items: end;
}

.business-hub-hero .micro-label { grid-column: 1 / -1; color: #89d5ca; }
.business-hub-hero__title h1 {
  max-width: none;
  font-size: clamp(4.25rem, 7vw, 6.75rem);
  font-weight: 600;
  letter-spacing: -.065em;
  line-height: .98;
}
.business-hub-hero__title > p {
  margin-top: 1.35rem;
  color: rgba(244, 246, 243, .78);
  font-size: .875rem;
  font-weight: 600;
  letter-spacing: .045em;
  line-height: 1.55;
  text-transform: uppercase;
}
.business-hub-hero__summary > p {
  max-width: 39rem;
  color: rgba(244, 246, 243, .84);
  font-size: clamp(1rem, 1.2vw, 1.125rem);
  line-height: 1.72;
}
.business-hub-hero__summary dl { margin: clamp(1.75rem, 3.5vw, 2.75rem) 0 0; }
.business-hub-hero__summary dl > div { padding: 1.1rem 0 .15rem; border-top: 1px solid rgba(255, 255, 255, .2); }
.business-hub-hero__summary dt {
  color: #89d5ca;
  font-size: .8125rem;
  font-weight: 600;
  letter-spacing: .065em;
  line-height: 1.45;
  text-transform: uppercase;
}
.business-hub-hero__summary dd {
  margin: .55rem 0 0;
  color: #f4f6f3;
  font: 600 clamp(1rem, 1.35vw, 1.15rem)/1.45 var(--font-display);
  letter-spacing: -.02em;
}

.business-hub-section { padding: clamp(5rem, 8vw, 7.5rem) 0; }
.business-hub-section__layout {
  display: grid;
  grid-template-columns: minmax(10rem, .38fr) minmax(0, 1fr);
  gap: clamp(2rem, 9vw, 9rem);
}
.business-hub-section__content h2,
.business-hub-scope__header h2,
.business-hub-connected h2,
.business-hub-demonstrates h2 {
  max-width: 15ch;
  font-size: clamp(2.75rem, 4.65vw, 4.5rem);
  font-weight: 500;
  letter-spacing: -.052em;
  line-height: 1.02;
}
.business-hub-section__content > p,
.business-hub-scope__header > p,
.business-hub-connected__content > p:first-child,
.business-hub-demonstrates__statement > p:last-of-type {
  max-width: 45rem;
  margin-top: clamp(1.75rem, 3.5vw, 2.75rem);
  color: var(--color-text-muted);
  font-size: 1.0625rem;
  line-height: 1.72;
}

.business-hub-context {
  background: linear-gradient(90deg, rgba(var(--color-ink-rgb), .022) 1px, transparent 1px), var(--color-surface);
  background-size: clamp(5rem, 8vw, 8rem) 100%;
}
.business-hub-context .micro-label { padding-top: .45rem; }

.business-hub-scope { background: var(--color-paper); }
.business-hub-scope__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, .68fr);
  gap: clamp(2.5rem, 8vw, 8rem);
  align-items: end;
  margin-bottom: clamp(3.25rem, 6vw, 5rem);
}
.business-hub-scope__header h2 { margin-top: 1rem; }
.business-hub-scope__header > p { margin-top: 0; }
.business-hub-scope__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  border-top: 1px solid var(--color-line-strong);
}
.business-hub-scope__list > div {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(11rem, .82fr) minmax(0, 1fr);
  gap: 1.25rem;
  align-items: baseline;
  padding: 1.65rem 1.5rem 1.65rem 0;
  border-bottom: 1px solid var(--color-line);
}
.business-hub-scope__list > div:nth-child(even) { padding-right: 0; padding-left: 1.5rem; border-left: 1px solid var(--color-line); }
.business-hub-scope__list dt {
  display: flex;
  gap: .75rem;
  color: var(--color-ink);
  font-size: .8125rem;
  font-weight: 600;
  letter-spacing: .052em;
  line-height: 1.5;
  text-transform: uppercase;
}
.business-hub-scope__list dt span { flex: 0 0 auto; color: var(--color-signal-strong); }
.business-hub-scope__list dd { margin: 0; color: var(--color-text-muted); font-size: .9375rem; line-height: 1.58; }

.business-hub-connected {
  position: relative;
  overflow: hidden;
  color: #f4f6f3;
  background: radial-gradient(circle at 18% 78%, rgba(var(--color-signal-rgb), .12), transparent 25rem), linear-gradient(145deg, var(--color-ink-soft), var(--color-ink) 72%);
}
.business-hub-connected::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .09;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
  background-size: clamp(5rem, 8vw, 8rem) clamp(5rem, 8vw, 8rem);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 42%, #000);
  mask-image: linear-gradient(90deg, transparent, #000 42%, #000);
}
.business-hub-connected__layout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, .74fr);
  gap: clamp(3rem, 8vw, 8rem);
}
.business-hub-connected .micro-label { color: #89d5ca; }
.business-hub-connected h2 { margin-top: 1rem; }
.business-hub-connected__content > p:first-child { margin-top: 0; color: rgba(244, 246, 243, .82); }
.business-hub-connected__content ol {
  margin: clamp(2.25rem, 4vw, 3.5rem) 0 0;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, .22);
  list-style: none;
}
.business-hub-connected__content li {
  position: relative;
  min-height: 4.4rem;
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  align-items: center;
  gap: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
}
.business-hub-connected__content li:not(:last-child)::after {
  content: "↓";
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: -.65rem;
  width: 1.3rem;
  height: 1.3rem;
  display: grid;
  place-items: center;
  color: #89d5ca;
  background: var(--color-ink);
  font: 600 .75rem/1 var(--font-body);
}
.business-hub-connected__content li span { color: #89d5ca; font: 600 .8125rem/1 var(--font-body); }
.business-hub-connected__content li strong { color: #f4f6f3; font: 600 .9375rem/1.4 var(--font-display); letter-spacing: -.015em; }
.business-hub-connected__note {
  margin-top: 2rem;
  padding: 1rem 0 1rem 1.25rem;
  color: rgba(244, 246, 243, .72);
  border-left: 2px solid #89d5ca;
  font-size: .9375rem;
  line-height: 1.65;
}

.business-hub-demonstrates { background: var(--color-surface); }
.business-hub-demonstrates__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(19rem, .52fr);
  gap: clamp(3rem, 9vw, 9rem);
  align-items: start;
}
.business-hub-demonstrates h2 { margin-top: 1rem; }
.business-hub-demonstrates__note {
  max-width: 45rem;
  margin-top: 2rem;
  padding: 1rem 0 1rem 1.25rem;
  color: var(--color-text-muted);
  border-left: 2px solid var(--color-signal);
  font-size: .875rem;
  line-height: 1.6;
}
.business-hub-next { border-top: 1px solid var(--color-line-strong); }
.business-hub-next > p { padding: 1rem 0; color: var(--color-signal-strong); border-bottom: 1px solid var(--color-line); font-size: .8125rem; font-weight: 600; letter-spacing: .065em; }
.business-hub-next a {
  position: relative;
  min-height: 4.8rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-content: center;
  gap: .2rem 1rem;
  padding: .75rem 0;
  color: var(--color-ink);
  border-bottom: 1px solid var(--color-line);
  text-decoration: none;
  transition: padding var(--duration-medium) var(--ease-out), border-color var(--duration-fast);
}
.business-hub-next a span { color: var(--color-text-muted); font-size: .8125rem; font-weight: 600; letter-spacing: .035em; line-height: 1.35; }
.business-hub-next a strong { grid-column: 1; font: 600 1rem/1.4 var(--font-display); letter-spacing: -.018em; }
.business-hub-next a i {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  color: var(--color-signal-strong);
  font: normal 1.1rem/1 var(--font-display);
  transition: transform var(--duration-fast) var(--ease-out);
}
.business-hub-next a:hover,
.business-hub-next a:focus-visible { padding-left: .35rem; border-bottom-color: var(--color-line-strong); }
.business-hub-next a:hover i,
.business-hub-next a:focus-visible i { transform: translateX(2px); }

@media (max-width: 1024px) {
  .business-hub-hero__layout { grid-template-columns: minmax(0, 1fr) minmax(20rem, .8fr); gap: 3.5rem; }
  .business-hub-scope__list > div { grid-template-columns: 1fr; gap: .55rem; }
  .business-hub-connected__layout { gap: 4rem; }
}

@media (max-width: 900px) {
  .business-hub-hero__layout,
  .business-hub-section__layout,
  .business-hub-scope__header,
  .business-hub-connected__layout,
  .business-hub-demonstrates__layout { grid-template-columns: 1fr; }
  .business-hub-hero__layout { gap: 2rem; }
  .business-hub-hero .micro-label { grid-column: auto; }
  .business-hub-hero__summary > p { max-width: 45rem; }
  .business-hub-section__layout { gap: 1.5rem; }
  .business-hub-scope__header { gap: 1.75rem; }
  .business-hub-connected__layout,
  .business-hub-demonstrates__layout { gap: 3rem; }
  .business-hub-next { max-width: 43rem; }
}

@media (max-width: 640px) {
  .business-hub-hero { padding: 3.75rem 0 3.5rem; }
  .business-hub-hero__grid { opacity: .08; background-size: 4rem 4rem; }
  .business-hub-hero__title h1 { font-size: clamp(3rem, 14vw, 4rem); letter-spacing: -.058em; line-height: 1.01; }
  .business-hub-hero__title > p { margin-top: 1rem; font-size: .8125rem; letter-spacing: .035em; }
  .business-hub-hero__summary > p { font-size: 1rem; line-height: 1.65; }
  .business-hub-hero__summary dl { margin-top: 1.6rem; }
  .business-hub-section { padding: 4.75rem 0; }
  .business-hub-section__content h2,
  .business-hub-scope__header h2,
  .business-hub-connected h2,
  .business-hub-demonstrates h2 { max-width: 100%; font-size: clamp(2.15rem, 9.2vw, 2.65rem); letter-spacing: -.045em; line-height: 1.04; }
  .business-hub-section__content > p,
  .business-hub-scope__header > p,
  .business-hub-connected__content > p:first-child,
  .business-hub-demonstrates__statement > p:last-of-type { margin-top: 1.5rem; font-size: 1rem; line-height: 1.65; }
  .business-hub-scope__header { margin-bottom: 2.75rem; }
  .business-hub-scope__list { grid-template-columns: 1fr; }
  .business-hub-scope__list > div,
  .business-hub-scope__list > div:nth-child(even) { grid-template-columns: 1fr; gap: .45rem; padding: 1.35rem 0; border-left: 0; }
  .business-hub-scope__list dt { font-size: .8125rem; }
  .business-hub-scope__list dd { padding-left: 2rem; font-size: 1rem; }
  .business-hub-connected::before { opacity: .06; background-size: 4rem 4rem; }
  .business-hub-connected__layout,
  .business-hub-demonstrates__layout { gap: 2.75rem; }
  .business-hub-connected__content ol { margin-top: 2rem; }
  .business-hub-connected__content li { min-height: 4.15rem; }
  .business-hub-connected__note { margin-top: 1.75rem; padding-left: 1rem; font-size: .9375rem; }
  .business-hub-demonstrates__note { margin-top: 1.75rem; padding-left: 1rem; font-size: .875rem; }
  .business-hub-next a { min-height: 4.75rem; }
}

@media (prefers-reduced-motion: reduce) {
  .business-hub-engagement *,
  .business-hub-engagement *::before,
  .business-hub-engagement *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

@media (forced-colors: active) {
  .business-hub-scope__list,
  .business-hub-scope__list > div,
  .business-hub-connected__content ol,
  .business-hub-connected__content li,
  .business-hub-next,
  .business-hub-next a { border-color: CanvasText; }
}
