/* Android app page of the company site. Self-contained so it reads well under any version of the site's own styles. */
.app-page{max-width:1080px;margin:0 auto;padding:32px 20px 64px;line-height:2}
.app-hero{padding:40px 0 28px;border-bottom:1px solid rgba(0,0,0,.12)}
.app-eyebrow{margin:0 0 8px;font-size:.9rem;opacity:.7}
.app-hero h1{margin:0 0 14px;font-size:clamp(1.9rem,5vw,3.2rem);line-height:1.5}
.app-hero p{max-width:640px;margin:0 0 20px}
.app-download{display:inline-block;padding:14px 28px;border-radius:999px;background:#111;color:#fff;font-weight:700;text-decoration:none}
.app-download:focus-visible,.app-second:focus-visible{outline:3px solid #f4b51c;outline-offset:3px}
.app-meta{margin:14px 0 0;font-size:.88rem;opacity:.75}
.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:32px 0}
.app-grid article{padding:22px;border:1px solid rgba(0,0,0,.14);border-radius:20px;background:rgba(255,255,255,.55)}
.app-grid h2,.app-steps h2,.app-notes h2{margin:0 0 12px;font-size:1.25rem}
.app-grid ul{margin:0;padding:0 20px 0 0}
.app-steps{padding:8px 0 28px}
.app-steps ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none;counter-reset:step}
.app-steps li{padding:18px;border-radius:18px;background:rgba(0,0,0,.05);counter-increment:step}
.app-steps h3{margin:0 0 6px;font-size:1.05rem}
.app-steps p{margin:0}
.app-notes{padding:8px 0 28px}
.app-notes h3{margin:18px 0 4px;font-size:1rem}
.app-notes p{margin:0;max-width:760px}
.app-hash{display:inline-block;direction:ltr;font-family:ui-monospace,monospace;font-size:.78rem;word-break:break-all}
.app-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding-top:20px;border-top:1px solid rgba(0,0,0,.12)}
.app-second{font-weight:700;color:inherit}