.pilot-note,
.preview-heading,
.preview-steps small,
.preview-caption,
.section-heading .eyebrow,
.number,
footer p,
footer small {
  color: #4d5d62;
}

.safe-contact {
  color: #4d5d62 !important;
  font-size: 12px !important;
  margin-top: 12px !important;
}

.app-only {
  display: none;
}

html.app-host .homepage-only {
  display: none !important;
}

html.app-host .app-only.app-access-header,
html.app-host .app-only.app-access-footer {
  display: flex;
}

html.app-host .app-only.app-access-main {
  display: grid;
}

.app-access-header {
  border-bottom: 1px solid var(--line);
}

.app-access-main {
  min-height: calc(100vh - 214px);
  place-items: center;
  padding: 64px 23px;
}

.app-access-card {
  width: min(720px, 100%);
  padding: clamp(30px, 6vw, 64px);
  border: 1px solid #d4ddd8;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 24px 70px #142a3214;
}

.app-access-card h1 {
  max-width: 620px;
  font-size: clamp(40px, 6vw, 60px);
}

.app-access-intro {
  max-width: 610px;
  margin-top: 26px;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.75;
}

.app-access-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 32px;
}

.app-access-footer {
  min-height: 108px;
}

@media (max-width: 760px) {
  .app-access-header {
    display: flex;
  }

  .app-access-main {
    min-height: calc(100vh - 196px);
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .app-access-card {
    padding: 32px 23px;
  }

  .app-access-card h1 {
    font-size: 42px;
  }

  .app-access-footer {
    min-height: 108px;
  }
}

@media (max-width: 420px) {
  .workflow-preview {
    padding-left: 12px;
    padding-right: 12px;
  }

  .preview-body {
    padding-left: 12px;
    padding-right: 12px;
  }

  .route {
    gap: 4px;
  }

  .route-point {
    height: 23px;
    width: 23px;
  }

  .route > div:not(.route-line) {
    flex: 1;
    min-width: 0;
  }

  .route small {
    line-height: 1.25;
    white-space: normal;
  }

  .route strong {
    font-size: 10px;
  }
}