/* LADVI mobile installation page. */
.download-page .dl-main { padding-bottom: 84px; color: #2b344f; }
.download-page .dl-hero { padding: 84px 0 46px; text-align: center; }
.download-page .dl-eyebrow { margin: 0 0 23px; color: #7d83a5; font-size: 11px; font-weight: 700; letter-spacing: 2px; }
.download-page .dl-hero h1 { margin: 0; color: #303a56; font-size: clamp(42px, 5.4vw, 72px); font-weight: 650; letter-spacing: -3px; line-height: 1.09; }
.download-page .dl-hero h1 span { color: #7785b3; }
.download-page .dl-intro { max-width: 570px; margin: 25px auto 0; color: #7c849b; font-size: 16px; line-height: 1.8; }
.download-page .dl-free { display: inline-flex; align-items: center; gap: 9px; max-width: 100%; margin: 24px 0 0; padding: 10px 17px; border: 1px solid #dcebe2; border-radius: 100px; background: #edf6f0; color: #61836e; font-size: 12px; font-weight: 600; line-height: 1.6; }
.download-page .dl-platforms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.download-page .dl-card { min-width: 0; padding: 35px 36px 31px; border: 1px solid #e4e7f0; border-radius: 25px; background: #fff; box-shadow: 0 12px 40px #5a658607; }
.download-page .dl-android { background: linear-gradient(160deg, #f2f8f4 0%, #fff 52%); }
.download-page .dl-iphone { background: linear-gradient(160deg, #f0effb 0%, #fff 52%); }
.download-page .dl-card-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.download-page .dl-platform-label { color: #8a92a8; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; }
.download-page .dl-platform-icon { display: grid; width: 43px; height: 43px; place-items: center; border: 1px solid #e0e7e4; border-radius: 14px; background: #e8f1eb; color: #7b9b88; font-size: 24px; font-weight: 400; }
.download-page .dl-iphone .dl-platform-icon { border-color: #e3e0f2; background: #e9e6f8; color: #8a87b0; }
.download-page .dl-card h2 { margin: 0; color: #37415d; font-size: 25px; font-weight: 650; letter-spacing: -.7px; line-height: 1.3; }
.download-page .dl-card-description { min-height: 76px; margin: 15px 0 23px; color: #8790a5; font-size: 14px; line-height: 1.8; }
.download-page .dl-button { display: flex; align-items: center; justify-content: space-between; gap: 18px; width: 100%; min-height: 52px; padding: 14px 20px; border: 1px solid transparent; border-radius: 14px; font-size: 13px; font-weight: 600; line-height: 1.5; text-decoration: none; transition: background .15s, border-color .15s; }
.download-page .dl-button > span { flex: 0 0 auto; font-size: 18px; }
.download-page .dl-primary { border-color: #5869a4; background: #5869a4; color: #fff; }
.download-page .dl-primary:hover { border-color: #485a95; background: #485a95; color: #fff; }
.download-page .dl-secondary { border-color: #dedbf0; background: #f0edfb; color: #6f6a98; }
.download-page .dl-secondary:hover { border-color: #cec8e9; background: #e9e5f7; color: #5c5889; }
.download-page .dl-button:focus-visible, .download-page .dl-steps a:focus-visible { outline: 3px solid #9da8d0; outline-offset: 4px; }
.download-page .dl-steps { display: grid; gap: 21px; margin: 31px 0 0; padding: 0; counter-reset: dl-step; list-style: none; }
.download-page .dl-steps li { position: relative; min-height: 30px; margin: 0; padding-left: 39px; counter-increment: dl-step; }
.download-page .dl-steps li::before { content: counter(dl-step, decimal-leading-zero); position: absolute; top: 1px; left: 0; color: #abb1c3; font-size: 10px; font-weight: 600; letter-spacing: .7px; }
.download-page .dl-steps li > span { color: #66708b; font-size: 13px; font-weight: 650; }
.download-page .dl-steps p { margin: 7px 0 0; color: #929aaf; font-size: 12px; line-height: 1.8; }
.download-page .dl-steps a { color: #7584b2; text-decoration: underline; text-decoration-color: #d5dbea; text-underline-offset: 3px; }
.download-page .dl-bottom { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 27px; padding: 27px 32px; border: 1px solid #e7e9f2; border-radius: 20px; background: #f7f8fc; }
.download-page .dl-bottom h2 { margin: 0; color: #727c96; font-size: 17px; font-weight: 600; letter-spacing: -.3px; }
.download-page .dl-bottom p { max-width: 610px; margin: 9px 0 0; color: #949caf; font-size: 12px; line-height: 1.8; }
.download-page .dl-browser { flex: 0 0 auto; width: auto; min-width: 185px; border-color: #e0e4ef; background: #fff; color: #7b86a6; }
.download-page .dl-browser:hover { border-color: #cfd6e7; background: #f1f4fb; color: #667495; }
@media (max-width: 900px) {
  .download-page .dl-card { padding: 28px 25px; }
  .download-page .dl-card h2 { font-size: 23px; }
  .download-page .dl-bottom { align-items: flex-start; padding: 25px; }
}
@media (max-width: 680px) {
  .download-page .dl-main { padding-bottom: 45px; }
  .download-page .dl-hero { padding: 48px 0 33px; }
  .download-page .dl-eyebrow { margin-bottom: 20px; font-size: 10px; }
  .download-page .dl-hero h1 { font-size: 43px; letter-spacing: -1.8px; }
  .download-page .dl-intro { max-width: 420px; margin-top: 20px; font-size: 14px; }
  .download-page .dl-free { padding: 9px 13px; font-size: 11px; }
  .download-page .dl-platforms { grid-template-columns: minmax(0, 1fr); gap: 17px; }
  .download-page .dl-card { padding: 25px 23px; border-radius: 21px; }
  .download-page .dl-card-top { margin-bottom: 19px; }
  .download-page .dl-card-description { min-height: 0; margin: 13px 0 21px; }
  .download-page .dl-button { min-height: 51px; padding: 13px 17px; }
  .download-page .dl-bottom { flex-direction: column; align-items: stretch; gap: 20px; margin-top: 19px; padding: 24px; }
  .download-page .dl-browser { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .download-page .dl-button { transition: none; } }