/* Two illustrative customer journeys; numbers indicate sequence, not results. */
.v4.page-home #measurement .outcome-diagram{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  padding:0;
  border:0;
  background:transparent;
}
.v4.page-home #measurement .outcome-heading{
  grid-column:1/-1;
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:16px;
  margin:0 0 2px;
  padding-bottom:16px;
  border-bottom:1px solid #cbd7d3;
  color:#172733;
  font-size:.8125rem;
  line-height:1.5;
  font-weight:500;
}
.v4.page-home #measurement .outcome-heading span:last-child{
  color:#52636b;
  font-size:.6875rem;
  font-weight:400;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.v4.page-home #measurement .outcome-lane,
.v4.page-home #measurement .outcome-lane+.outcome-lane{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  min-width:0;
  margin:0;
  padding:26px 28px 28px;
  border:1px solid #cbd7d3;
  border-top:3px solid #557b72;
  border-radius:4px;
  background:#f5f8f5;
}
.v4.page-home #measurement .outcome-lane:nth-of-type(2){
  border-top-color:#4d7986;
  background:#f1f6f6;
}
.v4.page-home #measurement .lane-heading .eyebrow{
  margin:0 0 6px;
  color:#3c6469;
  font-size:.6875rem;
  font-weight:500;
  letter-spacing:.11em;
}
.v4.page-home #measurement .lane-heading .lane-title{
  max-width:none;
  margin:0;
  font-size:1.25rem;
  line-height:1.4;
  font-weight:500;
  letter-spacing:-.025em;
}
.v4.page-home #measurement .outcome-route,
.v4.page-home #measurement .outcome-route.route-4{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  align-content:start;
  gap:15px;
  margin:24px 0 0;
  padding:0;
  list-style:none;
  counter-reset:stage;
  font-size:.875rem;
  line-height:1.45;
}
.v4.page-home #measurement .outcome-route::before{
  content:"";
  position:absolute;
  z-index:0;
  top:13px;
  bottom:13px;
  left:13px;
  width:1px;
  background:#9db8ae;
}
.v4.page-home #measurement .outcome-route li{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  align-items:center;
  gap:13px;
  min-height:28px;
  counter-increment:stage;
  font-weight:400;
  color:#2b424b;
}
.v4.page-home #measurement .outcome-route li::before{display:none}
.v4.page-home #measurement .event-dot{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  margin:0;
  border:1px solid #698d85;
  border-radius:50%;
  background:#f5f8f5;
  color:#315e5f;
}
.v4.page-home #measurement .outcome-lane:nth-of-type(2) .event-dot{background:#f1f6f6}
.v4.page-home #measurement .event-dot::after{
  content:counter(stage, decimal-leading-zero);
  font-size:.5625rem;
  line-height:1;
  font-weight:600;
  font-variant-numeric:tabular-nums;
}
.v4.page-home #measurement .outcome-route li:last-child{color:#172733;font-weight:600}
.v4.page-home #measurement .outcome-route li:last-child .event-dot,
.v4.page-home #measurement .outcome-lane:nth-of-type(2) .outcome-route li:last-child .event-dot{
  background:#173e42;
  border-color:#173e42;
  color:#f5f5ee;
}
.v4.page-home #measurement .diagram-note{
  grid-column:1/-1;
  max-width:90ch;
  margin:2px 0 0;
  padding:0;
  border:0;
  color:#52636b;
  font-size:.8125rem;
  line-height:1.75;
}
@media(max-width:700px){
  .v4.page-home #measurement .outcome-diagram{grid-template-columns:1fr;gap:16px}
  .v4.page-home #measurement .outcome-heading{flex-wrap:wrap;margin-bottom:0}
  .v4.page-home #measurement .outcome-lane,
  .v4.page-home #measurement .outcome-lane+.outcome-lane{padding:22px 20px 24px}
  .v4.page-home #measurement .outcome-route,
  .v4.page-home #measurement .outcome-route.route-4{gap:16px;margin-top:20px}
}
@media(forced-colors:active){
  .v4.page-home #measurement .outcome-lane,
  .v4.page-home #measurement .outcome-lane+.outcome-lane{background:Canvas;border-color:CanvasText}
  .v4.page-home #measurement .outcome-route::before{background:CanvasText}
  .v4.page-home #measurement .event-dot,
  .v4.page-home #measurement .outcome-route li:last-child .event-dot{background:Canvas;color:CanvasText;border-color:CanvasText}
}
@media print{
  .v4.page-home #measurement .outcome-lane,
  .v4.page-home #measurement .outcome-lane+.outcome-lane{background:#fff;border-color:#555;break-inside:avoid}
}