/* The download page keeps the site's type, palette and CTAs. One real Android
   capture sits in a quiet machined bezel; no cropped board or invented app UI. */
.android-page .top { position: sticky; }
.android-hero { min-height: 0; padding: clamp(36px, 5vw, 72px) 0 clamp(44px, 6vw, 88px); }
.android-hero .wrap { display: grid; align-items: center; gap: clamp(32px, 5vw, 64px); }
.android-hero h1 { max-width: 13ch; font-size: clamp(48px, 6vw, 80px); }
.android-copy .ctas { margin-top: 28px; }
.android-requirements { max-width: 35ch; margin-top: 20px; color: var(--muted); font-size: 14px; line-height: 1.7; }
.android-preview { width: 100%; min-width: 0; }
.android-device { position: relative; padding: clamp(5px, .65vw, 9px); border-radius: clamp(18px, 2.5vw, 30px);
  background: #25262d; outline: 1px solid #f3f1ec24;
  box-shadow: inset 0 1px 0 #f3f1ec40, 0 2.8px 2.2px #00000009, 0 6.7px 5.3px #0000000c,
    0 12.5px 10px #0000000f, 0 22.3px 17.9px #00000012, 0 41.8px 33.4px #00000016, 0 100px 80px #0000001f; }
.android-device::before { content: ""; position: absolute; left: 17%; top: -3px; width: 9%; height: 3px;
  border-radius: 3px 3px 0 0; background: #494a52; }
.android-device img { display: block; width: 100%; height: auto; border-radius: clamp(13px, 1.85vw, 22px); background: #07070a; }
.install-steps { list-style: decimal; padding-left: 1.5em; margin-top: 24px; }
.install-steps li { padding: 8px 0; }
@media (min-width: 1040px) { .android-hero .wrap { grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); } }
@media (min-width: 760px) and (max-width: 959.98px) { .android-page .nav { gap: 16px; } }