/* App-led "what you receive" scene, adapted from the EightyGood page rhythm.
   All health values here are explicitly illustrative, never a personal record. */
.journey-results { gap: 5%; background: #fff; overflow: hidden; }
.journey-results-copy { position: relative; z-index: 1; }
.journey-results-copy h2 { text-wrap: balance; }
.journey-results-visual {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 700px;
  padding: 45px 0 50px;
  border-radius: 0;
  background: radial-gradient(ellipse at 48% 60%, #e9f1fa 0, #f7fbfb 41%, transparent 72%);
}
.journey-device {
  position: relative;
  z-index: 2;
  width: min(328px, 70%);
  padding: 10px;
  border: 4px solid #263533;
  border-radius: 48px;
  background: #172b29;
  box-shadow: 0 31px 75px rgba(22, 55, 48, .23), 0 0 0 2px #a4aca9;
  transform: rotate(-2deg);
}
.journey-device::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 13px;
  left: 50%;
  width: 84px;
  height: 21px;
  border-radius: 20px;
  background: #172b29;
  transform: translateX(-50%);
}
.journey-device__screen { min-height: 585px; overflow: hidden; border-radius: 36px; background: #f6faf7; color: #0d3023; }
.journey-device__status { display: flex; justify-content: space-between; padding: 17px 22px 13px; font-size: 11px; font-weight: 700; }
.journey-device__nav { display: flex; align-items: center; justify-content: space-between; padding: 10px 21px 16px; font-size: 23px; }
.journey-device__nav strong { font-size: 16px; letter-spacing: -.07em; }
.journey-device__nav strong span { color: #328553; }
.journey-device__content { padding: 12px 22px 31px; }
.journey-device__eyebrow { color: #24784c; font-size: 10px; font-weight: 800; letter-spacing: .13em; }
.journey-device h3 { margin: 12px 0 23px; font-size: 32px; line-height: 1.04; letter-spacing: -.065em; }
.journey-device__reading { padding: 20px 17px 18px; border: 1px solid #d4e5d9; border-radius: 15px; background: #fff; box-shadow: 0 9px 24px rgba(16, 57, 35, .06); }
.journey-device__reading small { color: #55836a; font-size: 9px; font-weight: 700; letter-spacing: .075em; }
.journey-device__reading > div:nth-of-type(1) { display: flex; align-items: baseline; gap: 6px; margin-top: 10px; }
.journey-device__reading > div:nth-of-type(1) strong { font-size: 55px; line-height: 1; letter-spacing: -.075em; }
.journey-device__reading > div:nth-of-type(1) span { color: #5b7162; font-size: 13px; }
.journey-device__reading p { margin: 9px 0 15px; color: #3d6851; font-size: 10px; line-height: 1.35; }
.journey-device__range { height: 7px; border-radius: 9px; background: linear-gradient(90deg, #d6e3eb 0 16%, #75dba0 16% 83%, #d6e3eb 83%); }
.journey-device__range i { display: block; position: relative; top: -4px; left: 52%; width: 15px; height: 15px; border: 3px solid #fff; border-radius: 50%; background: #167647; box-shadow: 0 1px 5px #508b64; }
.journey-device__limits { display: flex; justify-content: space-between; margin-top: 12px; color: #6c7b71; font-size: 8px; }
.journey-device__source { display: grid; grid-template-columns: auto 1fr; gap: 12px 9px; margin-top: 20px; padding: 16px; border: 1px solid #dcebe0; border-radius: 13px; background: #fff; }
.journey-device__source span { color: #648273; font-size: 9px; font-weight: 700; letter-spacing: .06em; }
.journey-device__source strong { font-size: 10px; font-weight: 700; text-align: right; }
.journey-float { position: absolute; z-index: 3; display: grid; gap: 6px; min-width: 185px; padding: 17px 20px; border: 1px solid #e3e9e6; border-radius: 13px; background: #fff; box-shadow: 0 16px 40px rgba(13, 51, 43, .12); }
.journey-float span { color: #628579; font-size: 10px; font-weight: 700; letter-spacing: .1em; }
.journey-float strong { font-size: 21px; font-weight: 600; letter-spacing: -.045em; }
.journey-float strong b { font-size: 30px; }
.journey-float small { color: #668176; font-size: 11px; }
.journey-float--blood { top: 24%; left: -2%; }
.journey-float--activity { right: -1%; bottom: 23%; }
.journey-results-visual__note { position: absolute; bottom: 0; color: #5c7066; font-size: 11px; text-align: center; }
@media (max-width: 950px) {
  .journey-results { gap: 20px; }
  .journey-results-visual { min-height: 650px; }
  .journey-float--blood { left: 11%; }
  .journey-float--activity { right: 10%; }
}
@media (max-width: 760px) {
  .journey-results-visual { min-height: 650px; margin-inline: -2%; }
  .journey-device { width: min(315px, 72%); }
  .journey-float { min-width: 125px; padding: 12px; }
  .journey-float strong { font-size: 15px; }
  .journey-float strong b { font-size: 21px; }
  .journey-float small { font-size: 9px; }
  .journey-float--blood { top: 24%; left: 0; }
  .journey-float--activity { right: 0; bottom: 22%; }
}
@media (max-width: 470px) {
  .journey-results-visual { min-height: 590px; }
  .journey-device { width: min(290px, 76%); transform: none; }
  .journey-device__screen { min-height: 550px; }
  .journey-device__content { padding-inline: 17px; }
  .journey-float--blood { top: 21%; left: -1%; }
  .journey-float--activity { right: -1%; bottom: 23%; }
}
@media (prefers-reduced-motion: reduce) {
  .journey-device { transform: none; }
}