/* Mobile swipe affordance - exact Webflow design (go-swipe-btn, image-188, text-block-25).
   Shared by landing #Section-1 and dashboard .gg-mobile-carousel.
   Half-hidden right edge, slide-in/hold/slide-out animation, mobile only.
   No sessionStorage gating; refreshes re-show the cue. */

@media (max-width: 1023px) {
  .go-swipe-btn {
    z-index: 100;
    background-color: #3e68ba;
    border-radius: 100px;
    justify-content: flex-start;
    align-items: center;
    width: 95px;
    height: 45px;
    margin-right: 30px;
    padding-left: 16px;
    display: flex;
    position: absolute;
    right: 0;
    top: var(--gg-swipe-top, 50%);
    pointer-events: none;
    transform: translate3d(150%, -50%, 0);
    opacity: 0;
    transform-style: preserve-3d;
    transition: opacity 0.55s ease-out, transform 0.55s ease-out;
    animation: go-swipe-slide 3.5s ease-in-out infinite;
    animation-play-state: paused;
    will-change: transform, opacity;
  }

  .go-swipe-btn .image-188 {
    width: 10px;
    flex-shrink: 0;
    display: block;
  }

  .go-swipe-btn .text-block-25 {
    color: #fff;
    margin-left: 16px;
    font-family: inter-variable, Inter, sans-serif;
    font-size: 13px;
    line-height: 1;
    position: static;
  }

  .go-swipe-btn.gg-swipe-visible {
    animation-play-state: running;
  }

  @keyframes go-swipe-slide {
    0%   { transform: translate3d(150%, -50%, 0); opacity: 0; }
    18%  { transform: translate3d(0, -50%, 0);    opacity: 1; }
    65%  { transform: translate3d(0, -50%, 0);    opacity: 1; }
    88%  { transform: translate3d(150%, -50%, 0); opacity: 0; }
    100% { transform: translate3d(150%, -50%, 0); opacity: 0; }
  }

  .go-swipe-btn.gg-swipe-seen {
    animation: none !important;
    opacity: 0 !important;
    transform: translate3d(150%, -50%, 0) !important;
  }
}

@media (min-width: 1024px) {
  .go-swipe-btn { display: none !important; }
}