.apps-page {
  min-height: 100vh;
  min-height: 100svh;
  background: radial-gradient(ellipse at top right, #10b98140, transparent 55%), linear-gradient(160deg, #064e3b, #022c22);
  color: #fff;
}
.apps-main {
  width: min(100%, 540px);
  margin: auto;
  padding: max(32px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));
  text-align: center;
}
.apps-brand { display: inline-flex; align-items: center; gap: 12px; color: #fff; text-decoration: none; font-size: 1.5rem; font-weight: 800; }
.apps-brand img { width: 52px; height: 52px; border-radius: 14px; }
.apps-eyebrow { margin: 32px 0 12px; color: #a7f3d0; font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.apps-main h1 { margin: 0; font-size: clamp(2.1rem, 8vw, 3.5rem); line-height: 1.08; letter-spacing: -.045em; }
.apps-intro { margin: 20px 0 28px; color: #d1fae5; font-size: 1rem; }
.apps-card { padding: clamp(20px, 5vw, 32px); border: 1px solid #ffffff30; border-radius: 24px; background: #fff; color: #111827; box-shadow: 0 20px 60px #0003; }
.apps-card h2 { margin: 0; font-size: 1.4rem; }
.apps-card > p { margin: 6px 0 22px; color: #4b5563; font-size: .875rem; }
.apps-stores { display: grid; gap: 12px; }
.apps-store { display: flex; gap: 16px; align-items: center; padding: 16px 20px; min-height: 96px; border: 1px solid #374151; border-radius: 14px; background: #111827; color: #fff; text-decoration: none; text-align: left; }
.apps-store:hover { background: #1f2937; }
.apps-store > svg { flex-shrink: 0; }
.apps-store small, .apps-store strong, .apps-device { display: block; }
.apps-store small { font-size: .7rem; }
.apps-store strong { font-size: 1.45rem; line-height: 1.3; }
.apps-device { margin-top: 3px; color: #d1d5db; font-size: .75rem; }
.apps-arrow { margin-left: auto; color: #a7f3d0; font-size: 1.35rem; }
.apps-card .apps-note { margin: 20px 0 0; font-size: .75rem; }
.apps-instagram { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; margin-top: 20px; color: #d1fae5; font-size: .875rem; text-decoration: none; }
.apps-instagram:hover, .apps-footer a:hover { text-decoration: underline; }
.apps-footer { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; margin-top: 12px; font-size: .75rem; }
.apps-footer a { display: inline-flex; align-items: center; min-height: 44px; color: #a7f3d0; }
.apps-footer > span { align-self: center; }
@media (min-width: 768px) { .apps-main { padding-top: 56px; } .apps-eyebrow { margin-top: 40px; } }
@media (max-width: 359px) { .apps-store { padding: 14px; gap: 12px; } .apps-store strong { font-size: 1.2rem; } }