.business-hero h1 {
  font-size:clamp(2.2rem,4.8vw,4.75rem);
  max-width:1160px;
}

.business-hero .hero-shade {
  background:linear-gradient(180deg,#020307 0%,#020307b3 24%,#02030759 45%,#02030700 70%,#020307a6 100%);
}

.business-cover {
  transform-origin:center bottom;
  animation:business-camera 24s ease-in-out infinite alternate;
  animation-play-state:paused;
}

.business-hero.is-moving .business-cover {
  animation-play-state:running;
}

@keyframes business-camera {
  from { transform:scale(1); }
  to { transform:scale(1.035); }
}

.business-stages {
  padding-bottom:26px;
}

.business-stages .chapter-track {
  background:linear-gradient(90deg,#ffffffb3,#8b8bff80);
}

.business-capabilities {
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.business-capabilities article {
  display:flex;
  flex-direction:column;
  min-width:0;
  padding-right:28px;
}

.business-capabilities article+article {
  padding-left:28px;
}

.business-capabilities h3 {
  font-size:1.3rem;
}

.business-capabilities .capability-diagram {
  width:100%;
  margin-top:auto;
  padding-top:28px;
  height:128px;
}

.business-workflow {
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  align-items:center;
  gap:56px;
}

.workflow-diagram {
  min-width:0;
  margin:0;
  padding:24px;
  border:1px solid #fff;
  border-radius:8px;
  background:#ffffffeb;
}

.workflow-diagram figcaption {
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-bottom:26px;
  color:#696f9d;
  font-size:.75rem;
}

.workflow-diagram figcaption span:first-child {
  font-family:var(--heading);
  color:var(--hyper);
  letter-spacing:.1em;
  text-transform:uppercase;
}

.workflow-stages {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  padding:0;
  margin:0;
  list-style:none;
}

.workflow-stages li {
  position:relative;
  min-width:0;
}

.workflow-stages li+li::before {
  content:'→';
  position:absolute;
  left:-16px;
  top:calc(50% + 20px);
  font-size:14px;
  color:var(--hyper);
}

.workflow-number {
  display:block;
  font-family:var(--mono);
  font-size:.7rem;
  margin-bottom:6px;
  color:#696f9d;
}

.workflow-stages h3 {
  min-height:2.7em;
  margin-bottom:12px;
  font-size:.8rem;
  line-height:1.35;
  letter-spacing:-.025em;
}

.workflow-stages svg {
  display:block;
  width:100%;
  height:auto;
}

@media(max-width:1100px) {
  .business-capabilities {
    grid-template-columns:repeat(2,minmax(0,1fr));
    row-gap:42px;
  }
  .business-capabilities article:nth-child(3) {
    border-left:0;
    padding-left:0;
  }
  .business-capabilities .capability-diagram {
    max-width:290px;
  }
  .business-workflow {
    grid-template-columns:1fr;
    gap:36px;
  }
  .business-workflow .network-copy>p:last-child {
    max-width:480px;
  }
  .workflow-stages h3 {
    min-height:0;
  }
}

@media(max-width:600px) {
  .business-hero h1 {
    font-size:clamp(2.1rem,7.2vw,3rem);
  }
  .business-stages {
    padding-bottom:22px;
  }
  .business-capabilities {
    grid-template-columns:minmax(0,1fr);
    gap:28px;
  }
  .business-capabilities article,.business-capabilities article+article {
    padding:0 0 28px;
    border-left:0;
  }
  .business-capabilities article:last-child {
    padding-bottom:0;
  }
  .workflow-diagram {
    padding:18px;
  }
  .workflow-diagram figcaption {
    align-items:flex-start;
    gap:18px;
    font-size:.7rem;
  }
  .workflow-diagram figcaption span:last-child {
    text-align:right;
  }
  .workflow-stages {
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:24px;
    row-gap:22px;
  }
  .workflow-stages li:nth-child(3)::before {
    content:none;
  }
  .workflow-stages li+li::before {
    left:-19px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .business-cover {
    animation:none;
  }
}