/* Compact footer and fixed download call-to-action. */
body {
  padding-bottom: calc(164px + env(safe-area-inset-bottom));
}

.footer[data-v-117b81bc] {
  min-height: 0 !important;
  padding: 22px 0 26px !important;
  background: #000;
}

.footer-content.footer-links[data-v-117b81bc] {
  width: min(1080px, calc(100% - 48px)) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: clamp(24px, 5vw, 64px);
  margin: 0 auto !important;
}

.footer-content.footer-links[data-v-117b81bc] a {
  color: rgba(255, 255, 255, 0.88);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: color .2s ease;
}

.footer-content.footer-links[data-v-117b81bc] a:hover,
.footer-content.footer-links[data-v-117b81bc] a:focus-visible {
  color: #fff;
}

.footer-company[data-v-117b81bc] {
  margin-top: 14px !important;
  color: rgba(255, 255, 255, 0.52);
}

.floating-download-cta {
  position: fixed;
  z-index: 50;
  left: 50%;
  bottom: max(18px, env(safe-area-inset-bottom));
  display: block;
  width: min(500px, calc(100vw - 28px));
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(255, 211, 118, .88);
  border-radius: 999px;
  background: transparent;
  box-shadow: 0 5px 0 rgba(101, 22, 5, .92), 0 16px 30px rgba(0, 0, 0, .48), 0 0 22px rgba(255, 94, 35, .34), inset 0 1px 0 rgba(255, 255, 255, .32);
  line-height: 0;
  transform: translateX(-50%);
  transform-origin: center bottom;
  will-change: transform;
  animation: download-cta-attention 3.6s ease-in-out infinite;
  transition: box-shadow .2s ease, filter .2s ease;
}

.floating-download-cta::before {
  position: absolute;
  z-index: 1;
  inset: 1px;
  border-radius: inherit;
  background: linear-gradient(112deg, rgba(255, 255, 255, .22) 0%, rgba(255, 255, 255, .06) 23%, transparent 46%);
  content: '';
  pointer-events: none;
}

.floating-download-cta::after {
  position: absolute;
  z-index: 2;
  inset: 1px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: inherit;
  box-shadow: inset 0 0 12px rgba(255, 174, 40, .2);
  content: '';
  pointer-events: none;
}

.floating-download-cta:hover,
.floating-download-cta:focus-visible {
  animation-play-state: paused;
  box-shadow: 0 7px 0 rgba(101, 22, 5, .92), 0 20px 36px rgba(0, 0, 0, .56), 0 0 28px rgba(255, 121, 35, .48), inset 0 1px 0 rgba(255, 255, 255, .4);
  filter: brightness(1.07) saturate(1.08);
  transform: translateX(-50%) translateY(-3px) scale(1.01);
}

.floating-download-cta:active {
  animation: none;
  transform: translateX(-50%) translateY(1px) scale(.985);
}

.floating-download-cta.download-cta-clicked {
  animation: download-cta-click .62s cubic-bezier(.2, .82, .22, 1) both;
}

.floating-download-cta img {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
}

@keyframes download-cta-attention {
  0%, 67%, 100% {
    transform: translateX(-50%) translateY(0) rotate(0deg) scale(1);
  }
  69% {
    transform: translateX(-50%) translateY(-2px) rotate(-.7deg) scale(1.012);
  }
  71% {
    transform: translateX(-50%) translateY(0) rotate(.7deg) scale(1.012);
  }
  73% {
    transform: translateX(-50%) translateY(-1px) rotate(-.45deg) scale(1.008);
  }
  75% {
    transform: translateX(-50%) translateY(0) rotate(.25deg) scale(1.004);
  }
}

@keyframes download-cta-click {
  0% {
    transform: translateX(-50%) translateY(0) scale(1);
    filter: brightness(1) saturate(1);
  }
  24% {
    transform: translateX(-50%) translateY(2px) scale(.965);
    filter: brightness(1.04) saturate(1.08);
  }
  55% {
    transform: translateX(-50%) translateY(-4px) scale(1.035);
    filter: brightness(1.22) saturate(1.2) drop-shadow(0 0 15px rgba(255, 214, 77, .8));
  }
  100% {
    transform: translateX(-50%) translateY(0) scale(1);
    filter: brightness(1) saturate(1);
  }
}

@media (max-width: 767px) {
  body {
    padding-bottom: calc(104px + env(safe-area-inset-bottom));
  }

  .footer[data-v-117b81bc] {
    padding: 20px 16px 24px !important;
  }

  .footer-content.footer-links[data-v-117b81bc] {
    width: 100% !important;
    display: flex !important;
    grid-template-columns: none !important;
    justify-content: space-between;
    gap: 8px;
  }

  .footer-content.footer-links[data-v-117b81bc] a {
    flex: 0 0 auto;
    color: rgba(255, 255, 255, 0.88);
    font-size: 11px;
    line-height: 18px;
  }

  .footer-company[data-v-117b81bc] {
    margin-top: 12px !important;
    padding: 0 !important;
    font-size: 10px;
    line-height: 16px;
  }

  .floating-download-cta {
    bottom: max(10px, env(safe-area-inset-bottom));
    width: calc(100vw - 16px);
    border-radius: 999px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .floating-download-cta,
  .floating-download-cta.download-cta-clicked {
    animation: none;
  }
}


/* Spanish text CTA replaces the former image-only button. */
.floating-download-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 58px;
  padding: 8px 24px;
  background: linear-gradient(135deg, #f4554b, #df2445);
  color: #fff;
  font-family: Nunito, Arial, sans-serif;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.1;
  text-decoration: none;
}
.floating-download-cta .download-cta-mark {
  position: relative;
  z-index: 3;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  overflow: hidden;
  border-radius: 9px;
  background: #fff;
}
.floating-download-cta .download-cta-mark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.floating-download-cta .download-cta-copy {
  position: relative;
  z-index: 3;
}
@media (max-width: 767px) {
  .floating-download-cta { min-height: 54px; font-size: 16px; }
}


/* The download button is text-only: never render a large brand image over page content. */
#download-cta img,
#download-cta .download-cta-mark,
#download-cta .shortza-download-mark-cover {
  display: none !important;
}
#download-cta {
  gap: 0;
}


/* Fixed XAI download banner — uses the supplied 290 × 61 visual without inserting an overlay icon. */
#download-cta.floating-download-cta {
  position: fixed;
  z-index: 50;
  left: 50%;
  bottom: max(12px, env(safe-area-inset-bottom));
  display: block;
  width: min(290px, calc(100vw - 20px));
  min-height: 0;
  aspect-ratio: 290 / 61;
  box-sizing: border-box;
  overflow: visible;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent url('../images/xai-download-banner.png') center / 100% 100% no-repeat;
  box-shadow: none;
  color: transparent;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  white-space: nowrap;
  transform: translateX(-50%);
  animation: none;
  filter: drop-shadow(0 5px 8px rgba(0, 0, 0, .34));
}

#download-cta.floating-download-cta::before,
#download-cta.floating-download-cta::after {
  display: none;
}

#download-cta.floating-download-cta:hover,
#download-cta.floating-download-cta:focus-visible {
  box-shadow: none;
  filter: brightness(1.06) drop-shadow(0 7px 10px rgba(0, 0, 0, .4));
  transform: translateX(-50%) translateY(-2px) scale(1.015);
}

#download-cta.floating-download-cta:active,
#download-cta.floating-download-cta.download-cta-clicked {
  animation: none;
  filter: brightness(.96) drop-shadow(0 3px 5px rgba(0, 0, 0, .28));
  transform: translateX(-50%) translateY(1px) scale(.985);
}

@media (max-width: 767px) {
  body {
    padding-bottom: calc(88px + env(safe-area-inset-bottom));
  }

  #download-cta.floating-download-cta {
    bottom: max(9px, env(safe-area-inset-bottom));
    width: min(290px, calc(100vw - 20px));
  }
}

@media (prefers-reduced-motion: reduce) {
  #download-cta.floating-download-cta,
  #download-cta.floating-download-cta:hover,
  #download-cta.floating-download-cta:focus-visible,
  #download-cta.floating-download-cta:active {
    transform: translateX(-50%);
  }
}