{
  "meta": {
    "name": "Tesoro XP Animations",
    "duration": 10000,
    "fps": 60,
    "createdAt": "2025-12-30T17:30:00.000Z",
    "modifiedAt": "2026-01-14T18:00:00.000Z"
  },
  "parameters": {},
  "dom": [
    {
      "id": "hero-content",
      "selector": "[data-hero-content]",
      "from": { "opacity": 1, "y": 0 },
      "to": { "opacity": 0, "y": 50 },
      "ease": "easeInOutExpo",
      "duration": 1000,
      "stagger": { "each": 0.03, "from": "end" },
      "keyframes": [
        {
          "time": 0,
          "properties": { "opacity": 1, "y": 0 },
          "easing": "easeInOutExpo"
        },
        {
          "time": 0.4,
          "properties": { "opacity": 0, "y": 50 },
          "easing": "easeInOutExpo"
        }
      ],
      "scroll": {
        "trigger": "[data-hero-track]",
        "start": "top top",
        "end": "bottom bottom",
        "pin": "[data-hero-pin]",
        "scrub": true
      }
    },
    {
      "id": "hero-visual",
      "selector": "[data-hero-visual]",
      "from": {
        "scale": 1,
        "width": "100vw",
        "clipPath": "polygon(50% 0%, 100% 0%, 100% 50%, 100% 100%, 50% 100%, 0% 100%, 0% 50%, 0% 0%)"
      },
      "to": {
        "scale": 0.7,
        "width": "100vh",
        "clipPath": "polygon(50% 0%, 85% 15%, 100% 50%, 85% 85%, 50% 100%, 15% 85%, 0% 50%, 15% 15%)"
      },
      "ease": "easeOutExpo",
      "duration": 1000,
      "keyframes": [
        {
          "time": 0.2,
          "properties": {
            "scale": 1,
            "width": "100vw",
            "clipPath": "polygon(50% 0%, 100% 0%, 100% 50%, 100% 100%, 50% 100%, 0% 100%, 0% 50%, 0% 0%)"
          },
          "easing": "easeOutExpo"
        },
        {
          "time": 1,
          "properties": {
            "scale": 0.7,
            "width": "100vh",
            "clipPath": "polygon(50% 0%, 85% 15%, 100% 50%, 85% 85%, 50% 100%, 15% 85%, 0% 50%, 15% 15%)"
          },
          "easing": "easeOutExpo"
        }
      ],
      "scroll": {
        "trigger": "[data-hero-track]",
        "start": "top top",
        "end": "bottom bottom",
        "pin": "[data-hero-pin]",
        "scrub": true
      }
    },
    {
      "id": "nav-logo",
      "selector": "[data-nav-logo]",
      "from": { "opacity": 0, "y": -20 },
      "to": { "opacity": 1, "y": 0 },
      "ease": "easeOutExpo",
      "duration": 1000,
      "keyframes": [
        {
          "time": 0,
          "properties": { "opacity": 0, "y": -20 },
          "easing": "easeOutExpo"
        },
        {
          "time": 1,
          "properties": { "opacity": 1, "y": 0 },
          "easing": "easeOutExpo"
        }
      ],
      "scroll": {
        "trigger": "[data-hero-trigger]",
        "start": "top top",
        "end": "top top",
        "scrub": true
      }
    },
    {
      "id": "merchant-h2",
      "selector": "section.product_wrap:nth-of-type(1) h2",
      "from": { "opacity": 0, "y": 50 },
      "to": { "opacity": 1, "y": 0 },
      "ease": "easeOutCubic",
      "duration": 1000,
      "keyframes": [
        {
          "time": 0,
          "properties": { "opacity": 0, "y": 50 },
          "easing": "easeOutCubic"
        },
        {
          "time": 1,
          "properties": { "opacity": 1, "y": 0 },
          "easing": "easeOutCubic"
        }
      ],
      "scroll": {
        "trigger": "section.product_wrap:nth-of-type(1)",
        "start": "top bottom",
        "end": "top 30%",
        "scrub": true
      }
    },
    {
      "id": "merchant-p",
      "selector": "section.product_wrap:nth-of-type(1) p",
      "from": { "opacity": 0, "y": 30 },
      "to": { "opacity": 1, "y": 0 },
      "ease": "easeOutQuad",
      "duration": 1000,
      "keyframes": [
        {
          "time": 0,
          "properties": { "opacity": 0, "y": 30 },
          "easing": "easeOutQuad"
        },
        {
          "time": 1,
          "properties": { "opacity": 1, "y": 0 },
          "easing": "easeOutQuad"
        }
      ],
      "scroll": {
        "trigger": "section.product_wrap:nth-of-type(1)",
        "start": "top bottom",
        "end": "top 30%",
        "scrub": true
      }
    },
    {
      "id": "studio-h2",
      "selector": "section.product_wrap:nth-of-type(2) h2",
      "from": { "opacity": 0, "y": 50 },
      "to": { "opacity": 1, "y": 0 },
      "ease": "easeOutCubic",
      "duration": 1000,
      "keyframes": [
        {
          "time": 0,
          "properties": { "opacity": 0, "y": 50 },
          "easing": "easeOutCubic"
        },
        {
          "time": 1,
          "properties": { "opacity": 1, "y": 0 },
          "easing": "easeOutCubic"
        }
      ],
      "scroll": {
        "trigger": "section.product_wrap:nth-of-type(2)",
        "start": "top bottom",
        "end": "top 30%",
        "scrub": true
      }
    },
    {
      "id": "studio-p",
      "selector": "section.product_wrap:nth-of-type(2) p",
      "from": { "opacity": 0, "y": 30 },
      "to": { "opacity": 1, "y": 0 },
      "ease": "easeOutQuad",
      "duration": 1000,
      "keyframes": [
        {
          "time": 0,
          "properties": { "opacity": 0, "y": 30 },
          "easing": "easeOutQuad"
        },
        {
          "time": 1,
          "properties": { "opacity": 1, "y": 0 },
          "easing": "easeOutQuad"
        }
      ],
      "scroll": {
        "trigger": "section.product_wrap:nth-of-type(2)",
        "start": "top bottom",
        "end": "top 30%",
        "scrub": true
      }
    },
    {
      "id": "gamer-h2",
      "selector": "section.product_wrap:nth-of-type(3) h2",
      "from": { "opacity": 0, "y": 50 },
      "to": { "opacity": 1, "y": 0 },
      "ease": "easeOutCubic",
      "duration": 1000,
      "keyframes": [
        {
          "time": 0,
          "properties": { "opacity": 0, "y": 50 },
          "easing": "easeOutCubic"
        },
        {
          "time": 1,
          "properties": { "opacity": 1, "y": 0 },
          "easing": "easeOutCubic"
        }
      ],
      "scroll": {
        "trigger": "section.product_wrap:nth-of-type(3)",
        "start": "top bottom",
        "end": "top 30%",
        "scrub": true
      }
    },
    {
      "id": "gamer-p",
      "selector": "section.product_wrap:nth-of-type(3) p",
      "from": { "opacity": 0, "y": 30 },
      "to": { "opacity": 1, "y": 0 },
      "ease": "easeOutQuad",
      "duration": 1000,
      "keyframes": [
        {
          "time": 0,
          "properties": { "opacity": 0, "y": 30 },
          "easing": "easeOutQuad"
        },
        {
          "time": 1,
          "properties": { "opacity": 1, "y": 0 },
          "easing": "easeOutQuad"
        }
      ],
      "scroll": {
        "trigger": "section.product_wrap:nth-of-type(3)",
        "start": "top bottom",
        "end": "top 30%",
        "scrub": true
      }
    },
    {
      "id": "card-parallax-1",
      "selector": ".how_layout .card_wrap:nth-child(1)",
      "from": { "y": 80 },
      "to": { "y": -80 },
      "ease": "linear",
      "duration": 1000,
      "keyframes": [
        {
          "time": 0,
          "properties": { "y": 80 },
          "easing": "linear"
        },
        {
          "time": 1,
          "properties": { "y": -80 },
          "easing": "linear"
        }
      ],
      "scroll": {
        "trigger": ".how_layout .card_wrap:nth-child(1)",
        "start": "top bottom",
        "end": "bottom top",
        "scrub": true
      }
    },
    {
      "id": "card-parallax-2",
      "selector": ".how_layout .card_wrap:nth-child(2)",
      "from": { "y": 120 },
      "to": { "y": -120 },
      "ease": "linear",
      "duration": 1000,
      "keyframes": [
        {
          "time": 0,
          "properties": { "y": 120 },
          "easing": "linear"
        },
        {
          "time": 1,
          "properties": { "y": -120 },
          "easing": "linear"
        }
      ],
      "scroll": {
        "trigger": ".how_layout .card_wrap:nth-child(2)",
        "start": "top bottom",
        "end": "bottom top",
        "scrub": true
      }
    },
    {
      "id": "card-parallax-3",
      "selector": ".how_layout .card_wrap:nth-child(3)",
      "from": { "y": 160 },
      "to": { "y": -160 },
      "ease": "linear",
      "duration": 1000,
      "keyframes": [
        {
          "time": 0,
          "properties": { "y": 160 },
          "easing": "linear"
        },
        {
          "time": 1,
          "properties": { "y": -160 },
          "easing": "linear"
        }
      ],
      "scroll": {
        "trigger": ".how_layout .card_wrap:nth-child(3)",
        "start": "top bottom",
        "end": "bottom top",
        "scrub": true
      }
    },
    {
      "id": "card-parallax-4",
      "selector": ".how_layout .card_wrap:nth-child(4)",
      "from": { "y": 200 },
      "to": { "y": -200 },
      "ease": "linear",
      "duration": 1000,
      "keyframes": [
        {
          "time": 0,
          "properties": { "y": 200 },
          "easing": "linear"
        },
        {
          "time": 1,
          "properties": { "y": -200 },
          "easing": "linear"
        }
      ],
      "scroll": {
        "trigger": ".how_layout .card_wrap:nth-child(4)",
        "start": "top bottom",
        "end": "bottom top",
        "scrub": true
      }
    },
    {
      "id": "theme-to-merchant",
      "selector": "body",
      "from": {},
      "to": {
        "--_theme---background": "#c8fbd4",
        "--_theme---text": "#2a4935",
        "--_theme---background-2": "#94ffb4",
        "--_theme---heading-accent": "#3ace67",
        "--_theme---card-background": "#3ace67",
        "--_theme---card-border": "#94ffb4",
        "--_theme---selection--background": "#94ffb4",
        "--_theme---selection--text": "#2a4935",
        "--_theme---nav--background": "#c8fbd4",
        "--_theme---nav--link-hover": "#fdf8f3",
        "--_theme---shadow": "#2a4935",
        "--_theme---button--icon": "#fdf8f3",
        "--_theme---button--icon-base": "#222",
        "--_theme---button--background": "white",
        "--_theme---button--text": "#222"
      },
      "ease": "easeOutCubic",
      "duration": 1000,
      "keyframes": [
        {
          "time": 0,
          "properties": {},
          "easing": "easeOutCubic"
        },
        {
          "time": 1,
          "properties": {
            "--_theme---background": "#c8fbd4",
            "--_theme---text": "#2a4935",
            "--_theme---background-2": "#94ffb4",
            "--_theme---heading-accent": "#3ace67",
            "--_theme---card-background": "#3ace67",
            "--_theme---card-border": "#94ffb4",
            "--_theme---selection--background": "#94ffb4",
            "--_theme---selection--text": "#2a4935",
            "--_theme---nav--background": "#c8fbd4",
            "--_theme---nav--link-hover": "#fdf8f3",
            "--_theme---shadow": "#2a4935",
            "--_theme---button--icon": "#fdf8f3",
            "--_theme---button--icon-base": "#222",
            "--_theme---button--background": "white",
            "--_theme---button--text": "#222"
          },
          "easing": "easeOutCubic"
        }
      ],
      "scroll": {
        "trigger": "[data-animate-theme-to='merchant']",
        "start": "top 60%",
        "end": "top 40%",
        "scrub": true
      }
    },
    {
      "id": "theme-to-studio",
      "selector": "body",
      "from": {},
      "to": {
        "--_theme---background": "#feebc9",
        "--_theme---text": "#664910",
        "--_theme---background-2": "#ffdfa0",
        "--_theme---heading-accent": "#ffb627",
        "--_theme---card-background": "#ffb627",
        "--_theme---card-border": "#ffdfa0",
        "--_theme---selection--background": "#ffdfa0",
        "--_theme---selection--text": "#664910",
        "--_theme---nav--background": "#feebc9",
        "--_theme---nav--link-hover": "#fdf8f3",
        "--_theme---shadow": "#664910",
        "--_theme---button--icon": "#fdf8f3",
        "--_theme---button--icon-base": "#222",
        "--_theme---button--background": "white",
        "--_theme---button--text": "#222"
      },
      "ease": "easeOutCubic",
      "duration": 1000,
      "keyframes": [
        {
          "time": 0,
          "properties": {},
          "easing": "easeOutCubic"
        },
        {
          "time": 1,
          "properties": {
            "--_theme---background": "#feebc9",
            "--_theme---text": "#664910",
            "--_theme---background-2": "#ffdfa0",
            "--_theme---heading-accent": "#ffb627",
            "--_theme---card-background": "#ffb627",
            "--_theme---card-border": "#ffdfa0",
            "--_theme---selection--background": "#ffdfa0",
            "--_theme---selection--text": "#664910",
            "--_theme---nav--background": "#feebc9",
            "--_theme---nav--link-hover": "#fdf8f3",
            "--_theme---shadow": "#664910",
            "--_theme---button--icon": "#fdf8f3",
            "--_theme---button--icon-base": "#222",
            "--_theme---button--background": "white",
            "--_theme---button--text": "#222"
          },
          "easing": "easeOutCubic"
        }
      ],
      "scroll": {
        "trigger": "[data-animate-theme-to='studio']",
        "start": "top 60%",
        "end": "top 40%",
        "scrub": true
      }
    },
    {
      "id": "theme-to-gamer",
      "selector": "body",
      "from": {},
      "to": {
        "--_theme---background": "#f8d0f6",
        "--_theme---text": "#552858",
        "--_theme---background-2": "#f3a9f9",
        "--_theme---heading-accent": "#d464dc",
        "--_theme---card-background": "#d464dc",
        "--_theme---card-border": "#f3a9f9",
        "--_theme---selection--background": "#f3a9f9",
        "--_theme---selection--text": "#552858",
        "--_theme---nav--background": "#f8d0f6",
        "--_theme---nav--link-hover": "#fdf8f3",
        "--_theme---shadow": "#552858",
        "--_theme---button--icon": "#fdf8f3",
        "--_theme---button--icon-base": "#222",
        "--_theme---button--background": "white",
        "--_theme---button--text": "#222"
      },
      "ease": "easeOutCubic",
      "duration": 1000,
      "keyframes": [
        {
          "time": 0,
          "properties": {},
          "easing": "easeOutCubic"
        },
        {
          "time": 1,
          "properties": {
            "--_theme---background": "#f8d0f6",
            "--_theme---text": "#552858",
            "--_theme---background-2": "#f3a9f9",
            "--_theme---heading-accent": "#d464dc",
            "--_theme---card-background": "#d464dc",
            "--_theme---card-border": "#f3a9f9",
            "--_theme---selection--background": "#f3a9f9",
            "--_theme---selection--text": "#552858",
            "--_theme---nav--background": "#f8d0f6",
            "--_theme---nav--link-hover": "#fdf8f3",
            "--_theme---shadow": "#552858",
            "--_theme---button--icon": "#fdf8f3",
            "--_theme---button--icon-base": "#222",
            "--_theme---button--background": "white",
            "--_theme---button--text": "#222"
          },
          "easing": "easeOutCubic"
        }
      ],
      "scroll": {
        "trigger": "[data-animate-theme-to='gamer']",
        "start": "top 60%",
        "end": "top 40%",
        "scrub": true
      }
    },
    {
      "id": "gradient-heading-gradient",
      "selector": ".how_title_wrap [data-gradient-reveal='gradient']",
      "from": { "opacity": 0 },
      "to": { "opacity": 1 },
      "ease": "easeOutExpo",
      "duration": 1000,
      "splitText": "chars",
      "stagger": 0.03,
      "keyframes": [
        {
          "time": 0,
          "properties": { "opacity": 0 },
          "easing": "easeOutExpo"
        },
        {
          "time": 1,
          "properties": { "opacity": 1 },
          "easing": "easeOutExpo"
        }
      ],
      "scroll": {
        "trigger": ".how_title_wrap .gradient-reveal-wrap",
        "start": "top 80%",
        "end": "top 50%",
        "scrub": true
      }
    },
    {
      "id": "gradient-heading-overlay",
      "selector": ".how_title_wrap [data-gradient-reveal='overlay']",
      "from": { "opacity": 1 },
      "to": { "opacity": 0 },
      "ease": "easeOutExpo",
      "duration": 1000,
      "splitText": "chars",
      "stagger": 0.03,
      "keyframes": [
        {
          "time": 0,
          "properties": { "opacity": 1 },
          "easing": "easeOutExpo"
        },
        {
          "time": 1,
          "properties": { "opacity": 0 },
          "easing": "easeOutExpo"
        }
      ],
      "scroll": {
        "trigger": ".how_title_wrap .gradient-reveal-wrap",
        "start": "top 80%",
        "end": "top 50%",
        "scrub": true
      }
    }
  ],
  "canvas": [],
  "lottie": [
    {
      "id": "lottie-connect",
      "container": ".how_layout .card_wrap:nth-child(1) [data-lottie]",
      "src": "https://faster-dev.s3.amazonaws.com/media/605/lottie/connect.json",
      "scroll": {
        "trigger": ".how_layout .card_wrap:nth-child(1)",
        "start": "top 80%",
        "end": "top 30%",
        "scrub": true
      }
    },
    {
      "id": "lottie-activate",
      "container": ".how_layout .card_wrap:nth-child(2) [data-lottie]",
      "src": "https://faster-dev.s3.amazonaws.com/media/605/lottie/activate.json",
      "scroll": {
        "trigger": ".how_layout .card_wrap:nth-child(2)",
        "start": "top 80%",
        "end": "top 30%",
        "scrub": true
      }
    },
    {
      "id": "lottie-spend",
      "container": ".how_layout .card_wrap:nth-child(3) [data-lottie]",
      "src": "https://faster-dev.s3.amazonaws.com/media/605/lottie/spend.json",
      "scroll": {
        "trigger": ".how_layout .card_wrap:nth-child(3)",
        "start": "top 80%",
        "end": "top 30%",
        "scrub": true
      }
    },
    {
      "id": "lottie-reward",
      "container": ".how_layout .card_wrap:nth-child(4) [data-lottie]",
      "src": "https://faster-dev.s3.amazonaws.com/media/605/lottie/reward.json",
      "scroll": {
        "trigger": ".how_layout .card_wrap:nth-child(4)",
        "start": "top 80%",
        "end": "top 30%",
        "scrub": true
      }
    },
    {
      "id": "lottie-merchant",
      "container": ".product_visual.u-card-green [data-lottie]",
      "src": "https://faster-dev.s3.amazonaws.com/media/605/lottie/merchant-lottie.json",
      "autoplay": true,
      "loop": true
    },
    {
      "id": "lottie-studio",
      "container": ".product_visual.u-card-gold [data-lottie]",
      "src": "https://faster-dev.s3.amazonaws.com/media/605/lottie/game-studio.json",
      "autoplay": true,
      "loop": true
    },
    {
      "id": "lottie-gamer",
      "container": ".product_visual.u-card-fuchsia [data-lottie]",
      "src": "https://faster-dev.s3.amazonaws.com/media/605/lottie/gamer.json",
      "autoplay": true,
      "loop": true
    }
  ]
}