.journey-home {
  color: #eef7f8;
}

.journey-home-intro h2 {
  color: #ffffff;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.24);
}

.journey-home-intro > div:last-child p {
  color: #d7e5e7;
  font-size: 1.08rem;
  font-weight: 500;
  line-height: 1.9;
}

.journey-home-intro > div:last-child a {
  color: #78e1a9;
  font-size: 0.96rem;
}

.journey-step {
  min-height: 126px;
  padding: 0.8rem;
  border-color: rgba(255, 255, 255, 0.17);
  background: linear-gradient(150deg, #0d3342 0%, #071f2a 100%);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.25);
}

.journey-step:nth-child(7) {
  border-top-color: #efd37c;
}

.journey-step:hover,
.journey-step:focus-visible {
  border-color: #63d99a;
  background: linear-gradient(150deg, #124252 0%, #092b35 100%);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.36);
}

.journey-step > span {
  color: #b7ccd0;
  font-size: 0.72rem;
  font-weight: 700;
}

.journey-step > small {
  color: #7de2aa;
  font-size: 0.68rem;
  font-weight: 800;
}

.journey-step > strong {
  margin-top: 1.05rem;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.55;
}

.journey-step > em {
  color: #c9dade;
  font-size: 0.82rem;
  font-weight: 500;
  line-height: 1.65;
}

@media (max-width: 760px) {
  .journey-home-intro > div:last-child p {
    font-size: 1rem;
  }

  .journey-step {
    flex-basis: 190px;
    min-height: 142px;
  }
}