/* AYNELO download, calm family direction */
body.download-page{
  min-height:100vh;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",Inter,"Segoe UI",sans-serif;
  color:#27313e;
  background:
    radial-gradient(circle at 12% 8%,rgba(235,231,255,.72),transparent 30rem),
    radial-gradient(circle at 88% 14%,rgba(255,229,216,.58),transparent 30rem),
    #faf9f6;
  -webkit-font-smoothing:antialiased;
}

.download-shell{
  width:min(1080px,calc(100% - 40px));
  gap:58px;
  padding:58px 0;
}

.download-copy{
  padding-top:0;
}

.download-page .brand{
  color:#303946;
}

.download-page .brand small{
  color:#969aa1;
}

.download-page .eyebrow{
  margin-top:72px;
  color:#8084aa;
  font-size:10.5px;
  letter-spacing:.1em;
  font-weight:760;
}

.download-copy h1{
  margin:12px 0 18px;
  max-width:560px;
  color:#293340;
  font-size:clamp(48px,5.7vw,70px);
  line-height:1;
  letter-spacing:-.052em;
  font-weight:760;
}

.download-copy>p{
  max-width:600px;
  color:#747c87;
  font-size:15px;
  line-height:1.65;
}

.download-stores{
  gap:10px;
  margin-top:28px;
}

.download-store{
  min-height:68px;
  border:1px solid #e5e2dd;
  border-radius:18px;
  background:#303946;
  box-shadow:0 10px 24px rgba(41,47,57,.10);
}

.download-store.disabled{
  opacity:.44;
}

.download-web{
  min-height:46px;
  padding:0 17px;
  border-radius:999px;
  background:#29394e;
  color:#fff;
  font-size:12px;
  font-weight:720;
  box-shadow:0 9px 22px rgba(41,57,78,.14);
}

.download-meta{
  margin-top:28px;
  padding:16px;
  border-color:#e8e5e0;
  border-radius:22px;
  background:rgba(255,255,255,.82);
}

.download-meta b{
  color:#313a47;
}

.download-meta span{
  color:#7d8590;
}

.download-operator{
  color:#969aa1;
  font-size:9px;
}

.download-back{
  color:#666fa6;
  font-weight:680;
}

.download-visual{
  min-height:590px;
}

.mobile-device{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.9),
    0 32px 70px rgba(37,42,50,.15),
    0 10px 24px rgba(37,42,50,.08);
}

.device-screen-head b,
.device-title b,
.device-event b{
  color:#313a47;
}

.device-screen-head small,
.device-screen-head span,
.device-title span,
.device-event small{
  color:#858b94;
}

.device-child-tabs span{
  background:#f7f6f3;
  color:#7b838e;
}

.device-child-tabs .active{
  background:#303f54;
  color:#fff;
}

.weather-card{
  background:#f4f5fb;
}

.device-event{
  border:1px solid #ebe8e3;
  border-radius:14px;
}

.device-event.blue{background:#f3f5fb}
.device-event.green{background:#f1f7f3}
.device-event.pink{background:#fff4f5}

.device-nav{
  border-top-color:#ece9e4;
  color:#7b838e;
}

.device-nav>b{
  background:#2c3b50;
}

.download-bubble{
  padding:10px 13px;
  border-color:#e8e5e0;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  color:#69727f;
  box-shadow:0 10px 26px rgba(41,47,57,.05);
  font-weight:680;
}

@media(max-width:900px){
  .download-shell{
    grid-template-columns:1fr;
    max-width:720px;
  }

  .download-page .eyebrow{
    margin-top:48px;
  }

  .download-visual{
    min-height:540px;
  }
}

@media(max-width:650px){
  .download-shell{
    width:min(100% - 28px,1080px);
    padding:30px 0 44px;
  }

  .download-page .eyebrow{
    margin-top:44px;
  }

  .download-copy h1{
    font-size:clamp(42px,12vw,56px);
  }

  .download-stores{
    grid-template-columns:1fr;
  }

  .download-web{
    width:100%;
    justify-content:center;
  }

  .download-meta{
    grid-template-columns:64px 1fr;
  }

  .download-visual{
    min-height:430px;
  }
}