/* Early Access app download (added 18 Oct 2026). Self-contained; site.css untouched. */
.app-dl{margin:22px auto 0; max-width:420px; text-align:center; font-family:'Poppins',system-ui,sans-serif}
.btn-app{display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:13px 26px; border-radius:99px;
  font:600 .95rem/1.2 'Poppins',system-ui,sans-serif; letter-spacing:.02em; color:#fff; text-decoration:none;
  background:linear-gradient(135deg,#2E3A87 0%,#C8243C 60%,#F2A71B 100%);
  box-shadow:0 10px 28px rgba(200,36,60,.32), inset 0 0 0 1px rgba(255,255,255,.12); transition:transform .2s, box-shadow .2s}
.btn-app:hover,.btn-app:focus-visible{transform:translateY(-1px); box-shadow:0 14px 34px rgba(200,36,60,.42), 0 0 0 3px rgba(242,167,27,.35); outline:none}
.btn-app svg{width:20px; height:20px; flex:none; fill:currentColor}
.app-meta{margin:9px 0 0; font-size:.78rem; color:#cfcde3; letter-spacing:.03em}
.app-meta b{color:#F2A71B; font-weight:500}
.app-howto{margin:6px auto 0; max-width:380px; font-size:.7rem; line-height:1.55; color:#9a99b6}
.app-howto summary{cursor:pointer; color:#cfcde3; list-style:none; display:inline}
.app-howto summary::-webkit-details-marker{display:none}
.app-howto summary::after{content:" \25BE"; color:#F2A71B}
.app-howto[open] summary::after{content:" \25B4"}
.app-howto p{margin:6px 0 0}
.app-play:empty{display:none}
footer .app-dl-foot{margin:0 0 10px}
footer .btn-app{padding:9px 18px; font-size:.8rem; box-shadow:0 6px 18px rgba(200,36,60,.25)}
footer .btn-app svg{width:16px; height:16px}
footer .app-meta{margin-top:6px; font-size:.7rem; color:#9a99b6}
@media (max-width:480px){
  .app-dl{max-width:100%}
  .btn-app{width:100%; max-width:340px; padding:14px 18px}
  footer .btn-app{width:auto}
}

/* /app landing page */
.app-page-icon{width:96px;height:96px;margin:6px auto 14px;display:block;border-radius:22px;
  box-shadow:0 12px 32px rgba(200,36,60,.28),0 0 0 1px rgba(255,255,255,.08)}
.app-page-title{font-size:clamp(1.85rem,5.5vw,2.8rem); margin:0}
.app-page-sub{margin-top:8px; font-size:.95rem; color:var(--muted); font-weight:400; letter-spacing:.04em}
.app-page-dl{margin-top:26px; max-width:480px}
.btn-app-lg{padding:16px 28px; font-size:1.02rem}
.btn-app-lg svg{width:22px;height:22px}
.app-steps{max-width:520px}
.app-steps-list{margin:0; padding:0 0 0 1.15rem; color:#e3e2f0; font-size:.92rem; line-height:1.65; font-weight:300}
.app-steps-list li{margin:10px 0; padding-left:4px}
.app-steps-list b{color:#fff; font-weight:500}
.app-steps-note{margin:18px 0 0; padding:12px 14px; border-radius:12px; font-size:.82rem; line-height:1.55; color:#cfcde3;
  background:rgba(242,167,27,.08); border:1px solid rgba(242,167,27,.3)}
.app-play-badge{margin:18px auto 0; text-align:center}
.app-play-badge img{height:54px; width:auto; display:inline-block}
@media (max-width:480px){
  .app-page-icon{width:84px;height:84px;border-radius:18px}
  .btn-app-lg{width:100%; max-width:360px}
}