/* Plasma scroll animations — pairs with data-pw-section observers */

/* Section-2: Plasma scroll-linked gradient headline stack */
.pw-stack-scene {
  position: relative;
  height: auto;
  min-height: 0;
}

.pw-stack-sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.pw-stack-lines {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  max-width: 980px;
  padding: 0 5%;
}

.pw-stack-lines [data-pw-stack-line] {
  will-change: opacity, transform;
  transition: opacity 0.15s linear, transform 0.15s linear;
}

.pw-animate {
  opacity: 0;
  transform: translate3d(0, 28px, 0);
  transition:
    opacity 1s cubic-bezier(0.22, 1, 0.36, 1),
    transform 1s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

.pw-animate--media {
  transform: translate3d(0, 36px, 0) scale(0.98);
}

.pw-animate.is-visible,
.pw-home [data-pw-section].is-inview .pw-animate {
  opacity: 1;
  transform: none;
}

.pw-home [data-pw-section] .heading-9,
.pw-home [data-pw-section] .heading-9-copy,
.pw-home [data-pw-section] .heading-10,
.pw-home [data-pw-section] .heading-11,
.pw-home [data-pw-section] .heading-12,
.pw-home [data-pw-section] .heading-13,
.pw-home [data-pw-section] .heading-14,
.pw-home [data-pw-section] .heading-16,
.pw-home [data-pw-section] .heading-17,
.pw-home [data-pw-section] .heading-18,
.pw-home [data-pw-section] .heading-19,
.pw-home [data-pw-section] .paragraph,
.pw-home [data-pw-section] .paragraph-3,
.pw-home [data-pw-section] .text-block-5,
.pw-home [data-pw-section] .text-block-6,
.pw-home [data-pw-section] .text-block-7,
.pw-home [data-pw-section] .text-block-8,
.pw-home [data-pw-section] .link-2,
.pw-home [data-pw-section] .pw-marquee,
.pw-home [data-pw-section] .pw-form-panel,
.pw-home [data-pw-section] .div-block-4,
.pw-home [data-pw-section] .div-block-7,
.pw-home [data-pw-section] .div-block-8,
.pw-home [data-pw-section] .div-block-9,
.pw-home [data-pw-section] .column-2,
.pw-home [data-pw-section] .column-3,
.pw-home [data-pw-section] .column-5,
.pw-home [data-pw-section] .column-7,
.pw-home [data-pw-section] .column-8,
.pw-home [data-pw-section] .column-10,
.pw-home [data-pw-section] .column-11,
.pw-home [data-pw-section] .div-block-3,
.pw-home [data-pw-section] .image-2,
.pw-home [data-pw-section] .image-3,
.pw-home [data-pw-section] .image-4,
.pw-home [data-pw-section] .image-5,
.pw-home [data-pw-section] .image-6,
.pw-home [data-pw-section] .image-7,
.pw-home [data-pw-section] .image-8,
.pw-home [data-pw-section] .image-9,
.pw-home [data-pw-section] .image-10,
.pw-home [data-pw-section] .image-11,
.pw-home [data-pw-section] .column,
.pw-home [data-pw-section] .div-block-5,
.pw-home [data-pw-section] .div-block-10 {
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  transition:
    opacity 0.95s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.95s cubic-bezier(0.22, 1, 0.36, 1);
}

/* P2P body section titles — stay visible on black (no scroll-hide, no gradient clip) */
.pw-home .pw-terminal-section .pw-terminal-title,
.pw-home .pw-terminal-section .heading-9-copy,
.pw-home .pw-trade-finder .heading-9-copy,
.pw-home .pw-marketplace-hub .wlfi-heading-md,
.pw-home .pw-marketplace-hub .pw-marketplace-hub__block-title,
.pw-home .wlfi-markets .wlfi-heading-md,
.pw-home .wlfi-products .wlfi-heading-md,
.pw-home .wlfi-tools .wlfi-heading-md,
.pw-home .wlfi-choose .wlfi-heading-md,
.pw-home .section-11 .pw-how-it-works .wlfi-heading-md,
.pw-home .wlfi-join .wlfi-heading-md,
.pw-home .pw-embedded .wlfi-heading-md,
.pw-home .wlfi-faq-section .wlfi-heading-md,
.pw-home .wlfi-governance .wlfi-heading-md,
.pw-home .wlfi-partners .wlfi-heading-sm,
.pw-home .wlfi-subscribe h2 {
  opacity: 1 !important;
  transform: none !important;
}

/* P2P body blocks stay visible — scroll-hide only for Plasma marketing DOM */
.pw-home .pw-terminal-section *,
.pw-home .pw-trade-finder *,
.pw-home .pw-marketplace-hub *,
.pw-home .wlfi-overview-strip *,
.pw-home .wlfi-markets *,
.pw-home .wlfi-products *,
.pw-home .wlfi-tools *,
.pw-home .wlfi-choose *,
.pw-home .pw-marketplace *,
.pw-home .wlfi-subscribe * {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Keep partners visible but allow the marquee track to animate */
.pw-home .wlfi-partners *:not(.wlfi-marquee__track) {
  opacity: 1 !important;
  visibility: visible !important;
}

.pw-home .wlfi-partners .wlfi-marquee__track {
  opacity: 1 !important;
  visibility: visible !important;
  transition: none !important;
}

.pw-home .wlfi-partners .wlfi-marquee {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  transition: none !important;
}

.pw-home [data-pw-section].is-inview .heading-9,
.pw-home [data-pw-section].is-inview .heading-9-copy,
.pw-home [data-pw-section].is-inview .heading-10,
.pw-home [data-pw-section].is-inview .heading-11,
.pw-home [data-pw-section].is-inview .heading-12,
.pw-home [data-pw-section].is-inview .heading-13,
.pw-home [data-pw-section].is-inview .heading-14,
.pw-home [data-pw-section].is-inview .heading-16,
.pw-home [data-pw-section].is-inview .heading-17,
.pw-home [data-pw-section].is-inview .heading-18,
.pw-home [data-pw-section].is-inview .heading-19,
.pw-home [data-pw-section].is-inview .paragraph,
.pw-home [data-pw-section].is-inview .paragraph-3,
.pw-home [data-pw-section].is-inview .text-block-5,
.pw-home [data-pw-section].is-inview .text-block-6,
.pw-home [data-pw-section].is-inview .text-block-7,
.pw-home [data-pw-section].is-inview .text-block-8,
.pw-home [data-pw-section].is-inview .link-2,
.pw-home [data-pw-section].is-inview .pw-marquee,
.pw-home [data-pw-section].is-inview .pw-form-panel,
.pw-home [data-pw-section].is-inview .div-block-4,
.pw-home [data-pw-section].is-inview .div-block-7,
.pw-home [data-pw-section].is-inview .div-block-8,
.pw-home [data-pw-section].is-inview .div-block-9,
.pw-home [data-pw-section].is-inview .column-2,
.pw-home [data-pw-section].is-inview .column-3,
.pw-home [data-pw-section].is-inview .column-5,
.pw-home [data-pw-section].is-inview .column-7,
.pw-home [data-pw-section].is-inview .column-8,
.pw-home [data-pw-section].is-inview .column-10,
.pw-home [data-pw-section].is-inview .column-11,
.pw-home [data-pw-section].is-inview .div-block-3,
.pw-home [data-pw-section].is-inview .image-2,
.pw-home [data-pw-section].is-inview .image-3,
.pw-home [data-pw-section].is-inview .image-4,
.pw-home [data-pw-section].is-inview .image-5,
.pw-home [data-pw-section].is-inview .image-6,
.pw-home [data-pw-section].is-inview .image-7,
.pw-home [data-pw-section].is-inview .image-8,
.pw-home [data-pw-section].is-inview .image-9,
.pw-home [data-pw-section].is-inview .image-10,
.pw-home [data-pw-section].is-inview .image-11,
.pw-home [data-pw-section].is-inview .column,
.pw-home [data-pw-section].is-inview .div-block-5,
.pw-home [data-pw-section].is-inview .div-block-10 {
  opacity: 1;
  transform: none;
}

.pw-home .section .heading,
.pw-home .section .pw-hero-badge,
.pw-home .section .pw-hero-sub,
.pw-home .section .pw-hero-trust,
.pw-home .section .link-block-6 {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1), transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.pw-home .section.is-inview .heading,
.pw-home .section.is-inview .pw-hero-badge,
.pw-home .section.is-inview .pw-hero-sub,
.pw-home .section.is-inview .pw-hero-trust,
.pw-home .section.is-inview .link-block-6 {
  opacity: 1;
  transform: none;
}

.pw-home .section.is-inview .heading { transition-delay: 0.05s; }
.pw-home .section.is-inview .pw-hero-badge { transition-delay: 0.08s; }
.pw-home .section.is-inview .pw-hero-sub { transition-delay: 0.15s; }
.pw-home .section.is-inview .pw-hero-trust { transition-delay: 0.22s; }

.pw-home .html-embed.w-iframe,
.pw-home .html-embed.pw-hero-phone,
.pw-home .html-embed.pw-spline-hero {
  opacity: 1;
  transform: none;
  transition: none;
}

.pw-home .section.is-inview .html-embed.w-iframe,
.pw-home .section.is-inview .html-embed.pw-hero-phone,
.pw-home .section.is-inview .html-embed.pw-spline-hero {
  opacity: 1;
  transform: none;
  transition-delay: 0s;
}

.pw-home .section-9 img[src*="faceid"],
.pw-home .section-9 .pw-faceid {
  display: block;
  width: 100%;
  max-width: 420px;
  margin-inline: auto;
  opacity: 0;
  transform: scale(0.94);
  transition: opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1), transform 1.1s cubic-bezier(0.22, 1, 0.36, 1);
}

.pw-home .section-9.is-inview img[src*="faceid"],
.pw-home .section-9.is-inview .pw-faceid {
  opacity: 1;
  transform: none;
  transition-delay: 0.2s;
}

.pw-home .div-block-4 img {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.pw-home [data-pw-section].is-inview .div-block-4 img {
  opacity: 1;
  transform: none;
}

.pw-home [data-pw-section].is-inview .div-block-4 img:nth-child(1) { transition-delay: 0.05s; }
.pw-home [data-pw-section].is-inview .div-block-4 img:nth-child(2) { transition-delay: 0.1s; }
.pw-home [data-pw-section].is-inview .div-block-4 img:nth-child(3) { transition-delay: 0.15s; }
.pw-home [data-pw-section].is-inview .div-block-4 img:nth-child(4) { transition-delay: 0.2s; }
.pw-home [data-pw-section].is-inview .div-block-4 img:nth-child(5) { transition-delay: 0.25s; }
.pw-home [data-pw-section].is-inview .div-block-4 img:nth-child(6) { transition-delay: 0.3s; }
.pw-home [data-pw-section].is-inview .div-block-4 img:nth-child(7) { transition-delay: 0.35s; }
.pw-home [data-pw-section].is-inview .div-block-4 img:nth-child(8) { transition-delay: 0.4s; }
.pw-home [data-pw-section].is-inview .div-block-4 img:nth-child(9) { transition-delay: 0.45s; }
.pw-home [data-pw-section].is-inview .div-block-4 img:nth-child(10) { transition-delay: 0.5s; }

.pw-home .div-block-3 .image-12 {
  opacity: 0;
  transform: translateY(16px) scale(0.92);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.pw-home [data-pw-section].is-inview .div-block-3 .image-12 {
  opacity: 1;
  transform: none;
}

.pw-home [data-pw-section].is-inview .div-block-3 .image-12:nth-child(1) { transition-delay: 0.04s; }
.pw-home [data-pw-section].is-inview .div-block-3 .image-12:nth-child(2) { transition-delay: 0.08s; }
.pw-home [data-pw-section].is-inview .div-block-3 .image-12:nth-child(3) { transition-delay: 0.12s; }
.pw-home [data-pw-section].is-inview .div-block-3 .image-12:nth-child(4) { transition-delay: 0.16s; }
.pw-home [data-pw-section].is-inview .div-block-3 .image-12:nth-child(5) { transition-delay: 0.2s; }
.pw-home [data-pw-section].is-inview .div-block-3 .image-12:nth-child(6) { transition-delay: 0.24s; }
.pw-home [data-pw-section].is-inview .div-block-3 .image-12:nth-child(7) { transition-delay: 0.28s; }
.pw-home [data-pw-section].is-inview .div-block-3 .image-12:nth-child(8) { transition-delay: 0.32s; }

.pw-home .div-block-7 img,
.pw-home .div-block-8 img {
  max-width: 100%;
  height: auto;
}

.pw-home .image-2,
.pw-home .image-3,
.pw-home .image-4,
.pw-home .image-5,
.pw-home .image-6,
.pw-home .image-7,
.pw-home .image-8,
.pw-home .image-9,
.pw-home .image-10,
.pw-home .image-11 {
  display: block;
  max-width: 100%;
  height: auto;
  margin-inline: auto;
}

.pw-home [data-pw-section] .image-2.is-visible,
.pw-home [data-pw-section] .image-3.is-visible,
.pw-home [data-pw-section] .image-4.is-visible,
.pw-home [data-pw-section] .image-5.is-visible,
.pw-home [data-pw-section] .image-6.is-visible,
.pw-home [data-pw-section] .image-7.is-visible,
.pw-home [data-pw-section] .image-8.is-visible,
.pw-home [data-pw-section] .image-9.is-visible,
.pw-home [data-pw-section] .image-10.is-visible,
.pw-home [data-pw-section] .image-11.is-visible {
  opacity: 1 !important;
  transform: none !important;
}

@media (min-width: 992px) {
  .pw-home .section-2,
  .pw-home .section-3,
  .pw-home .section-4,
  .pw-home .section-5,
  .pw-home .section-6,
  .pw-home .section-7,
  .pw-home .section-8,
  .pw-home .section-9,
  .pw-home .section-10,
  .pw-home .section-11 {
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .pw-home [data-pw-section].is-inview .heading-9,
  .pw-home [data-pw-section].is-inview .heading-9-copy,
  .pw-home [data-pw-section].is-inview .heading-10,
  .pw-home [data-pw-section].is-inview .heading-11,
  .pw-home [data-pw-section].is-inview .heading-12,
  .pw-home [data-pw-section].is-inview .heading-13,
  .pw-home [data-pw-section].is-inview .heading-14,
  .pw-home [data-pw-section].is-inview .heading-16,
  .pw-home [data-pw-section].is-inview .paragraph,
  .pw-home [data-pw-section].is-inview .paragraph-3,
  .pw-home [data-pw-section].is-inview .column,
  .pw-home [data-pw-section].is-inview .column-2,
  .pw-home [data-pw-section].is-inview .column-3,
  .pw-home [data-pw-section].is-inview .column-5,
  .pw-home [data-pw-section].is-inview .column-8,
  .pw-home [data-pw-section].is-inview .image-2,
  .pw-home [data-pw-section].is-inview .image-3,
  .pw-home [data-pw-section].is-inview .image-4,
  .pw-home [data-pw-section].is-inview .image-5,
  .pw-home [data-pw-section].is-inview .image-6,
  .pw-home [data-pw-section].is-inview .image-7,
  .pw-home [data-pw-section].is-inview .image-8,
  .pw-home [data-pw-section].is-inview .image-9,
  .pw-home [data-pw-section].is-inview .image-10,
  .pw-home [data-pw-section].is-inview .image-11,
  .pw-home [data-pw-section].is-inview .pw-animate,
  .pw-home [data-pw-section].is-inview .pw-animate.is-visible {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
  }
}

@media (max-width: 991px) {
  .pw-home .section:not(#buy-sell) {
    min-height: 85svh;
    padding-top: 5rem;
    padding-bottom: 2rem;
  }

  .pw-home [data-pw-section].is-inview .heading-9,
  .pw-home [data-pw-section].is-inview .heading-9-copy,
  .pw-home [data-pw-section].is-inview .heading-10,
  .pw-home [data-pw-section].is-inview .heading-11,
  .pw-home [data-pw-section].is-inview .heading-12,
  .pw-home [data-pw-section].is-inview .heading-13,
  .pw-home [data-pw-section].is-inview .heading-14,
  .pw-home [data-pw-section].is-inview .heading-16,
  .pw-home [data-pw-section].is-inview .paragraph,
  .pw-home [data-pw-section].is-inview .paragraph-3,
  .pw-home [data-pw-section].is-inview .column,
  .pw-home [data-pw-section].is-inview .column-2,
  .pw-home [data-pw-section].is-inview .column-3,
  .pw-home [data-pw-section].is-inview .column-5,
  .pw-home [data-pw-section].is-inview .image-2,
  .pw-home [data-pw-section].is-inview .image-3,
  .pw-home [data-pw-section].is-inview .image-4,
  .pw-home [data-pw-section].is-inview .image-5,
  .pw-home [data-pw-section].is-inview .image-6,
  .pw-home [data-pw-section].is-inview .image-7,
  .pw-home [data-pw-section].is-inview .image-8,
  .pw-home [data-pw-section].is-inview .image-9,
  .pw-home [data-pw-section].is-inview .image-10,
  .pw-home [data-pw-section].is-inview .image-11,
  .pw-home [data-pw-section].is-inview .pw-animate,
  .pw-home [data-pw-section].is-inview .pw-animate.is-visible,
  .pw-home .section-2.is-inview [data-pw-stack-line],
  .pw-home .section-2 [data-pw-stack-line].is-visible,
  .pw-home .section-9.is-inview img[src*="faceid"] {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
  }

  .pw-home .section-2 {
    height: auto;
    min-height: 70svh;
    padding: 4rem 5%;
  }

  .pw-home .section-3,
  .pw-home .section-4,
  .pw-home .section-5,
  .pw-home .section-6,
  .pw-home .section-7,
  .pw-home .section-8,
  .pw-home .section-9,
  .pw-home .section-10,
  .pw-home .section-11 {
    height: auto !important;
    min-height: auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .pw-home .columns,
  .pw-home .columns-2,
  .pw-home .columns-3,
  .pw-home .columns-4,
  .pw-home .columns-5,
  .pw-home .columns-6,
  .pw-home .columns-7,
  .pw-home .columns-8,
  .pw-home .columns-9 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

  .pw-home .w-row {
    display: flex;
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }

  .pw-home .w-col {
    width: 100% !important;
    float: none !important;
    padding-left: 0;
    padding-right: 0;
  }

  .pw-home .section-9 .column-9 img,
  .pw-home .section-9 img[src*="faceid"] {
    max-width: min(100%, 320px);
    margin-inline: auto;
  }

  .pw-home .div-block-4 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
  }

  .pw-home .div-block-4 .dex-logo {
    flex: 0 0 calc(20% - 0.75rem);
    min-width: 48px;
  }

  .pw-home .div-block-4 .dex-logo img {
    width: 100%;
    height: auto;
  }

  .pw-home .image-7 {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 100%;
  }

  .pw-home .preloader .div-block-15 {
    padding: 0 1.5rem;
  }

  .pw-home .lottie-animation {
    width: 96px;
    height: 96px;
  }

  .pw-home .wlfi-mobile-bar {
    padding-bottom: env(safe-area-inset-bottom, 0);
  }

  .pw-home .preloader {
    padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
  }
}

@media (max-width: 479px) {
  .pw-home .heading {
    font-size: clamp(2.5rem, 12vw, 4rem) !important;
    line-height: 1.05 !important;
    margin-top: 0.5rem;
  }

  .pw-home .heading-5,
  .pw-home .heading-6,
  .pw-home .heading-7,
  .pw-home .heading-8,
  .pw-home [data-pw-stack-line] {
    font-size: clamp(1.75rem, 9vw, 3rem) !important;
    line-height: 1.08 !important;
  }

  .pw-home .link-block-6 img {
    width: 140px !important;
  }

  .pw-home .section {
    min-height: 80svh;
  }

  .pw-home .div-block-4 .dex-logo {
    flex: 0 0 calc(25% - 0.5rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pw-stack-scene {
    height: auto;
    min-height: 120vh;
  }

  .pw-stack-sticky {
    position: relative;
    height: auto;
    min-height: 80vh;
  }

  .pw-stack-lines [data-pw-stack-line] {
    opacity: 1 !important;
    transform: none !important;
  }

  .pw-animate,
  .pw-home [data-pw-section] .heading-9,
  .pw-home [data-pw-section] .heading-9-copy,
  .pw-home [data-pw-section] .heading-10,
  .pw-home [data-pw-section] .heading-11,
  .pw-home [data-pw-section] .heading-12,
  .pw-home [data-pw-section] .heading-13,
  .pw-home [data-pw-section] .heading-14,
  .pw-home [data-pw-section] .heading-16,
  .pw-home [data-pw-section] .paragraph,
  .pw-home [data-pw-section] .paragraph-3,
  .pw-home [data-pw-section] .text-block-5,
  .pw-home [data-pw-section] .text-block-6,
  .pw-home [data-pw-section] .text-block-7,
  .pw-home [data-pw-section] .text-block-8,
  .pw-home .section .heading,
  .pw-home .section .pw-hero-badge,
  .pw-home .section .pw-hero-sub,
  .pw-home .section .pw-hero-trust,
  .pw-home .html-embed.w-iframe,
  [data-pw-stack-line],
  [data-pw-reveal] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
