.app-landing .app-hero h1 { font-size: clamp(2.3rem, 4.2vw, 4rem); line-height: 1.08; }
.app-landing .hero-actions { align-items: center; flex-direction: row; justify-content: flex-start; }
.app-landing .hero-actions .store-badge { width: 168px; height: 50px; }
.app-landing .hero-actions .store-badge img { width: 100%; height: 100%; object-fit: contain; }
.app-download-caption { margin: 12px 0 0; color: #dae6e8; font-size: .85rem; }
.app-details-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.app-details-grid .feature-card { min-height: 0; }
.app-details-grid h3 { margin-top: 16px; font-size: 1.15rem; }
.app-details-grid .feature-card:last-child { grid-column: span 3; }
.app-details-cta { margin-top: 36px; }
.app-details-cta .header-cta { flex-shrink: 0; min-height: 48px; }
.app-landing .carousel-dot { width: 24px; height: 24px; border: 7px solid transparent; background-clip: content-box; }
.app-landing .carousel-dot.is-active { width: 36px; }
.app-sticky-download[hidden] { display: none; }
.app-sticky-download { display: none; }
.app-landing a:focus-visible, .app-landing button:focus-visible, .app-sticky-download :focus-visible { outline: 3px solid var(--navy); outline-offset: 4px; }
.app-landing .app-hero a:focus-visible, .app-landing .download-band a:focus-visible { outline-color: #fff; }
@media (max-width: 1000px) {
  .app-details-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .app-details-grid .feature-card:last-child { grid-column: span 2; }
}
@media (max-width: 700px) {
  .app-landing { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  .app-landing .app-hero { padding: 24px 20px; margin-top: 10px; }
  .app-landing .app-hero h1 { font-size: clamp(2rem, 8.3vw, 2.8rem); }
  .app-landing .hero-lead { font-size: .95rem; line-height: 1.55; margin-bottom: 20px; }
  .app-landing .hero-actions { justify-content: center; gap: 10px; }
  .app-landing .hero-actions .store-badge { width: 144px; height: 44px; }
  .app-landing .hero-proof { margin-top: 16px; gap: 10px; }
  .app-details-grid { grid-template-columns: 1fr; gap: 14px; }
  .app-details-grid .feature-card:last-child { grid-column: auto; }
  .app-sticky-download { display: flex; position: fixed; z-index: 90; bottom: 0; left: 0; right: 0; align-items: center; justify-content: center; gap: 12px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: var(--surface); border-top: 1px solid var(--line); box-shadow: var(--shadow-small); }
  .app-sticky-download .header-cta { min-height: 44px; flex: 1; max-width: 340px; justify-content: center; }
  .app-sticky-download button { width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--ink); font-size: 1.6rem; cursor: pointer; }
  html:has(.app-landing) { scroll-padding-bottom: calc(86px + env(safe-area-inset-bottom)); }
  .app-landing a, .app-landing button { scroll-margin-bottom: calc(86px + env(safe-area-inset-bottom)); }
}
@media (max-width: 360px) { .app-landing .hero-actions .store-badge { width: 125px; } }
@media (prefers-reduced-motion: reduce) { .app-landing *, .app-sticky-download * { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }

/* The app showcase uses a light hero; keep its short benefits readable. */
.app-landing .app-hero .hero-proof{color:#36506b}
.app-landing .app-hero a:focus-visible{outline-color:#005ccc}