/* Journey Step: rounded card with a full-height directional notch and tip. */
.octopus-journey-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-component-lg);margin:0;padding:0;list-style:none}
.octopus-journey-step{--octopus-journey-tip-depth:16px;--octopus-journey-surface:var(--color-zinc-50);position:relative;box-sizing:border-box;min-width:0;width:calc(100% - var(--octopus-journey-tip-depth));min-height:225px;padding:28px 32px 28px 28px;border-radius:20px 0 0 20px;background:var(--octopus-journey-surface);color:var(--color-text-primary)}
.octopus-journey-step[data-journey-tone="action"]{--octopus-journey-surface:var(--color-orange-400)}
.octopus-journey-step[data-journey-tone="lime-50"]{--octopus-journey-surface:var(--color-orange-50);color:var(--color-zinc-950)}
.octopus-journey-step[data-journey-tone="lime-100"]{--octopus-journey-surface:var(--color-orange-100);color:var(--color-zinc-950)}
.octopus-journey-step[data-journey-tone="lime-200"]{--octopus-journey-surface:var(--color-orange-200);color:var(--color-zinc-950)}
.octopus-journey-step[data-journey-tone="lime-300"]{--octopus-journey-surface:var(--color-orange-300);color:var(--color-zinc-950)}
.octopus-journey-step[data-journey-tone="purple-50"]{--octopus-journey-surface:var(--color-purple-50);color:var(--color-zinc-950)}
.octopus-journey-step[data-journey-tone="purple-100"]{--octopus-journey-surface:var(--color-purple-100);color:var(--color-zinc-950)}
.octopus-journey-step[data-journey-tone="purple-200"]{--octopus-journey-surface:var(--color-purple-200);color:var(--color-zinc-950)}
.octopus-journey-step[data-journey-tone="purple-300"]{--octopus-journey-surface:var(--color-purple-300);color:var(--color-zinc-950)}
.octopus-journey-step[data-journey-tone="purple-400"]{--octopus-journey-surface:var(--color-purple-400);color:var(--color-white)}
.octopus-journey-step::before,.octopus-journey-step::after{content:"";position:absolute;top:0;height:100%;pointer-events:none;clip-path:polygon(0 0,100% 50%,0 100%)}
.octopus-journey-step::before{left:0;width:var(--octopus-journey-tip-depth);background:var(--octopus-journey-canvas,var(--color-white))}
.octopus-journey-step::after{right:calc(-1 * var(--octopus-journey-tip-depth));width:calc(var(--octopus-journey-tip-depth) + 1px);background:var(--octopus-journey-surface)}
/* Keep the straight arrowhead; only join its upper and lower roots to the card. */
@supports (clip-path:shape(from 0 0,line to 100% 50%,close)){
 .octopus-journey-step{
  width:100%;
  border-radius:0;
  clip-path:shape(
   from 20px 0,
   line to calc(100% - 28px) 0,
   curve to calc(100% - 16px) 12px with calc(100% - 18px) 0,
   line to 100% 50%,
   line to calc(100% - 16px) calc(100% - 12px),
   curve to calc(100% - 28px) 100% with calc(100% - 18px) 100%,
   line to 20px 100%,
   curve to 0 calc(100% - 20px) with 0 100%,
   line to 16px 50%,
   line to 0 20px,
   curve to 20px 0 with 0 0,
   close
  );
 }
 .octopus-journey-step::before,.octopus-journey-step::after{content:none}
}
.octopus-journey-step__number{display:block;margin-bottom:42px;font-size:13px;font-weight:800}
.octopus-journey-step__title{margin:0 0 10px;font-size:20px;line-height:1.2;letter-spacing:-.035em;white-space:pre-line;overflow-wrap:anywhere}
.octopus-journey-step__description{margin:0;color:var(--color-text-secondary);font-size:var(--type-body-secondary-size);line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}
.octopus-journey-step:is([data-journey-tone^="purple-"],[data-journey-tone^="lime-"]) .octopus-journey-step__description{color:inherit}
@media(max-width:1050px){.octopus-journey-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.octopus-journey-list{grid-template-columns:minmax(0,1fr)}.octopus-journey-step{min-height:190px}}