/* Blend the existing product sections into the approved Untilted art direction. */

.hero-availability {
  margin: 29px 0 0;
  color: #a6c5df;
  font: 500 10px 'DM Mono', ui-monospace, monospace;
  letter-spacing: .09em;
}
.hero-availability span { color: #6bb5fc; padding: 0 9px; }

.psychology,
.workspace,
.learning { background: #edf4fb; }
.psychology h2,
.workspace h2,
.learning h2 { color: #10233a; }
.psychology h2 em,
.workspace h2 em,
.learning h2 em { color: #327fca; }
.psychology-copy p,
.workspace .section-heading > p,
.learning p { color: #425b73; }
.psychology .section-label,
.workspace .section-label,
.learning .section-label { color: #2878bd; }

.feature,
.coach-stage,
.coach-controls,
.lab-screen,
.lab-panel,
.lesson-stack > div,
.download-poster,
.guide-preview { border-radius: 24px; overflow: hidden; }
.feature { box-shadow: 0 22px 55px rgba(22, 56, 90, .09); }
.feature-large { background: #102238; color: #fff; }
.feature:not(.feature-large) { background: #fff; }
.feature:not(.feature-large) p { color: #4a6278; }
.coach-choice { transition: background .2s, transform .2s; }
.coach-choice:hover { transform: translateX(3px); }
.lab-panel select { border-radius: 10px; }
.download-links .button { border-radius: 100px; }
.guide-preview { box-shadow: 0 28px 75px rgba(0, 0, 0, .22); }
.guide-actions .button { border-radius: 100px; }
.closing { border-top: 1px solid rgba(184, 218, 248, .2); }

@media (max-width: 760px) {
  .hero-availability { font-size: 8px; line-height: 1.8; }
  .coach-choice:hover { transform: none; }
}