/* Animated App Store / Google Play badges (OutMyWindow Lotties), disabled and marked Coming soon. */
.store-buttons { display:flex; flex-wrap:wrap; gap:14px 16px; align-items:flex-start; }
.store-badge { position:relative; display:grid; justify-items:start; gap:8px; }
.store-badge-button { position:relative; display:block; width:228px; aspect-ratio:450/200; padding:0; border:0; border-radius:0; background:transparent; color:#fff; overflow:visible; cursor:default; box-shadow:none; }
/* The static badge shows before the animation loads, without JavaScript, and if Lottie fails. */
.store-badge-static { position:absolute; inset:23% 9.55%; border-radius:12px; background:#000; display:flex; align-items:center; gap:10px; padding:0 18px; text-align:left; }
.store-badge-static svg { width:28px; height:28px; flex:none; fill:currentColor; }
.store-badge-static span { display:grid; line-height:1.1; }
.store-badge-static small { font-size:11px; font-weight:500; }
.store-badge-static strong { font-size:18px; font-weight:600; white-space:nowrap; letter-spacing:-.01em; }
/* Render the complete original 450×200 canvas, including its own badge edge and outline. */
.store-badge-animation { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.store-badge-animation svg { display:block; }
.store-badge-button.is-animated .store-badge-static { visibility:hidden; }
.store-badge-button.is-animated { background:transparent; box-shadow:none; }
.store-badge-soon { display:inline-flex; align-items:center; gap:6px; min-height:24px; padding:3px 10px; border-radius:999px; background:var(--field-teal-tint); color:var(--field-dark); font-size:12px; font-weight:700; letter-spacing:.01em; }
.store-badge-soon::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--field-teal); }
.store-note { margin:14px 0 0; color:var(--marketing-muted); font-size:13px; }
.hero .store-note, .download-section .store-note { color:#a6bfbe; }
.hero .store-badge-soon, .download-section .store-badge-soon { background:#153d46; color:#fff; }
.hero .store-badge-soon::before, .download-section .store-badge-soon::before { background:var(--field-teal-light); }
@media (max-width:420px) {
  .store-buttons { gap:12px; }
  .store-badge-button { width:calc(50vw - 28px); }
  .store-badge-static { gap:5px; padding:0 8px; }
  .store-badge-static svg { width:18px; height:18px; }
  .store-badge-static strong { font-size:14px; }
}

@media (max-width:420px) { .store-badge-static small { font-size:9px; } }