/* App CTAs injected by tools/finalize-site.mjs. Per-page .app-cta rules set the box; these refine it. */
.inline-cta { max-width: 720px; margin: 0 0 32px; padding: 16px 18px; border: 1.5px solid var(--gray-100, #eee); border-radius: 14px; display: flex; gap: 14px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.inline-cta p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--gray-700, #444); flex: 1 1 320px; }
.inline-cta p strong { color: var(--dark, #1a1a1a); }
.inline-cta a.store-link { flex: 0 0 auto; background: var(--orange, #EA580C); color: #fff; padding: 11px 18px; border-radius: 999px; font-weight: 700; font-size: 14px; text-decoration: none; }
.inline-cta a.store-link:hover { background: var(--dark, #1a1a1a); text-decoration: none; }
.app-cta ul.cta-features { list-style: none; padding: 0; margin: 0 auto 24px; max-width: 460px; text-align: left; }
.app-cta ul.cta-features li { position: relative; padding: 0 0 10px 26px; font-size: 15px; line-height: 1.5; color: var(--gray-900, #222); }
.app-cta ul.cta-features li::before { content: '✓'; position: absolute; left: 0; color: var(--orange, #EA580C); font-weight: 800; }
.app-cta .cta-buttons { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.app-cta .cta-buttons a { margin: 0; }
.app-cta .cta-buttons a.store-play { background: transparent; color: var(--dark, #1a1a1a); box-shadow: inset 0 0 0 1.5px var(--dark, #1a1a1a); }
.app-cta .cta-buttons a.store-play:hover { color: #fff; }
.app-cta p.cta-fine { font-size: 13px; color: var(--gray-500, #777); margin: 14px auto 0; }
/* cta.js tags phones so each sees only its own store; desktop keeps both. */
.ct-ios .store-play, .ct-android .store-apple { display: none !important; }
.ct-android .app-cta .cta-buttons a.store-play { background: var(--dark, #1a1a1a); color: #fff; box-shadow: none; }