/* Store artwork is served locally, at its original proportions and with clear space. */
.app-links { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; }
.app-links--quiet { margin-top: .5rem; font-size: .9375rem; }
.app-links--quiet a { display: inline-flex; align-items: center; min-height: 2.75rem; }
.app-links--badges { gap: .75rem; margin: 1.5rem 0 .5rem; }
.store-badge { display: inline-flex; flex: none; align-items: center; justify-content: center; min-height: 4rem; }
.store-badge img { display: block; height: auto; }
.store-badge--android { box-sizing: content-box; width: 11.625rem; padding: .25rem; }
.store-badge--android img { width: 100%; }
.store-badge--ios { padding: .75rem; }
.store-badge--ios img { width: 9rem; }
.app-coming { display: inline-flex; align-items: center; min-height: 3rem; padding: .625rem .875rem; border: 1px solid var(--color-border-strong); border-radius: var(--radius); color: var(--color-ink); font-size: .9375rem; font-weight: 600; text-decoration: none; }
.app-coming:hover { background: var(--color-brand-tint); }
.home-apps { background: var(--color-canvas); border-block: 1px solid var(--color-border); }
.home-apps__inner { display: grid; align-items: center; gap: var(--space-6); }
.home-apps__copy h2 { margin: .75rem 0 1rem; font-size: clamp(1.875rem, 1.3rem + 1.5vw, 2.75rem); line-height: 1.15; letter-spacing: -.03em; }
.home-apps__lead { max-width: 38rem; font-size: 1.125rem; }
.home-apps__break { display: none; }
.home-apps__features { display: grid; gap: 1.25rem; margin: 1.75rem 0; padding: 0; list-style: none; }
.home-apps__features li { display: flex; align-items: start; gap: 1rem; margin: 0; }
.home-apps__features h3 { margin: 0 0 .25rem; font-size: 1.0625rem; }
.home-apps__features p { max-width: 35rem; margin: 0; color: var(--color-muted); line-height: 1.5; }
.home-apps__number { padding-top: .1rem; color: var(--color-brand-deep); font-size: .875rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.home-apps__note { max-width: 38rem; color: var(--color-muted); font-size: .875rem; }
.home-apps__preview { display: grid; justify-items: center; gap: 1rem; margin: 0; padding: 1.5rem; border-radius: var(--radius-lg); background: var(--color-brand-tint); }
.app-phone { width: min(15rem, 100%); overflow: hidden; border: .375rem solid var(--color-ink); border-radius: 1.75rem; background: var(--color-surface); box-shadow: var(--shadow-3); }
.app-phone img { display: block; width: 100%; height: auto; }
.home-apps__preview figcaption { color: var(--color-brand-deep); font-size: .875rem; font-weight: 600; text-align: center; }
.apps-page { padding-top: var(--space-5); }
.apps-page .home-apps { margin-top: var(--space-5); }
.apps-details { display: grid; gap: var(--space-5); padding-block: var(--space-7); }
.apps-details h2 { font-size: var(--step-1); }
@media (min-width: 48rem) {
    .home-apps__inner { grid-template-columns: minmax(0, 1.3fr) minmax(15rem, .7fr); gap: var(--space-7); }
    .home-apps__preview { padding: 2rem 1rem; }
    .apps-details { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 64rem) {
    .home-apps__preview { padding: 2.5rem; }
    .home-apps__break { display: initial; }
    .footer-groups { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
.footer-groups .app-links { display: block; }