.showcase .hero-actions { gap:10px; align-items:center; }
.showcase .hero-actions .store-link,
.showcase .hero-actions .desktop-link {
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:55px; padding:13px 21px; border-radius:999px;
  font-size:14px; font-weight:700; text-decoration:none;
  box-shadow:none; transform:none;
}
.showcase .hero-actions .desktop-link {
  background:#fff; border:1px solid #cfd5df; color:#17191e;
}
.showcase .hero-actions .desktop-link:hover { border-color:#255bea; color:#255bea; }
.showcase .hero-actions .desktop-link img { width:21px; height:21px; }
.showcase .hero .store-note { margin-top:13px; }
.showcase .journey { padding-top:35px; }
.showcase .route-map { display:grid; gap:14px; margin-bottom:27px; }
.showcase .route-lane {
  display:grid; grid-template-columns:170px 1fr; align-items:center; gap:15px;
  padding:19px 22px; border:1px solid #e6e9ef; border-radius:16px;
}
.showcase .route-lane strong { font-size:15px; }
.showcase .route-lane ol { display:flex; flex-wrap:wrap; gap:7px; list-style:none; margin:0; padding:0; }
.showcase .route-lane li { display:inline-flex; align-items:center; gap:7px; color:#454b58; font-size:12px; font-weight:600; }
.showcase .route-lane li:not(:last-child)::after { content:'→'; color:#255bea; font-weight:700; margin-right:2px; }
.showcase .hero-stage { height:625px; }
.showcase .hero-phone {
  width:338px; height:590px; bottom:-10px;
  border-width:7px; border-radius:39px;
}
.showcase .hero-phone::before { display:none; }
.showcase .hero-phone img,
.showcase .feature-phone img,
.showcase .steps-phone img,
.showcase .download-phone img {
  position:absolute; inset:0; width:100%; height:100%; max-width:none;
  object-fit:contain; transform:none; filter:none; border-radius:0;
}
.showcase .feature-card { height:505px; }
.showcase .feature-phone {
  width:215px; height:371px; left:50%; right:auto; bottom:18px;
  transform:translateX(-50%); border-radius:34px;
  box-shadow:0 8px 20px #141b2620;
}
.showcase .feature-card:nth-child(2) .feature-phone,
.showcase .feature-card:nth-child(3) .feature-phone {
  left:50%; right:auto; bottom:18px; transform:translateX(-50%);
}
.showcase .feature-card .feature-phone .feature-image {
  position:absolute; inset:0; width:100%; height:100%; max-width:none;
  object-fit:contain; transform:none; border-radius:0; box-shadow:none;
}
.showcase .steps-visual { min-height:530px; }
.showcase .steps-phone { width:292px; height:512px; }
.showcase .download-phone { width:235px; height:407px; }
.showcase .journey-preview {
  display:flex; align-items:flex-start; justify-content:center; gap:40px;
  min-height:470px; padding:28px; border-radius:20px;
  background:#f1f0f5; overflow:hidden;
}
.showcase .journey-preview figure { margin:0; text-align:center; }
.showcase .journey-phone {
  width:220px; height:383px; overflow:hidden; border:6px solid #111318;
  border-radius:31px; background:#fff;
}
.showcase .journey-phone img { display:block; width:100%; height:100%; object-fit:fill; }
.showcase .journey-preview figcaption { margin-top:12px; font-size:13px; font-weight:700; }
@media(max-width:800px) {
  .showcase .feature-card { height:440px; }
  .showcase .feature-phone { width:170px; height:291px; bottom:16px; }
  .showcase .feature-card:nth-child(2) .feature-phone,
  .showcase .feature-card:nth-child(3) .feature-phone { bottom:16px; }
  .showcase .steps-phone { width:250px; height:436px; }
}
@media(max-width:700px) {
  .showcase .hero-actions { flex-direction:column; align-items:stretch; max-width:350px; margin-inline:auto; }
  .showcase .hero-actions .store-link,.showcase .hero-actions .desktop-link { width:100%; }
  .showcase .route-lane { display:block; padding:18px; }
  .showcase .route-lane ol { margin-top:12px; }
  .showcase .journey { padding-top:0; }
  .showcase .hero-stage { height:500px; }
  .showcase .hero-phone { width:270px; height:469px; }
  .showcase .feature-card { height:485px; }
  .showcase .feature-phone { width:205px; height:353px; bottom:16px; }
  .showcase .feature-card:nth-child(2) .feature-phone,
  .showcase .feature-card:nth-child(3) .feature-phone { bottom:16px; }
  .showcase .journey-preview { gap:13px; min-height:0; padding:20px 10px; }
  .showcase .journey-phone { width:min(40vw,190px); height:auto; aspect-ratio:1080 / 1920; border-width:4px; border-radius:22px; }
  .showcase .journey-preview figcaption { font-size:11px; }
}