{
  "props": {
    "header": {
      "back": false,
      "counter": false,
      "progressBar": false,
      "title": ""
    },
    "autoNavigation": {
      "enabled": false
    }
  },
  "elements": [
    {
      "id": "el_85veb",
      "type": "Container",
      "props": {
        "orientation": "vertical"
      },
      "styles": {
        "container": {
          "vAlign": {
            "value": "stretch"
          },
          "hAlign": {
            "value": "stretch"
          },
          "spacingTop": {
            "value": 0,
            "unit": "px"
          },
          "spacingHorizontal": {
            "value": 0,
            "unit": "px"
          },
          "spacingBottom": {
            "value": 0,
            "unit": "px"
          }
        }
      }
    },
    {
      "id": "el_lBfeN",
      "type": "Raw",
      "props": {
        "__html": "<div style=\"display:flex;justify-content:center;\">\n  <div style=\"\n    position: relative;\n    width: 200px;\n    height: 300px;\n    border-top-left-radius: 40px;\n    border-top-right-radius: 40px;\n    overflow: hidden;\n  \">\n    <video\n      id=\"prompt_video\"\n      autoplay\n      loop\n      muted\n      playsinline\n      webkit-playsinline\n      preload=\"auto\"\n      poster=\"https://cdn.muzioai.com/assets/video/web_reaction_thumbnail.jpg\"\n      style=\"display:block;width:100%;height:100%;object-fit:cover;\"\n    >\n      <source src=\"https://cdn.muzioai.com/assets/video/web_reaction.mp4\" type=\"video/mp4\">\n    </video>\n  </div>\n</div>\n\n<script>\n  // ВАША исходная логика: z-index выставляется другому элементу\n  const layer = document.getElementById(\"prompt_img_creo-container\");\n  if (layer) layer.style.zIndex = \"2\";\n\n  const video = document.getElementById(\"prompt_video\");\n\n  function resumeVideo() {\n    if (!video) return;\n    if (document.visibilityState === \"visible\" && video.paused) {\n      const p = video.play();\n      if (p && typeof p.catch === \"function\") p.catch(() => {});\n    }\n  }\n\n  document.addEventListener(\"visibilitychange\", resumeVideo);\n  window.addEventListener(\"pageshow\", resumeVideo);\n  window.addEventListener(\"focus\", resumeVideo);\n\n  document.addEventListener(\"touchstart\", function onTouch() {\n    video.play().catch(() => {});\n    document.removeEventListener(\"touchstart\", onTouch);\n  }, { once: true, passive: true });\n\n  resumeVideo()\n</script>\n"
      },
      "styles": {
        "container": {
          "spacingTop": {
            "value": 16,
            "unit": "px"
          }
        }
      }
    },
    {
      "id": "el_YedVU",
      "type": "Image",
      "props": {
        "url": "https://assets.fnlfx.com/01KH4HPQR9N6VPQYE0T0321QEF/6EJJlGxa.webp",
        "width": 1014,
        "height": 408
      },
      "styles": {
        "container": {
          "spacingHorizontal": {
            "value": 0,
            "unit": "px"
          },
          "spacingTop": {
            "value": -70,
            "unit": "px"
          }
        },
        "image": {
          "objectFit": {
            "value": "contain"
          }
        }
      },
      "customId": "prompt_img_creo",
      "visibility": {
        "type": "const",
        "value": true
      }
    },
    {
      "type": "Raw",
      "id": "el_Fbbo4",
      "props": {
        "__html": "<script>\n    function generateUUID() {\n        if (typeof crypto !== 'undefined' && crypto.randomUUID) {\n            return crypto.randomUUID();\n        }\n\n        // fallback для старых браузеров\n        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n            const r = Math.random() * 16 | 0;\n            const v = c === 'x' ? r : (r & 0x3 | 0x8);\n            return v.toString(16);\n        });\n    }\n\n    (function setUserId() {\n        if (!window.fox || !fox.inputs || typeof fox.inputs.get !== 'function') {\n            return setTimeout(setUserId, 50);\n        }\n\n        const existing = fox.inputs.get('_USERID_');\n\n        if (existing) {\n            return;\n        }\n\n        fox.inputs.set('_USERID_', generateUUID());\n    })();\n</script>"
      },
      "styles": {
        "container": {
          "spacingTop": {
            "value": 0,
            "unit": "px"
          }
        }
      }
    },
    {
      "id": "el_8HdVx",
      "type": "Container",
      "props": {
        "orientation": "vertical"
      },
      "styles": {
        "container": {
          "vAlign": {
            "value": "stretch"
          },
          "hAlign": {
            "value": "stretch"
          },
          "position": {
            "value": "sticky"
          },
          "bottom": {
            "value": 0,
            "unit": "px"
          },
          "gap": {
            "value": 0,
            "unit": "px"
          },
          "spacingHorizontal": {
            "unit": "px",
            "value": null
          }
        }
      }
    },
    {
      "id": "el_YKreL",
      "type": "Text",
      "props": {
        "content": "Create Personal<br><span style=\"color: rgb(199, 177, 255)\">AI Songs</span> in Seconds",
        "contentType": "text",
        "type": "h1"
      },
      "styles": {
        "container": {
          "spacingTop": {
            "unit": "px",
            "value": 100
          },
          "position": {
            "value": "static"
          },
          "bottom": {
            "value": 0,
            "unit": "px"
          },
          "spacingBottom": {
            "value": 24,
            "unit": "px"
          }
        },
        "paragraph": {},
        "h1": {},
        "h2": {},
        "h3": {},
        "link": {}
      }
    },
    {
      "type": "Button",
      "id": "el_glvrC",
      "props": {
        "text": "Create my song",
        "action": {
          "type": "navigate",
          "payload": {
            "type": "const",
            "value": null
          }
        }
      },
      "styles": {
        "button": {
          "fontFamily": {
            "value": "SF Pro Display",
            "unit": "user",
            "meta": "sans-serif"
          },
          "fontWeight": {
            "value": 700
          },
          "effect": "pulse",
          "animationDuration": {
            "value": 1.4,
            "unit": "s"
          },
          "animationEasing": "linear",
          "pulseShadowSize": {
            "value": 8,
            "unit": "px"
          },
          "pulseButtonGrow": {
            "value": 1,
            "unit": "%"
          },
          "lineHeight": {
            "unit": "%",
            "value": null
          }
        },
        "container": {
          "position": {
            "value": "static"
          },
          "spacingBottom": {
            "unit": "px",
            "value": null
          },
          "top": {
            "value": 0,
            "unit": "px"
          },
          "bottom": {
            "value": 60,
            "unit": "px"
          },
          "spacingHorizontal": {
            "unit": "px",
            "value": null
          }
        }
      }
    },
    {
      "id": "el_CtNo6",
      "type": "Raw",
      "props": {
        "__html": "<!DOCTYPE html>\n<html lang=\"ru\">\n<head>\n<meta charset=\"UTF-8\" />\n<style>\n  .line {\n    width: 100%;\n    height: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center; /* центр по горизонтали */\n    font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\",\n                 \"Helvetica Neue\", Arial, sans-serif;\n    font-size: 14px;\n    font-weight: 600; /* Semibold */\n    line-height: 20px;\n    color: #9D9D9D;\n    white-space: nowrap;\n  }\n\n  .emoji {\n    width: 20px;\n    height: 20px;\n    font-size: 20px;\n    line-height: 20px;\n    margin-right: 6px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 20px;\n  }\n</style>\n</head>\n<body>\n\n<div class=\"line\">\n  <span class=\"emoji\">🤩</span>\n  <span>No Music Skills Needed</span>\n</div>\n\n</body>\n</html>"
      },
      "styles": {
        "container": {
          "spacingTop": {
            "value": 14,
            "unit": "px"
          },
          "position": {
            "value": "static"
          },
          "spacingHorizontal": {
            "value": 40,
            "unit": "px"
          },
          "spacingBottom": {
            "value": 35,
            "unit": "px"
          },
          "bottom": {
            "value": 60,
            "unit": "px"
          }
        }
      }
    }
  ],
  "hierarchy": {
    "id": "__root__",
    "children": [
      {
        "id": "el_85veb",
        "children": [
          {
            "id": "el_lBfeN"
          },
          {
            "id": "el_YedVU"
          }
        ]
      },
      {
        "id": "el_Fbbo4"
      },
      {
        "id": "el_8HdVx",
        "children": [
          {
            "id": "el_YKreL"
          },
          {
            "id": "el_glvrC"
          },
          {
            "id": "el_CtNo6"
          }
        ]
      }
    ]
  },
  "styles": {
    "container": {}
  },
  "prefetch": {
    "images": [
      "https://assets.fnlfx.com/01KH4HPQR9N6VPQYE0T0321QEF/6EJJlGxa.webp"
    ],
    "elementTypes": [
      "Container",
      "Raw",
      "Image",
      "Text",
      "Button"
    ],
    "checkoutMethods": []
  },
  "id": "fHgYtikB",
  "slug": "intro",
  "index": 0,
  "customId": "intro"
}