.industry-journey { padding-block: var(--major-section-padding); background: var(--color-white); }
.industry-journey__intro .section-eyebrow { margin: 0 0 14px; }
.industry-journey__intro h2 { margin: 0; color: var(--color-ink); font-size: var(--section-title-size); font-weight: 900; line-height: 1.1; }
.industry-journey__intro > .body-copy { margin: 19px 0 0; color: var(--color-muted); font-size: .94rem; line-height: 1.7; }
.industry-journey__flow { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 24px; margin: 38px 0 0; padding: 0; list-style: none; }
.industry-journey__stage { position: relative; min-width: 0; cursor: default; --journey-color: var(--color-primary-blue); --journey-tint: rgb(19 40 126 / 8%); }
.industry-journey__stage--marketing, .industry-journey__stage--outcome { --journey-color: #287B0B; --journey-tint: rgb(71 191 28 / 10%); }
.industry-journey__stage--crm { --journey-color: #A82F00; --journey-tint: rgb(255 72 0 / 8%); }
.industry-journey__marker { position: relative; display: grid; place-items: center; width: 64px; height: 64px; border-radius: var(--radius-default); color: var(--journey-color); background: var(--journey-tint); }
.industry-journey__marker svg { width: 29px; height: 29px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.industry-journey__marker span { position: absolute; right: -7px; bottom: -7px; padding: 4px 5px; border: 2px solid var(--color-white); border-radius: 5px; color: var(--journey-color); background: var(--color-white); font: 800 .72rem/1 var(--font-body); }
.industry-journey__connector { position: absolute; top: 31px; left: 80px; width: calc(100% - 72px); height: 2px; background: var(--color-border); }
.industry-journey__connector::after { content: ""; position: absolute; right: 0; top: -3px; width: 7px; height: 7px; border-top: 2px solid var(--color-primary-blue); border-right: 2px solid var(--color-primary-blue); transform: rotate(45deg); }
.industry-journey__content h3 { margin: 25px 0 13px; color: var(--color-ink); font: 800 1.12rem/1.3 var(--font-heading); }
.industry-journey__content p { margin: 0; color: var(--color-muted); font-size: .88rem; line-height: 1.65; text-align: left; }
.industry-journey--project-sales .industry-journey__stage--marketing,
.industry-journey--project-sales .industry-journey__stage--outcome { --journey-color: var(--color-ink); --journey-tint: color-mix(in srgb, var(--color-green) 10%, var(--color-white)); }
.industry-journey--project-sales .industry-journey__stage--crm { --journey-color: var(--color-ink); --journey-tint: color-mix(in srgb, var(--color-primary-orange) 8%, var(--color-white)); }
@media (max-width: 1100px) {
  .industry-journey__flow { grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 30px; }
  .industry-journey__stage { display: grid; grid-template-columns: 64px minmax(0, 1fr); column-gap: 24px; padding-bottom: 30px; }
  .industry-journey__stage:last-child { padding-bottom: 0; }
  .industry-journey__content h3 { margin: 2px 0 10px; }
  .industry-journey__connector { top: 78px; left: 31px; width: 2px; height: calc(100% - 92px); }
  .industry-journey__connector::after { right: -3px; top: auto; bottom: 0; transform: rotate(135deg); }
}
@media (max-width: 640px) {
  .industry-journey__intro h2 { font-size: var(--section-title-size-mobile); }
  .industry-journey__intro > .body-copy { font-size: .9rem; line-height: 1.65; }
  .industry-journey__stage { grid-template-columns: 50px minmax(0, 1fr); column-gap: 18px; }
  .industry-journey__marker { width: 50px; height: 50px; }
  .industry-journey__marker svg { width: 25px; height: 25px; }
  .industry-journey__connector { left: 24px; top: 64px; height: calc(100% - 78px); }
}