/* Secondary iPhone promotion beneath the main website introduction. */
.home-actions { flex-wrap: wrap; }
.home-app-promo { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); align-items: center; gap: 64px; width: min(100%, 1100px); margin: 0 auto; padding: 32px 0 56px; }
.home-app-copy { min-width: 0; max-width: 540px; }
.home-app-promo h2 { margin: 0; font-size: clamp(28px, 3vw, 38px); font-weight: 650; line-height: 1.12; letter-spacing: -.04em; }
.home-app-description { margin: 20px 0 24px; color: var(--premium-muted); font-size: 15px; line-height: 1.75; }
.home-release-label { display: flex; align-items: center; gap: 10px; font-size: 12px; letter-spacing: .1em; }
.home-release-label > span { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #237553; }
.home-app-download { display: inline-flex; flex: 0 0 auto; border-radius: 9px; }
.home-app-download img { display: block; width: auto; height: 52px; }
.home-app-download:hover { opacity: .8; }
.home-app-download:focus-visible { outline: 3px solid #237553; outline-offset: 5px; }
.home-app-free { margin: 16px 0 0; color: var(--premium-muted); font-size: 13px; line-height: 1.6; }
.home-app-gallery { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; width: 100%; min-width: 0; padding: 48px 0; isolation: isolate; }
.home-app-screen { position: relative; min-width: 0; margin: 0; }
.home-app-screen-academy { width: 125%; transform: translateY(14px); }
.home-app-screen-tests { width: 148%; margin-left: -24%; z-index: 2; }
.home-app-screen-progress { width: 125%; margin-left: -25%; transform: translateY(14px); }
.home-app-crop { position: relative; width: 100%; aspect-ratio: 464 / 974; overflow: hidden; border-radius: 19% / 9%; background: #efefed; box-shadow: 0 16px 32px -20px rgba(0, 0, 0, .5); }
.home-app-crop img { position: absolute; max-width: none; width: 129.310345%; height: auto; left: -13.793103%; top: -31.314168%; }
@media (max-width: 820px) {
  .home-app-promo { gap: 32px; }
}
@media (max-width: 600px) {
  .home-app-promo { grid-template-columns: 1fr; gap: 16px; padding: 32px 12px 40px; }
  .home-app-gallery { max-width: 320px; margin: 0 auto; padding: 20px 0 0; }
}
@media (max-width: 360px) {
  .home-process h2 { font-size: 32px; overflow-wrap: anywhere; }
}

/* iOS landing: download first, one short promotion, then legal links. */
.home-iphone { display: none; }
.home-on-ios .home-page > :not(.home-iphone),
.home-on-ios .primary-navigation,
.home-on-ios .header-actions { display: none; }
.home-on-ios .home-page { width: min(calc(100% - 48px), 520px); padding: 40px 0 48px; }
.home-on-ios .site-header { position: static; }
.home-on-ios .site-header-inner { display: flex; justify-content: center; border: 0; background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.home-on-ios .home-iphone { display: block; text-align: center; }
.home-iphone .home-eyebrow { font-size: 11px; margin-bottom: 16px; }
.home-iphone h1 { margin: 0 0 26px; font-size: clamp(36px, 10vw, 52px); line-height: 1.06; letter-spacing: -.055em; }
.home-iphone-promo { margin-top: 44px; }
.home-iphone h2 { margin: 0; font-size: 24px; line-height: 1.2; letter-spacing: -.035em; }
.home-iphone-promo > p { margin: 14px auto 24px; max-width: 360px; color: var(--premium-muted); font-size: 14px; line-height: 1.65; }
.home-iphone .home-app-screen { width: 180px; margin: 0 auto; }
.home-on-ios .site-footer { margin-top: 0; }