/* A short editorial story, not another multi-panel product demonstration. */
.business-context-page .context-story {
  padding-block: 26px var(--detail-space);
  scroll-margin-top: 116px;
}
.business-context-page .context-flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, .55fr) minmax(0, 1fr);
  align-items: center;
  margin: 48px 0 0;
  padding: clamp(28px, 4vw, 56px);
  border: 1px solid #e2dfe6;
  border-radius: 16px;
  background: linear-gradient(115deg, #fafaf9 35%, #f3eff8);
}
.business-context-page .context-flow h3 {
  font-size: clamp(21px, 1.8vw, 26px);
  line-height: 1.3;
  letter-spacing: -.025em;
}
.business-context-page .context-flow ul {
  display: grid;
  gap: 26px;
  padding: 0;
  margin: 28px 0 0;
  list-style: none;
}
.business-context-page .context-flow li {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: clamp(17px, 1.5vw, 20px);
  line-height: 1.5;
  color: #55505d;
}
.business-context-page .context-flow .icon { flex: 0 0 24px; color: var(--purple); }
.business-context-page .context-business-inputs { min-width: 0; }
.business-context-page .context-outcomes { padding-left: clamp(20px, 3vw, 42px); }
.business-context-page .context-outcomes li::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #9864c2;
  flex: 0 0 6px;
}
.business-context-page .context-connection-field { position: relative; height: 240px; }
.business-context-page .context-connections { width: 100%; height: 100%; fill: none; }
.business-context-page .context-connections path:not(.signal-motion-path) { stroke: #d4c4e3; stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.business-context-page .context-connections-mobile { display: none; }
.business-context-page .context-agent-mark {
  position: absolute;
  left: 50%;
  top: calc(50% + 32px);
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border: 1px solid #e0d5ea;
  border-radius: 50%;
  background: #fbf9fd;
  box-shadow: 0 6px 18px #382a4c08;
}
.business-context-page .context-agent-mark .preview-emblem { display: grid; place-items: center; width: 36px; height: 36px; }
.business-context-page .context-privacy {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
  padding-top: 26px;
}
.business-context-page .context-privacy > .icon { margin-top: 3px; color: #716c79; }
.business-context-page .context-privacy p {
  max-width: 760px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.65;
}
.business-context-page .context-privacy .text-link { margin-left: 30px; font-size: 16px; white-space: nowrap; }
.business-context-page .context-integrations { padding-bottom: var(--detail-space); scroll-margin-top: 116px; }
.business-context-page .context-integrations-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--detail-gap);
  padding: clamp(32px, 4vw, 56px);
  border: 1px solid #e3e1e5;
  border-radius: 16px;
  background: #f7f7f5;
}
.business-context-page .context-integrations h2 {
  font-size: clamp(30px, 2.8vw, 44px);
  line-height: 1.2;
  letter-spacing: -.04em;
}
.business-context-page .context-integrations h3 { font-size: 26px; line-height: 1.3; letter-spacing: -.025em; }
.business-context-page .context-integrations p { margin-top: 16px; font-size: 18px; line-height: 1.7; color: var(--muted); max-width: 530px; }

@media (max-width: 1000px) {
  .business-context-page .context-flow { grid-template-columns: minmax(0, 1fr) 115px minmax(0, 1fr); padding: 30px; }
  .business-context-page .context-flow li { gap: 10px; font-size: 17px; }
  .business-context-page .context-outcomes { padding-left: 20px; }
  .business-context-page .context-privacy { grid-template-columns: 24px minmax(0, 1fr); }
  .business-context-page .context-privacy .text-link { grid-column: 2; margin-left: 0; justify-self: start; }
}
@media (max-width: 700px) {
  .business-context-page .context-story { padding-top: 8px; }
  .business-context-page .context-flow { grid-template-columns: minmax(0, 1fr); margin-top: 32px; padding: 28px 24px; }
  .business-context-page .context-flow ul { gap: 18px; margin-top: 22px; }
  .business-context-page .context-connection-field { height: 140px; margin-block: 26px; }
  .business-context-page .context-connections-desktop { display: none; }
  .business-context-page .context-connections-mobile { display: block; }
  .business-context-page .context-agent-mark { top: 50%; }
  .business-context-page .context-outcomes { padding-left: 0; }
  .business-context-page .context-integrations-panel { grid-template-columns: minmax(0, 1fr); gap: 30px; padding: 30px 24px; }
  .business-context-page .context-integrations h3 { font-size: 24px; }
  .business-context-page .context-integrations p { font-size: 17px; }
}
@media (forced-colors: active) {
  .business-context-page .context-connections path:not(.signal-motion-path) { stroke: CanvasText; }
  .business-context-page .context-outcomes li::before { background: CanvasText; }
}