/* 다운로드 안내 페이지: 그로우해빗 홈페이지 첫 화면(hp04)과 같은 구성 */
body.dl { min-height: 100vh; display: flex; flex-direction: column; }
.dl main { flex: 1; }
.hero { padding: clamp(20px, 2.5vw, 38px) 0 0; }
.hero .wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 362px); gap: 32px clamp(32px, 4.1vw, 63px); align-items: start; }
.hero-copy { padding-top: clamp(0px, 1.2vw, 18px); }
.hero-phone { justify-self: end; width: 100%; max-width: 362px; margin-top: calc(-1 * clamp(0px, .9vw, 14px)); }
.hero .stages { margin-top: clamp(16px, 1.4vw, 22px); width: 100%; }
.hero .stages li { padding: 0 clamp(1px, .2vw, 3px); }
.hero .stages li:last-child { position: relative; }
.hero .stages .spark { position: absolute; left: 50%; top: -8%; width: 46%; transform: translateX(-50%); }
:lang(en) .hero .h1 { font-size: clamp(40px, 5.4vw, 84px); }
.dl-footer { background: #3b2a1c; color: #e9dcc6; padding: 28px 0 calc(28px + env(safe-area-inset-bottom, 0px)); font-size: 14px; line-height: 1.7; }
.dl-footer .wrap { display: flex; flex-wrap: wrap; gap: 10px 28px; align-items: center; justify-content: space-between; }
.dl-links { display: flex; flex-wrap: wrap; gap: 6px 20px; }
.dl-links a { color: #fff6e6; text-decoration: none; }
.dl-links a:hover { text-decoration: underline; }
.dl-footer .copy { margin: 0; color: #cbb89d; }
@media (max-width: 860px) {
  .hero { padding-top: 28px; text-align: center; }
  .hero .wrap { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
  .hero .lead { margin-left: auto; margin-right: auto; }
  .hero .badges { justify-content: center; margin-top: 18px; }
  .hero-copy { display: contents; }
  .hero-copy > .stages { order: 3; }
  .hero-phone { order: 2; width: min(54%, 300px); margin-top: 26px; justify-self: center; }
  .hero .stages { margin-top: 18px; }
  .dl-footer .wrap { justify-content: center; text-align: center; }
  .dl-links { justify-content: center; }
}