/* Eyekus Capital install control — brief 2076. Styled from the site's
   own design tokens (indigo-deep ground, cream ink, gold accents — the
   consent banner and chat button family) so it reads as part of the
   site. The bar is built by pwa.js and stays hidden until the browser
   offers installation (Chromium) or the visitor is on iOS Safari.
   It lanes above the bottom-corner controls (A+ toggle bottom-left,
   chat button bottom-right) on narrow and tablet widths and centres
   clear of them on wide screens. Motion only where the visitor has
   not asked for less; the site's own accessibility classes are honoured
   exactly as the consent banner honours them. */
.pwa-install {
  position: fixed;
  z-index: 85;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(88px + env(safe-area-inset-bottom));
  width: min(520px, calc(100vw - 24px));
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px 10px 16px;
  background: var(--indigo-deep, #120C2E);
  color: var(--hero-ink, #F3EDDA);
  border: 1px solid var(--gold-deep, #C9A227);
  border-radius: 999px;
  box-shadow: 0 12px 30px rgba(18, 12, 46, .35);
  font-family: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.35;
}
@media (min-width: 1024px) {
  .pwa-install { bottom: calc(16px + env(safe-area-inset-bottom)); }
}
.pwa-install[hidden] { display: none; }
.pwa-install .pwa-install-text { flex: 1 1 auto; }
.pwa-install .pwa-install-btn {
  flex: 0 0 auto;
  appearance: none;
  border: 1px solid var(--gold-deep, #C9A227);
  background: linear-gradient(160deg, var(--gold, #E8C15A) 0%, var(--gold-deep, #C9A227) 100%);
  color: var(--indigo-deep, #120C2E);
  border-radius: 999px;
  padding: 10px 18px;
  min-height: 44px;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  cursor: pointer;
}
.pwa-install .pwa-install-btn:hover { filter: brightness(1.06); }
.pwa-install .pwa-install-dismiss {
  flex: 0 0 auto;
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--hero-ink, #F3EDDA);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 1.05rem;
  line-height: 1;
  cursor: pointer;
}
.pwa-install .pwa-install-btn:focus-visible,
.pwa-install .pwa-install-dismiss:focus-visible {
  outline: 2px solid var(--gold, #E8C15A);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: no-preference) {
  .pwa-install { transition: opacity 0.25s ease, transform 0.25s ease; }
}
html.a11y-reduce-motion .pwa-install { transition: none; }
html.a11y-high-contrast .pwa-install { border-width: 2px; }