/* Five concise milestones along the vision curve. */
#s-flywheel .vision-map {
  position:relative;flex:0 0 560px;width:1620px;height:560px;
  align-self:center;margin-top:16px;
}
#s-flywheel .vision-curve {position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
#s-flywheel .vision-today {
  position:absolute;left:70px;top:428px;
  font:400 12px/1.4 var(--font-ui);letter-spacing:1.4px;
  text-transform:uppercase;color:#40f0ff;
}
#s-flywheel .vision-tile {
  position:absolute;left:var(--x);top:var(--y);transform:translateX(-50%);
  display:flex;align-items:center;justify-content:center;
  width:340px;height:112px;padding:22px 18px;
  border:1px solid color-mix(in srgb,var(--vision-color) 65%,transparent);
  border-radius:14px;background:var(--readable-purple-surface);
  box-shadow:inset 0 1px 0 #ffffff1a;
}
#s-flywheel .vision-tile h3 {
  margin:0;font:400 22px/1.35 var(--font-ui);letter-spacing:.6px;
  text-align:center;text-transform:uppercase;color:var(--vision-color);
}
#s-flywheel .vision-number {
  position:absolute;left:50%;top:0;transform:translate(-50%,-50%);
  display:grid;place-items:center;width:28px;height:28px;
  border:1px solid var(--vision-color);border-radius:50%;
  background:#0c081b;color:var(--vision-color);font:400 11px/1 var(--font-ui);
}

#s-flywheel .vision-destination {
  position:absolute;left:1380px;top:85px;width:240px;
  font:400 21px/1.4 var(--font-ui);letter-spacing:.6px;
  color:#f6f3fc;text-transform:uppercase;text-align:center;
}