* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: #e7f7f6; }
body { margin: 0; color: #172c30; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.page { width: 100%; max-width: 560px; margin-inline: auto; background: #fffefa; box-shadow: 0 0 70px #126b7714; }
.poster { position: relative; width: 100%; }
.poster img { display: block; width: 100%; height: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.hotspot { position: absolute; display: block; border-radius: 999px; -webkit-tap-highlight-color: #ffffff55; }
.hotspot:focus-visible { outline: 3px solid #162c75; outline-offset: -4px; background: #ffffff22; }
.hotspot:hover { background: #ffffff12; }
.hotspot:active { background: #ffffff33; }
/* Coordinates refer to the supplied uncropped 941 × 1672 poster. */
.banner { left: 5.84%; top: 48.92%; width: 89.69%; height: 7.54%; }
.android { left: 3.72%; top: 74.04%; width: 46.23%; height: 8.01%; }
.iphone { left: 51.01%; top: 74.04%; width: 45.80%; height: 8.01%; }
.download-anchor { position: absolute; top: 73%; scroll-margin-top: 12px; }
.install-info { padding: 28px 22px max(26px, env(safe-area-inset-bottom)); }
.eyebrow { color: #48706f; letter-spacing: 2px; font-size: 10px; font-weight: 700; margin: 0 0 8px; }
h2 { margin: 0 0 20px; font-size: 25px; letter-spacing: -.6px; }
article { padding: 18px 0; border-top: 1px solid #dce8df; scroll-margin-top: 18px; }
h3 { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 12px; font-size: 18px; }
h3 span { color: #537069; font-size: 11px; font-weight: 500; }
p, li { font-size: 13px; line-height: 1.65; }
article p { margin: 0 0 14px; }
ol { padding-left: 20px; margin: 0 0 17px; }
li + li { margin-top: 7px; }
.text-link { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 12px 16px; border-radius: 10px; color: #fff; background: #067343; font-size: 14px; font-weight: 700; text-decoration: none; }
#ios-install .text-link { background: #ffcc48; color: #2d270c; }
.browser-link { display: block; padding: 15px 2px 5px; color: #16645c; font-size: 12px; line-height: 1.6; }
.text-link:focus-visible, .browser-link:focus-visible { outline: 3px solid #1856b7; outline-offset: 3px; }
.disclaimer { text-align: center; color: #57716b; font-size: 11px; margin: 12px 0 0; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }