.ios-download-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  flex-shrink: 0;
  max-width: 100%;
  padding: 12px 18px;
  color: var(--white);
  background: var(--night-teal);
  border: 1px solid rgba(129, 200, 199, .35);
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(1, 26, 29, .12);
  transition: background .18s ease, box-shadow .18s ease;
}
.ios-download-button:hover { color: var(--white); background: var(--deep-teal); box-shadow: 0 8px 22px rgba(1, 26, 29, .2); }
.ios-download-button:focus-visible { outline: 3px solid var(--teal); outline-offset: 4px; }
.ios-download-button small { color: var(--mint); font-size: .65rem; line-height: 1.5; }
.ios-download-button strong { display: block; font-size: .88rem; font-weight: 600; line-height: 1.5; }
.ios-download-icon { width: 30px; height: 34px; flex-shrink: 0; }
.ios-download-arrow { margin-left: 4px; color: var(--mint); font-size: 1.2rem; }

.site-footer { border-top: 1px solid var(--line); background: var(--white); }
.site-footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: min(1440px, calc(100% - 48px)); margin: 0 auto; padding: 28px 0; }
.site-footer-name { margin-bottom: 4px; color: var(--deep-teal); font-size: .9rem; font-weight: 600; }
.site-footer-note { margin: 0; color: var(--muted); font-size: .75rem; }

.ios-app-panel { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 32px; padding: clamp(22px, 3vw, 32px); background: linear-gradient(120deg, var(--mint-pale), var(--white)); border: 1px solid #c6e3e0; border-radius: var(--radius); }
.ios-app-panel .eyebrow { margin-bottom: 8px; }
.ios-app-panel h2 { color: var(--deep-teal); }
.ios-app-panel-description { max-width: 510px; margin: 0; color: var(--muted); font-size: .85rem; }
.ios-app-panel-action { flex-shrink: 0; text-align: center; }
.ios-app-panel-action p { margin: 10px 0 0; color: var(--muted); font-size: .7rem; }

@media (max-width: 760px) {
  .site-footer-inner { flex-direction: column; align-items: flex-start; gap: 18px; }
  .site-footer.has-mobile-nav { padding-bottom: calc(80px + env(safe-area-inset-bottom)); }
  .ios-app-panel { flex-direction: column; align-items: flex-start; gap: 20px; }
  .ios-app-panel-action { max-width: 100%; text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  .ios-download-button { transition: none; }
}