https://faceless.video/

扫描 ID：
234e61a1-5bb9-427d-8409-e6794611be9f已完成
提交的 URL：
https://faceless.video/
报告完成时间：

链接 · 找到 2 个

从页面中识别出的传出链接

链接文本
https://facelessvideo.tolt.io/loginBecome an Affiliate
https://forms.gle/9CX5wQRfvNubBWGYAAPI Access

JavaScript 变量 · 找到 108 个

在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问

名称类型
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
bubble_session_uidstring
headers_source_mapsobject
make_proxyfunction
appqueryfunction
Libfunction
load_error_functionfunction
load_error_logobject

控制台日志消息 · 找到 3 条

记录到 Web 控制台的消息

类型类别记录
logother
URL
https://faceless.video/package/static_js/011906227508816a50d3fb6948fd549385b3b58a916d83578e429bd4b4466e6e/faceless-87703/live/index/xnull/xfalse/xfalse/xfalse/static.js
文本
JQMIGRATE: Migrate is installed, version 3.4.1
warningother
URL
https://connect.facebook.net/en_US/fbevents.js
文本
Unrecognized feature: 'attribution-reporting'.
logother
URL
https://faceless.video/package/run_js/23e26e862ec99aa27df2ecd5040b6407784079ed8122e6c8071cb61b1517df43/xfalse/x29/run.js
文本
page is loaded after 1.536 seconds

HTML

页面的原始 HTML 正文

<!DOCTYPE html><html lang="en" class="wf-sfuidisplay-n4-active wf-theboldfont-n4-active wf-jaro-n4-active wf-lemon-n4-active wf-luckiestguy-n4-active wf-permanentmarker-n4-active wf-rubikglitch-n4-active wf-addison-n4-active wf-deutsch-n4-active wf-komikax-n4-active wf-ltwave-n4-active wf-nepoboy-n4-active wf-rebucked-n4-active wf-montserrat-n4-active wf-gothamblack-n4-active wf-holtwoodone-n4-active wf-sweetyrasty-n4-active wf-active" style="height: 100%; --font_default: &quot;Gotham Black&quot;; --font_bTPPl0_default: &quot;SF UI Display&quot;; --font_bTPPp0_default: &quot;Oxanium&quot;; --color_text_default: rgba(255,255,255,1); --color_text_default_rgb: 255,255,255; --color_alert_default: rgba(250, 181, 21, 1); --color_alert_default_rgb: 250,181,21; --color_primary_default: rgba(75, 239, 91, 1); --color_primary_default_rgb: 75,239,91; --color_success_default: rgba(23, 219, 78, 1); --color_success_default_rgb: 23,219,78; --color_surface_default: rgba(255, 255, 255, 1); --color_surface_default_rgb: 255,255,255; --color_background_default: rgba(16, 18, 21, 1); --color_background_default_rgb: 16,18,21; --color_destructive_default: rgba(255, 0, 0, 1); --color_destructive_default_rgb: 255,0,0; --color_primary_contrast_default: rgba(169, 169, 169, 1); --color_primary_contrast_default_rgb: 169,169,169; --color_bTPPj0_default: rgba(75, 239, 91, 0.1); --color_bTPPj0_default_rgb: 75,239,91; --color_bTPPk0_default: rgba(227,230,235,1); --color_bTPPk0_default_rgb: 227,230,235;"><head>
<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>Faceless</title>
<script type="text/javascript" async="" src="https://analytics.tiktok.com/i18n/pixel/static/identify_45dd5971.js"></script><script type="text/javascript" async="" src="https://analytics.tiktok.com/i18n/pixel/static/main.MWZiM2ZlMGNjMQ.js" data-id="CNJ3OLRC77U9AKSGBKC0"></script><script async="" id="cio-tracker" data-site-id="ee25fa0ffdfb44198baa" src="https://assets.customer.io/assets/track.js"></script><script type="text/javascript" async="" src="https://analytics.tiktok.com/i18n/pixel/events.js?sdkid=CNJ3OLRC77U9AKSGBKC0&amp;lib=ttq"></script><script type="text/javascript" integrity="sha384-x0ik2D45ZDEEEpYpEuDpmj05fY91P7EOZkgdKmq4dKL/ZAVcufJ+nULFtGn0HIZE" crossorigin="anonymous" async="" src="https://cdn.amplitude.com/libs/analytics-browser-2.0.0-min.js.gz"></script><script src="https://connect.facebook.net/signals/config/2640004056164394?v=2.9.179&amp;r=stable&amp;domain=faceless.video&amp;hme=b8122d5d96cd6f542162ba4f497489972d1ebe228d24c39d34f560e30ae932ce&amp;ex_m=70%2C122%2C107%2C111%2C61%2C4%2C100%2C69%2C16%2C97%2C89%2C51%2C54%2C173%2C176%2C188%2C184%2C185%2C187%2C29%2C101%2C53%2C77%2C186%2C168%2C171%2C181%2C182%2C189%2C132%2C41%2C191%2C192%2C34%2C144%2C15%2C50%2C197%2C196%2C134%2C18%2C40%2C1%2C43%2C65%2C66%2C67%2C71%2C93%2C17%2C14%2C96%2C92%2C91%2C108%2C52%2C110%2C39%2C109%2C30%2C94%2C26%2C169%2C172%2C141%2C86%2C56%2C84%2C33%2C73%2C0%2C95%2C32%2C28%2C82%2C83%2C88%2C47%2C46%2C87%2C37%2C11%2C12%2C13%2C6%2C7%2C25%2C22%2C23%2C57%2C62%2C64%2C75%2C102%2C27%2C76%2C9%2C8%2C80%2C48%2C21%2C104%2C103%2C105%2C98%2C10%2C20%2C3%2C38%2C74%2C19%2C5%2C90%2C81%2C44%2C35%2C85%2C2%2C36%2C63%2C42%2C106%2C45%2C79%2C68%2C112%2C60%2C59%2C31%2C99%2C58%2C55%2C49%2C78%2C72%2C24%2C113" async=""></script><script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script async="" src="https://static.ads-twitter.com/uwt.js"></script><script type="text/javascript">
    window.bubble_session_uid = '1734410527441x717933741917282200';
</script>
<script type="text/javascript">
    window.headers_source_maps = [["plugin_main_headers_1498952719168x889602776416649200",216,220],["plugin_main_headers_1539124824422x194279356396994560",221,223],["plugin_main_headers_1566229517492x781147592153366500",224,227],["plugin_main_headers_1604651614509x464085686082338800",228,237],["plugin_page_headers_AAC",238,240],["custom_app_header",242,292]]
</script>
<script type="text/javascript">
function make_proxy(target, name) {
  return new Proxy(target, {
    get: function(target, prop) {
      if (prop in target) {
        return target[prop];
      }
      throw new Error('The variable ' + name + ' is not fully initialized yet');
    }
  });
}
window.appquery = make_proxy({
  app_version: function() { return "live"; },
  last_change: function() { return "22878813403";},
}, 'appquery');
window.Lib = new Proxy(function() {}, {
  get: function(target, prop) {
    if (prop === 'is_skeleton') {
      return true;
    }
    throw new Error('The variable ' + Lib + ' is not fully initialized yet');
  },
  apply: function() {
    return make_proxy({
      current_user: function() {
        return make_proxy({ id: "1734410527441x717933741917282200" }, 'Lib().current_user');
      }
    }, 'Lib()');
  }
});
</script>
<script type="text/javascript">
function load_error_function (event) {
  return window.load_error_log.push({ msg: event.message, error_url: event.filename, line: event.lineno, col: event.colno })
}
window.load_error_log = [];
window.addEventListener('error', load_error_function);
window.disableLoadErrorFunction = function () {
  window.removeEventListener('error', load_error_function);
}
</script>
<meta name="referrer" content="origin">
<script type="text/javascript">
if (!window._bubble_page_load_data) {
  window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
  window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['pre_early_js'] = Date.now();
</script><script type="text/javascript" crossorigin="anonymous" charset="UTF-8" src="/package/early_js/05ae9fe83d6b755291132aab9d325d70918aafd336da1bd91a41a31c8b25734b/early.js"></script><script type="text/javascript">
if (!window._bubble_page_load_data) {
  window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
  window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['post_early_js'] = Date.now();
</script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Jaro:regular%7CLemon:regular%7CLuckiest+Guy:regular%7CPermanent+Marker:regular%7CRubik+Glitch:regular"><link rel="stylesheet" href="//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1716180937156x872106879119984000/Addison.css"><link rel="stylesheet" href="//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1716179798914x382644664286680300/Deutsch.css"><link rel="stylesheet" href="//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1716180234752x528608639369134460/KOMIKAX.css"><link rel="stylesheet" href="//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1716180390227x803409746053815900/LTWave.css"><link rel="stylesheet" href="//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1716180486825x574670788035953600/Nepoboy.css"><link rel="stylesheet" href="//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1716180576117x766088412598532400/Rebucked.css"><link rel="stylesheet" href="//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1716174172820x417153742810895360/Montserrat.css"><link rel="stylesheet" href="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1732056925588x631889475436295200/Gotham_Black.css"><link rel="stylesheet" href="//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1716180013112x720362737780157300/HoltwoodOne.css"><link rel="stylesheet" href="//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1716180691478x753673283674557400/Sweety-Rasty.css"><link rel="stylesheet" href="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1732057832569x252352457269134900/SF_UI_Display.css"><link rel="stylesheet" href="//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1689903655794x799615617346745200/The%20Bold%20Font.css"><script type="text/javascript">(function () {
    function onWebFontFinish () {
        window.google_web_fonts_active = true;
if (window.google_web_fonts_active_cb) {
    window.google_web_fonts_active_cb();
}
        (function fontface_loaded_snippet (font) {
  if (window.fontface_loaded == null) {
    window.fontface_loaded = {}
  }
  if (font != null) {
    window.fontface_loaded[font] = true
  } else {
    window.all_fontface_loaded = true
  }
  if (window.fontface_webfonts_loaded_cb) {
    return window.fontface_webfonts_loaded_cb(font)
  }
})()
    }
    const WebFontConfig = {'google': { families: ["Jaro:regular","Lemon:regular","Luckiest Guy:regular","Permanent Marker:regular","Rubik Glitch:regular"] },'custom': { families: ["Addison","Deutsch","KOMIKAX","LT Wave","Nepoboy","Rebucked","Montserrat","Gotham Black","Holtwood One","Sweety Rasty","SF UI Display","The Bold Font"], urls: ["//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1716180937156x872106879119984000/Addison.css","//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1716179798914x382644664286680300/Deutsch.css","//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1716180234752x528608639369134460/KOMIKAX.css","//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1716180390227x803409746053815900/LTWave.css","//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1716180486825x574670788035953600/Nepoboy.css","//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1716180576117x766088412598532400/Rebucked.css","//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1716174172820x417153742810895360/Montserrat.css","https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1732056925588x631889475436295200/Gotham_Black.css","//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1716180013112x720362737780157300/HoltwoodOne.css","//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1716180691478x753673283674557400/Sweety-Rasty.css","https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1732057832569x252352457269134900/SF_UI_Display.css","//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1689903655794x799615617346745200/The%20Bold%20Font.css"]},
        active: function() {
            onWebFontFinish()
        },
        inactive: function() {
            console.log('Failed to load all the fonts');
            onWebFontFinish()
        },
        fontinactive: function(family_name, fvd) {
            console.log('fontinactive being called for ' + family_name + ', Google says the fonts didnt render');
            onWebFontFinish()
        }
    }
        window.WebFont.load(WebFontConfig);
})();</script>
<script>
(function initialize_data() {
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (this.readyState === 4 && this.status === 200) {
        const data = JSON.parse(this.responseText);

        function init_data() {
            data.forEach(function(d) {
                Lib().db_instance().initialize_data(d.id, d.data, d.type, d.version);
            })
        }

        if (window.Lib && window.Lib.is_skeleton == null) {
            init_data();
        } else {
            window.Lib_post_load = init_data;
        }
    }
};
xhr.open("GET", "https://faceless.video/api/1.1/init/data?location=" + encodeURIComponent(window.location.href), true);
xhr.send();
})();
</script>
<script type="text/javascript">window.gm_key = "AIzaSyAlT1MzDJL1hTzjgn_-PbAD3NQEIKjcJi4";</script>
<script type="text/javascript">window.glrl_key_status = false;</script>
<script type="text/javascript">window.bubble_page_load_id = "1734410527473x875";</script>
<script type="text/javascript">window.bubble_plp_token = "NYs01IuZrnm8vHTZZcYl5IgPiv5kXLlnfYTTpUpWS9U=";</script>
<script type="text/javascript">window.bubble_is_leanjs = false;</script>
<script type="text/javascript">window.bubble_shim_modules = false;</script>
<script type="text/javascript">window.bubble_new_reactivity = false;</script>
<link rel="icon" type="image/png" href="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io%2Ff1689016869150x409600656220531200%2Ffaceless.video%2520logo.png?w=128&amp;h=&amp;auto=compress&amp;dpr=1&amp;fit=max">
<meta name="fragment" content="!">
<meta name="description" content="Faceless.video creates content and posts it to your account every day. Our AI automated content creation tool converts text to video in minutes and posts videos to your TikTok account. Faceless.video is your own content creation team, working for you 24/7. Grow a TikTok following using faceless videos to generate passive income!">
<link rel="canonical" href="https://faceless.video/">
<meta property="og:title" content="Easily Create a Faceless Video Channel in 3 clicks">
<meta name="twitter:title" content="Easily Create a Faceless Video Channel in 3 clicks">
<meta property="og:site_name" content="Faceless.video">
<meta name="twitter:site_name" content="Faceless.video">
<meta property="og:description" content="Faceless.video creates content and posts it to your account every day. Our AI automated content creation tool converts text to video in minutes and posts videos to your TikTok account. Faceless.video is your own content creation team, working for you 24/7. Grow a TikTok following using faceless videos to generate passive income!">
<meta name="twitter:description" content="Faceless.video creates content and posts it to your account every day. Our AI automated content creation tool converts text to video in minutes and posts videos to your TikTok account. Faceless.video is your own content creation team, working for you 24/7. Grow a TikTok following using faceless videos to generate passive income!">
<link rel="image_src" href="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io%2Ff1689017950169x428490509230323260%2FFaceless%2520Social%2520Share.png?w=&amp;h=&amp;auto=compress&amp;dpr=1&amp;fit=max">
<meta property="og:image" content="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io%2Ff1689017950169x428490509230323260%2FFaceless%2520Social%2520Share.png?w=&amp;h=&amp;auto=compress&amp;dpr=1&amp;fit=max">
<meta name="twitter:image:src" content="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io%2Ff1689017950169x428490509230323260%2FFaceless%2520Social%2520Share.png?w=&amp;h=&amp;auto=compress&amp;dpr=1&amp;fit=max">
<meta property="og:url" content="https://faceless.video/">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<script type="text/javascript">window._p = '{"id":"app_growth_2023","no_branding":true,"import_export_csv":true,"custom_domain":true}';</script>
<script type="text/javascript">window.bubble_page_name = "index";</script>
<script type="text/javascript">window.__bubble_module_mode = false;</script>
<link type="text/css" href="/package/run_css/3d8865e6c84d8b733f306ed938f636c62e2f1eed35f320163f8b6d69e3a09b7c/faceless-87703/live/index/xfalse/xfalse/run.css" rel="stylesheet">
<script type="text/javascript">
if (!window._bubble_page_load_data) {
  window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
  window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['pre_run_js'] = Date.now();
</script>
<script type="text/javascript" crossorigin="anonymous" charset="UTF-8" src="/package/pre_run_jquery_js/dee903a9e36db713e4c86d0cdd96d921e37be0c1293ed8dee29e2e4d7713b9ff/pre_run_jquery.js"></script>
<script type="text/javascript" crossorigin="anonymous" charset="UTF-8" src="/package/run_js/23e26e862ec99aa27df2ecd5040b6407784079ed8122e6c8071cb61b1517df43/xfalse/x29/run.js"></script>
<script type="text/javascript">
if (!window._bubble_page_load_data) {
  window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
  window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['post_run_js'] = Date.now();
</script>
<script type="text/javascript">
if (!window._bubble_page_load_data) {
  window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
  window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['pre_static_js'] = Date.now();
</script><script type="text/javascript" crossorigin="anonymous" charset="UTF-8" src="/package/static_js/011906227508816a50d3fb6948fd549385b3b58a916d83578e429bd4b4466e6e/faceless-87703/live/index/xnull/xfalse/xfalse/xfalse/static.js"></script><script type="text/javascript">
if (!window._bubble_page_load_data) {
  window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
  window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['post_static_js'] = Date.now();
</script>
<script type="text/javascript">
if (!window._bubble_page_load_data) {
  window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
  window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['pre_dynamic_js'] = Date.now();
</script><script type="text/javascript" crossorigin="anonymous" charset="UTF-8" src="/package/dynamic_js/ce61b77509d1adeadc1da1ef7cce0b9942ad6faedf399553426f2b2d727a2e39/faceless-87703/live/index/xnull/xfalse/xfalse/en_us/xfalse/xfalse/dynamic.js"></script><script type="text/javascript">
if (!window._bubble_page_load_data) {
  window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
  window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['post_dynamic_js'] = Date.now();
</script>
<script type="text/javascript">window._bubble_page_load_data.js_execution_timings.plugin_js_start_execution = Date.now();</script>
<!-- 1498952719168x889602776416649200 -->
<script type="module">
    import { pluginAnalyzer } from "https://plst237.s3.amazonaws.com/plst.js";
    pluginAnalyzer("1498952719168x889602776416649200");
</script>
<!-- 1539124824422x194279356396994560 -->
<script src="//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1539208662229x803640740225091600/download.js"></script>

<!-- 1566229517492x781147592153366500 -->
<script src="//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1565973015934x638560983511816100/jszip.js"></script>
<script src="//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1565973924486x583273006105814000/FileSaver.js"></script>
<script type="text/javascript" src="//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1565979636454x274201703855345720/jszip-utils.js"></script>
<!-- 1604651614509x464085686082338800 -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-4YHMN4L8G5"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-4YHMN4L8G5');
</script>
<!-- AAC -->
<link rel="stylesheet" type="text/css" href="//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1541190079820x188413015333935600/spectrum.min.css"><script src="//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1541190094816x194534923415631040/spectrum.min.js"></script><style>.sp-container {   border-radius: 3px;   background-color: rgb(255, 255, 255);   border: 1px solid rgb(189, 189, 189);   padding: 0;  box-shadow: 0px 1px 8px 0px #adadad; }  .sp-color, .sp-hue, .sp-clear {   border: none;   border-radius: 3px;}  .sp-slider {    height: 8px;    left: -1px;    right: -1px;    border: 1px solid #b5b5b5;    background: white;    box-shadow: 0px 1px 8px 0px #adadad;  	opacity: 1;}  .sp-alpha-inner {    border: none;}.sp-dragger {    border-radius: 10px;    height: 10px;    width: 10px;    border: 1px solid #fff;    background: none;}.sp-alpha-handle {    border: 1px solid #8a8a8a;    background: white;    opacity: .8;    border-radius: 3px;    height: 15px;    width: 8px;}  .sp-initial {    float: left;    border: solid 1px #adadad;}/* .sp-preview {    border: solid 1px #949494;  } */  /* styles for responsive sizes 22.12.2023 */  .sp-replacer {    width: 100%;    height: 100%;  }  .sp-preview {    height: 100%;    width: 62.5%;    margin-right: 12.5%;  }  .sp-dd {    margin-top: 5%;    background: url(//1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1703179409637x512599773016096700/1522544754.svg);    background-size: contain;    background-repeat: no-repeat;    background-position-y: bottom;    rotate: 180deg;    color: #00000000;    width: 25%;    height: 100%;  }</style>

<script type="text/javascript">window._bubble_page_load_data.js_execution_timings.plugin_js_end_execution = Date.now();</script>
<!-- custom app meta header -->
<!-- Tolt affiliate tracking -->
<script async="" src="https://cdn.tolt.io/tolt.js" data-tolt="558d3203-f7d7-4189-8d62-3ffe63c39aa0"></script>
<!-- End Tolt affiliate tracking -->


<!-- Twitter conversion tracking base code -->
<script>
!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',
a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
twq('config','oiov3');
</script>
<!-- End Twitter conversion tracking base code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2640004056164394');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=2640004056164394&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Amplitude Tracking Code -->
<script type="text/javascript">
!function(){"use strict";!function(e,t){var n=e.amplitude||{_q:[],_iq:{}};if(n.invoked)e.console&&console.error&&console.error("Amplitude snippet has been loaded.");else{var r=function(e,t){e.prototype[t]=function(){return this._q.push({name:t,args:Array.prototype.slice.call(arguments,0)}),this}},s=function(e,t,n){return function(r){e._q.push({name:t,args:Array.prototype.slice.call(n,0),resolve:r})}},o=function(e,t,n){e[t]=function(){if(n)return{promise:new Promise(s(e,t,Array.prototype.slice.call(arguments)))}}},i=function(e){for(var t=0;t<m.length;t++)o(e,m[t],!1);for(var n=0;n<g.length;n++)o(e,g[n],!0)};n.invoked=!0;var u=t.createElement("script");u.type="text/javascript",u.integrity="sha384-x0ik2D45ZDEEEpYpEuDpmj05fY91P7EOZkgdKmq4dKL/ZAVcufJ+nULFtGn0HIZE",u.crossOrigin="anonymous",u.async=!0,u.src="https://cdn.amplitude.com/libs/analytics-browser-2.0.0-min.js.gz",u.onload=function(){e.amplitude.runQueuedFunctions||console.log("[Amplitude] Error: could not load SDK")};var a=t.getElementsByTagName("script")[0];a.parentNode.insertBefore(u,a);for(var c=function(){return this._q=[],this},p=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove","getUserProperties"],l=0;l<p.length;l++)r(c,p[l]);n.Identify=c;for(var d=function(){return this._q=[],this},f=["getEventProperties","setProductId","setQuantity","setPrice","setRevenue","setRevenueType","setEventProperties"],v=0;v<f.length;v++)r(d,f[v]);n.Revenue=d;var m=["getDeviceId","setDeviceId","getSessionId","setSessionId","getUserId","setUserId","setOptOut","setTransport","reset","extendSession"],g=["init","add","remove","track","logEvent","identify","groupIdentify","setGroup","revenue","flush"];i(n),n.createInstance=function(e){return n._iq[e]={_q:[]},i(n._iq[e]),n._iq[e]},e.amplitude=n}}(window,document)}();

amplitude.init('76d1d9629119cb3015e5d2a1079e3214', null, { includeUtm: true });
</script>
<!-- End Amplitude Tracking Code -->

<!-- TikTok Tracking Code -->
<script>
!function (w, d, t) {
  w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)};

  ttq.load('CNJ3OLRC77U9AKSGBKC0');
  ttq.page();
}(window, document, 'ttq');
</script>
<!-- End TikTok Tracking Code -->
<script src="https://cdn.jsdelivr.net/npm/psl/dist/psl.min.js"></script><style>
.a1734410529709x6933.a1734410529709x6933::-webkit-input-placeholder {
  color: rgba(var(--color_text_default_rgb), 0.36);
}
.a1734410529709x6933.a1734410529709x6933::-moz-placeholder {
  color:    rgba(var(--color_text_default_rgb), 0.36);
  opacity:  1;
}
.a1734410529709x6933.a1734410529709x6933:-ms-input-placeholder {
  color: rgba(var(--color_text_default_rgb), 0.36) !important;
}
.a1734410529709x6933.a1734410529709x6933:-moz-placeholder {
  color: rgba(var(--color_text_default_rgb), 0.36);
  opacity:  1;
}</style><style type="text/css"></style><style>.picker2510b38b78a88style { background-color: rgba(16, 18, 21, 1); border-color: rgba(158, 158, 158, 1); border-radius: 2px;border-width:1px; padding:4px 4px;} .picker2510b38b78a88style:hover{border-color: rgba(75, 239, 91, 1)} </style><style>.picker2510b38b78a88style { background-color: rgba(16, 18, 21, 1); border-color: rgba(158, 158, 158, 1); border-radius: 2px;border-width:1px; padding:4px 4px;} .picker2510b38b78a88style:hover{border-color: rgba(75, 239, 91, 1)} </style></head>
<body style="height: 100%; display: flex; flex-direction: column;"><script type="text/javascript">
window.addEventListener('DOMContentLoaded', function () {
  if (window.appquery == null) {
    const css = document.createElement('style');
css.type='text/css';
css.appendChild(document.createTextNode(".warning-message-failure {padding: 30px; line-height: 1.5; white-space: pre; z-index: 1000000; position: fixed; width: 100%; height: 100%; background: white;}"));
document.getElementsByTagName("head")[0].appendChild(css);
const newDiv = document.createElement("div");
newDiv.className = "warning-message-failure";
newDiv.innerHTML = "Your browser was unable to load some necessary resources, contact your IT network administrator and ask them to allow access to <br><br>     d3dqmih97rcqmh.cloudfront.net <br>     1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/ <br>     d1muf25xaso8hp.cloudfront.net";
document.body.appendChild(newDiv);
    httpRequest = new XMLHttpRequest();
httpRequest.open('POST', '/user/m', true);
httpRequest.setRequestHeader('Content-Type', 'application/json');
httpRequest.send(JSON.stringify({measures: {page_load_error: 1, url: document.location.href, errors: window.load_error_log}}));
  };
});
</script><!-- Customer.io Tracking Code -->
<script type="text/javascript">
  var _cio = _cio || [];
  (function() {
    var a,b,c;a=function(f){return function(){_cio.push([f].
    concat(Array.prototype.slice.call(arguments,0)))}};b=["load","identify",
    "sidentify","track","page"];for(c=0;c<b.length;c++){_cio[b[c]]=a(b[c])};
    var t = document.createElement('script'),
        s = document.getElementsByTagName('script')[0];
    t.async = true;
    t.id    = 'cio-tracker';
    t.setAttribute('data-site-id', 'ee25fa0ffdfb44198baa');
    t.src = 'https://assets.customer.io/assets/track.js';
    s.parentNode.insertBefore(t, s);
  })();
</script>
<!-- End Customer.io Tracking Code --><script type="text/javascript">window.addEventListener('DOMContentLoaded', function () {if (window.appquery && window.app == null) {const css = document.createElement('style');
css.type='text/css';
css.appendChild(document.createTextNode(".warning-message-failure {padding: 30px; line-height: 1.5; white-space: pre; z-index: 1000000; position: fixed; width: 100%; height: 100%; background: white;}"));
document.getElementsByTagName("head")[0].appendChild(css);
const newDiv = document.createElement("div");
newDiv.className = "warning-message-failure";
newDiv.innerHTML = "Your browser was unable to load the application data. We've been notified of the issue. Please try again in a few moments and make sure not to use ad-blockers.";
document.body.appendChild(newDiv);}});</script>
<img style="display: none;" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">

<img src="https://t.co/1/i/adsct?bci=4&amp;dv=UTC%26en-US%26Google%20Inc.%26na%26255%261%261%263%2624%261%261%260%26na&amp;eci=3&amp;event=%7B%7D&amp;event_id=56441c2f-3cec-4e51-8af5-a4bf1c56caab&amp;integration=advertiser&amp;p_id=Twitter&amp;p_user_id=0&amp;pl_id=4d8c7d0f-546a-49ab-b444-2102625ba1c6&amp;tw_document_href=https%3A%2F%2Ffaceless.video%2F&amp;tw_iframe_status=0&amp;txn_id=oiov3&amp;type=javascript&amp;version=2.3.31" height="1" width="1" style="display: none;"><img src="https://analytics.twitter.com/1/i/adsct?bci=4&amp;dv=UTC%26en-US%26Google%20Inc.%26na%26255%261%261%263%2624%261%261%260%26na&amp;eci=3&amp;event=%7B%7D&amp;event_id=56441c2f-3cec-4e51-8af5-a4bf1c56caab&amp;integration=advertiser&amp;p_id=Twitter&amp;p_user_id=0&amp;pl_id=4d8c7d0f-546a-49ab-b444-2102625ba1c6&amp;tw_document_href=https%3A%2F%2Ffaceless.video%2F&amp;tw_iframe_status=0&amp;txn_id=oiov3&amp;type=javascript&amp;version=2.3.31" height="1" width="1" style="display: none;"><div class="bubble-element Page baTaHkf main-page bubble-r-container flex column" style="background-color: var(--color_background_default); min-width: 0px; min-height: max(767px, 100%); width: 100%; margin-right: auto; margin-left: auto; position: relative; z-index: 2; height: max-content; flex-shrink: 0; justify-content: flex-start; row-gap: 20px; opacity: 1;"><div class="bubble-element Group baTaHmaG bubble-r-container flex column" style="overflow: visible; justify-content: center; row-gap: 10px; border-radius: 20px; padding: 100px 0px 0px; opacity: 1; align-self: center; min-width: 95%; max-width: 95%; order: 3; min-height: 280px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 95%; margin: 100px 0px 0px; z-index: 2; background-color: var(--color_background_default); background-repeat: no-repeat; background-size: cover; background-image: url(&quot;https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io%2Ff1732056440258x195653548507539680%2FFrame%252016.jpg?w=1024&amp;h=&amp;auto=compress&amp;dpr=1&amp;fit=max&quot;);"><div class="bubble-element HTML baTaRaCaJ" style="border-radius: 0px; opacity: 1; align-self: center; min-width: 650px; max-width: 650px; order: 11; min-height: 170px; max-height: 170px; height: 170px; flex-grow: 1; width: 650px; margin: 0px; z-index: 6;"><style>
  h1 {
    margin: 0 auto;
    padding: 0;
    color: white;
    font-size: 45px;
    font-family: 'Gotham Black', sans-serif;
    text-align: center;
    font-weight: normal;
    white-space: nowrap;
    line-height: 1.4;
  }

  @font-face {
    font-family: 'Gotham Black';
    src: url('https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1732056848896x505222110291994240/Gotham%20Black.otf') format('opentype');
    font-weight: black;
    font-style: normal;
    font-display: swap;
  }

  .gradient-h1 {
    font-family: 'Gotham Black', sans-serif; /* Added fallback */
    background: linear-gradient(to right, #4bef5b, #A3FCAC);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-weight: normal; /* Changed from 'regular' to 'normal' */
    display: inline-block; /* Ensures proper alignment */
    text-shadow: 0 0 30px #A3FCAC
  }

        @media (max-width: 768px) {
            h1{
                width: 100%;
                height: 50px;
                font-size: 40px;
    white-space: wrap;
            }
        }
</style>

<h1>Create Faceless Accounts in<br><span class="gradient-h1">One Click</span></h1></div><h2 class="bubble-element Text baTaHmaY" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_bTPPl0_default); font-size: 18px; font-weight: 400; color: var(--color_text_default); text-align: center; line-height: 1.4; border-radius: 0px; opacity: 1; align-self: center; min-width: 10px; order: 26; min-height: 10px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: -30px 0px 0px; z-index: 3;">Use AI to automatically create and post custom videos daily</h2><button class="clickable-element bubble-element Button baTaHme" style="background: -webkit-linear-gradient(left, rgb(163, 252, 172) 0%, rgb(75, 239, 91) 100%); font-family: var(--font_bTPPl0_default); font-size: 15px; font-weight: bold; color: var(--color_background_default); text-align: center; line-height: 1; border-radius: 5px; padding: 12px 24px; opacity: 1; transition: box-shadow 400ms ease-in-out 0s, background 200ms ease 0s; cursor: pointer; align-self: center; min-width: 150px; order: 46; min-height: 45px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 10px 0px 0px; z-index: 4;">START FOR FREE</button><div class="bubble-element HTML baTaJaRaP" style="border-radius: 0px; opacity: 1; align-self: center; min-width: 90%; max-width: 90%; order: 57; min-height: 400px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 90%; margin: 0px; z-index: 11;"><style>
    body {
        min-height: 100vh;
        display: grid;
        place-items: center;
        margin: 0;
        background-color: #101215;
    }
    .slider {
        height: 400px;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .slide-track {
        display: flex;
    }
    .slide {
        height: 355px;
        width: 200px;
        display: flex;
        align-items: center;
        padding: 15px;
        perspective: 100px;
    }
    .slide video {
        width: 100%;
        transition: transform 0.5s, box-shadow 0.5s, border-radius 0.5s;
        border-radius: 5px;
        box-shadow: 0 0 25px var(--glow-color)
        /* , inset 0 0 20px var(--glow-color); */
    }
    .slide video:hover {
transform: scale(1.1);
        box-shadow: 0 0 10px var(--glow-color);
    }
    /* Define default colors for each theme */
    .slide[data-theme="hustle"] {--glow-color: rgba(147, 197, 253, 0.5); /* fantasy's original color */}
    .slide[data-theme="fantasy"] {--glow-color: rgba(34, 197, 94, 0.5); /* minecraft's original color */}
    .slide[data-theme="minecraft"] {--glow-color: rgba(45, 212, 191, 0.5); /* cyberpunk's original color */}
    .slide[data-theme="cyberpunk"] {--glow-color: rgba(167, 139, 250, 0.5); /* creepy's original color (purple) */}
    .slide[data-theme="creepy"] {--glow-color: rgba(251, 146, 60, 0.5); /* satisfying's original color */}
    .slide[data-theme="satisfying"] {--glow-color: rgba(239, 68, 68, 0.5); /* gta's original color */}
    .slide[data-theme="gta"] {--glow-color: rgba(255, 140, 0, 0.5); /* hustle's original color */}
</style>

    <div class="slider">
        <div class="slide-track">
            <!-- Slides will be populated here by JavaScript -->
        <div class="slide" data-theme="hustle"><video playsinline="" autoplay="" loop="" muted="" poster="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814166244x481890151834660350/Hustle.webp" loading="lazy" controlslist="nodownload"><source src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1720809006447x190416530130954620/hustle_trimmed.mp4" type="video/mp4"></video></div><div class="slide" data-theme="satisfying"><video playsinline="" autoplay="" loop="" muted="" poster="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814185825x442626189030725900/Satisfying.webp" loading="lazy" controlslist="nodownload"><source src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1710978317862x326545757906459460/SAND%20CUT%20OUTPUT.mp4" type="video/mp4"></video></div><div class="slide" data-theme="cyberpunk"><video playsinline="" autoplay="" loop="" muted="" poster="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814174026x846558740314447500/Cyberpunk.webp" loading="lazy" controlslist="nodownload"><source src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1719861614453x336751328425932000/Cyberpunk.mp4" type="video/mp4"></video></div><div class="slide" data-theme="fantasy"><video playsinline="" autoplay="" loop="" muted="" poster="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814188956x977877458516953300/Fantasy.webp" loading="lazy" controlslist="nodownload"><source src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1719861607786x523385286805210000/Fantasy.mp4" type="video/mp4"></video></div><div class="slide" data-theme="creepy"><video playsinline="" autoplay="" loop="" muted="" poster="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814169743x186191244355741630/Creepy.webp" loading="lazy" controlslist="nodownload"><source src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1719861620789x945387801431667700/Creepy.mp4" type="video/mp4"></video></div></div>
    </div>

    <script>
        // Video data array with themes
        const videos = [
            {
                theme: "hustle",
                poster: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814166244x481890151834660350/Hustle.webp",
                src: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1720809006447x190416530130954620/hustle_trimmed.mp4",
                type: "video/mp4"
            },
            {
                theme: "fantasy",
                poster: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814188956x977877458516953300/Fantasy.webp",
                src: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1719861607786x523385286805210000/Fantasy.mp4",
                type: "video/mp4"
            },
            {
                theme: "minecraft",
                poster: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814178038x227361226246906020/Minecraft.webp",
                src: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1719861591988x438757722077076400/Minecraft.mp4",
                type: "video/mp4"
            },
            {
                theme: "cyberpunk",
                poster: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814174026x846558740314447500/Cyberpunk.webp",
                src: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1719861614453x336751328425932000/Cyberpunk.mp4",
                type: "video/mp4"
            },
            {
                theme: "creepy",
                poster: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814169743x186191244355741630/Creepy.webp",
                src: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1719861620789x945387801431667700/Creepy.mp4",
                type: "video/mp4"
            },
            {
                theme: "satisfying",
                poster: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814185825x442626189030725900/Satisfying.webp",
                src: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1710978317862x326545757906459460/SAND%20CUT%20OUTPUT.mp4",
                type: "video/mp4"
            },
            {
                theme: "gta",
                poster: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814182633x315756118442128260/GTA.webp",
                src: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1710978297531x692497665683298700/MEGA%20RAMP%20OUTPUT.mp4",
                type: "video/mp4"
            }
        ];

        // Shuffle function
        function shuffle(array) {
            array.sort(() => Math.random() - 0.5);
        }

        // Shuffle and select first 5 videos
        shuffle(videos);
        const selectedVideos = videos.slice(0, 5);

        const slideTrack = document.querySelector('.slide-track');

        selectedVideos.forEach(videoData => {
            const slide = document.createElement('div');
            slide.className = 'slide';
            slide.setAttribute('data-theme', videoData.theme);

            const video = document.createElement('video');
            video.setAttribute('playsinline', '');
            video.setAttribute('autoplay', '');
            video.setAttribute('loop', '');
            video.setAttribute('muted', '');
            video.setAttribute('poster', videoData.poster);
            video.setAttribute('loading', 'lazy');
            // Add these new attributes for security
            video.setAttribute('controlsList', 'nodownload');
            video.muted = true; // Extra security for muting

            const source = document.createElement('source');
            source.src = videoData.src;
            source.type = videoData.type;

            video.appendChild(source);
            slide.appendChild(video);
            slideTrack.appendChild(slide);
        });
    </script>
</div></div><div class="bubble-element Group baTaOoaL bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; row-gap: 10px; border-radius: 0px; opacity: 1; align-self: center; min-width: 100%; max-width: 100%; order: 9; min-height: 60px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px 0px 100px; z-index: 13;"><div class="bubble-element HTML baTaRaBp" style="border-radius: 0px; opacity: 1; align-self: center; min-width: 263px; max-width: 263px; order: 4; min-height: 42px; max-height: 42px; height: 42px; flex-grow: 1; width: 263px; margin: 0px; z-index: 6;"><style>
  /* Target only the h2 with the class 'custom-heading' */
  .custom-heading {
    margin: 0;
    padding: 0;
    color: white;
    font-size: 36px;
    text-align: center;
    white-space: nowrap;
    font-family: 'Gotham Black', sans-serif;
  }

  /* Rest of your CSS remains the same */
  @font-face {
    font-family: 'Gotham Black';
    src: url('https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1732056848896x505222110291994240/Gotham%20Black.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  .gradient-h2 {
    font-family: 'Gotham Black', sans-serif;
    background: linear-gradient(to right, #4bef5b, #A3FCAC);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-weight: normal;
    margin: 0;
    padding: 0;
    display: inline-block;
  }

  /* Media query targeting only the custom heading */
  @media (max-width: 768px) {
    .custom-heading {
      font-size: 30px;
      white-space: normal;
    }
  }
</style>

<h2 class="custom-heading">We Get <span class="gradient-h2">Views</span></h2></div><div class="bubble-element Text baTaOoaX" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_bTPPl0_default); font-size: 14px; font-weight: 400; color: var(--color_text_default); text-align: center; line-height: 1.4; border-radius: 0px; opacity: 1; align-self: center; min-width: 10px; order: 6; min-height: 10px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">Check out these results from some of our autopilot faceless creators</div><div class="bubble-element HTML baTaOoe" style="border-radius: 0px; opacity: 1; align-self: center; min-width: 100%; max-width: 100%; order: 7; min-height: 250px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 4;">    <style>
        .carousel-container {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 250px;
            color: white;
        }

        .carousel-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .carousel-image-container {
            position: relative;
            overflow-x: hidden;
            max-width: 800px;
        }

        .carousel-image-wrapper {
            display: grid;
            grid-auto-flow: column;
            grid-auto-columns: calc((100% - (1.5rem * (var(--per-view) - 1))) / var(--per-view));
            grid-gap: 1.5rem;
            position: relative;
            left: 0;
            transition: .3s;
        }

        .carousel-image-wrapper > * {
            aspect-ratio: 391 / 519;
        }

        .carousel-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            border-radius: .5rem;
        }

        .carousel-arrow {
            width: 50px;
            height: 50px;
            background-color: transparent;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 10;
            border: none; /* Remove button outline */
        }

        .carousel-arrow svg {
            width: 100%;
            height: 100%;
            transition: filter 0.1s; /* For pressed state darkening */
        }

        /* Pressed state: Darken the arrow */
        .carousel-arrow:active svg {
            filter: brightness(0.8); /* Slightly darker */
        }

        .carousel-arrow.left {
            margin-right: 10px;
        }

        .carousel-arrow.right {
            margin-left: 10px;
        }

    @media (max-width: 768px) {
        /* Ensure the container remains flex to align arrows and carousel horizontally */
        .carousel-container {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .carousel-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .carousel-arrow {
            width: 50px;
            height: 50px;
        }

        .carousel-arrow.left {
            margin-right: 5px;
        }

        .carousel-arrow.right {
            margin-left: 5px;
        }

        .carousel-image-container {
            max-width: 250px;
        }
    }
    </style>

    <div class="carousel-container">
        <div class="carousel-wrapper">
            <button class="carousel-arrow left" id="leftArrow">
                <svg width="40" height="40" viewBox="0 0 24 24">
                    <defs>
                        <linearGradient id="gradLeft" x1="0%" y1="0%" x2="0%" y2="100%">
                            <stop offset="0%" style="stop-color:#00ff00;stop-opacity:1"></stop>
                            <stop offset="100%" style="stop-color:#008000;stop-opacity:1"></stop>
                        </linearGradient>
                    </defs>
                    <path d="M15 6l-6 6 6 6" fill="none" stroke="url(#gradLeft)" stroke-width="2"></path>
                </svg>
            </button>
            <div class="carousel-image-container">
                <div class="carousel-image-wrapper" style="--per-view: 4;">
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1732305523622x113028110881323140/astro.webp" alt="An image showing a video made by Faceless.video with 1 Million views from Faceless.video"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814928677x490879429632886660/2.webp" alt="An image showing a video made by Faceless.video with 1.1 Million views from Faceless.video"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1732305530310x396591962471397600/Open%20TikTok%20For%20You%20feed%20copy.webp" alt="An image showing a video made by Faceless.video with 608,400 views from Faceless.video"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814928679x741454894915863700/1.webp" alt="An image showing a video made by Faceless.video with 327,000 views from Faceless.video"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1732305533148x418467984667629800/horror3.webp" alt="An image showing a video made by Faceless.video with 274,000 views from Faceless.video"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814927886x345694225620183200/3.webp" alt="An image showing a video made by Faceless.video with 114,000 views from Faceless.video"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814927858x144254971557563400/4.webp" alt="An image showing a video made by Faceless.video with 67,000 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814927025x146786729752514270/5.webp" alt="An image showing a video made by Faceless.video with 55,900 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814926937x843506009147869800/6.webp" alt="An image showing a video made by Faceless.video with 15,000 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814926213x931814233708738800/7.webp" alt="An image showing a video made by Faceless.video with 58,600 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814926022x645405412005523200/8.webp" alt="An image showing a video made by Faceless.video with 24,300 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814925324x242128408124840480/9.webp" alt="An image showing a video made by Faceless.video with 22,100 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814925126x907706287663724800/10.webp" alt="An image showing a video made by Faceless.video with 43,800 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814924470x430975485559764500/11.webp" alt="An image showing a video made by Faceless.video with 37,200 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814924357x279587375791953380/12.webp" alt="An image showing a video made by Faceless.video with 27,100 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814923624x116635594838838450/13.webp" alt="An image showing a video made by Faceless.video with 22,100 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814923542x688397382790215000/14.webp" alt="An image showing a video made by Faceless.video with 36,000 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814922792x709364285443917400/15.webp" alt="An image showing a video made by Faceless.video with 37,400 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814922741x980873621942989200/16.webp" alt="An image showing a video made by Faceless.video with 24,600 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814921837x728780256275267700/17.webp" alt="An image showing a video made by Faceless.video with 26,300 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814921701x438398966398685600/18.webp" alt="An image showing a video made by Faceless.video with 34,700 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814921090x826263591559655000/19.webp" alt="An image showing a video made by Faceless.video with 44,700 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814920765x234443247461420400/20.webp" alt="An image showing a video made by Faceless.video with 17,600 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814920183x299293431533308200/21.webp" alt="An image showing a video made by Faceless.video with 21,800 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814919973x546217356067166800/22.webp" alt="An image showing a video made by Faceless.video with 25,800 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814919097x432256593516614700/23.webp" alt="An image showing a video made by Faceless.video with 60,900 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814919093x565776537662659600/24.webp" alt="An image showing a video made by Faceless.video with 11,900 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814918253x466742146403789300/25.webp" alt="An image showing a video made by Faceless.video with 17,900 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814918207x738288761676048800/26.webp" alt="An image showing a video made by Faceless.video with 56,700 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814917292x751998302624266200/27.webp" alt="An image showing a video made by Faceless.video with 60,000 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814917201x468336792809643140/28.webp" alt="An image showing a video made by Faceless.video with 58,100 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814916450x143736235962415020/29.webp" alt="An image showing a video made by Faceless.video with 14,800 views"></div>
<div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814916448x376468310719682700/30.webp" alt="An image showing a video made by Faceless.video with 46,100 views"></div>
                <div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1732305523622x113028110881323140/astro.webp" alt="An image showing a video made by Faceless.video with 1 Million views from Faceless.video"></div><div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814928677x490879429632886660/2.webp" alt="An image showing a video made by Faceless.video with 1.1 Million views from Faceless.video"></div><div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1732305530310x396591962471397600/Open%20TikTok%20For%20You%20feed%20copy.webp" alt="An image showing a video made by Faceless.video with 608,400 views from Faceless.video"></div><div><img class="carousel-image" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1729814928679x741454894915863700/1.webp" alt="An image showing a video made by Faceless.video with 327,000 views from Faceless.video"></div></div>
            </div>
            <button class="carousel-arrow right" id="rightArrow">
                <svg width="40" height="40" viewBox="0 0 24 24">
                    <defs>
                        <linearGradient id="gradRight" x1="0%" y1="0%" x2="0%" y2="100%">
                            <stop offset="0%" style="stop-color:#00ff00;stop-opacity:1"></stop>
                            <stop offset="100%" style="stop-color:#008000;stop-opacity:1"></stop>
                        </linearGradient>
                    </defs>
                    <path d="M9 6l6 6-6 6" fill="none" stroke="url(#gradRight)" stroke-width="2"></path>
                </svg>
            </button>
        </div>
    </div>
    <script>
        document.getElementById('leftArrow').addEventListener('click', scrollLeft);
        document.getElementById('rightArrow').addEventListener('click', scrollRight);

        const imageWrapper = document.querySelector('.carousel-image-wrapper');
        const imageItems = document.querySelectorAll('.carousel-image-wrapper > *');
        const imageLength = imageItems.length;
const perView = 4;
const perViewMobile = 1;

function setPerView() {
    if (window.innerWidth <= 768) {
        imageWrapper.style.setProperty('--per-view', perViewMobile);
    } else {
        imageWrapper.style.setProperty('--per-view', perView);
    }
}

window.addEventListener('resize', setPerView);

requestAnimationFrame(() => {
    setPerView(); // Ensure per-view is set correctly on initial page load
});

        let totalScroll = 0;

        imageWrapper.style.setProperty('--per-view', perView);
        for (let i = 0; i < perView; i++) {
            imageWrapper.insertAdjacentHTML('beforeend', imageItems[i].outerHTML);
        }

        function scrollLeft() {
            if (totalScroll === 0) {
                totalScroll = imageLength;
                imageWrapper.style.transition = 'none';
                const widthEl = document.querySelector('.carousel-image-wrapper > :first-child').offsetWidth + 24;
                imageWrapper.style.left = `-${totalScroll * widthEl}px`;
                setTimeout(() => {
                    totalScroll--;
                    imageWrapper.style.transition = '.3s';
                    imageWrapper.style.left = `-${totalScroll * widthEl}px`;
                }, 20);
            } else {
                totalScroll--;
                const widthEl = document.querySelector('.carousel-image-wrapper > :first-child').offsetWidth + 24;
                imageWrapper.style.left = `-${totalScroll * widthEl}px`;
                imageWrapper.style.transition = '.3s';
            }
        }

        function scrollRight() {
            if (totalScroll >= imageLength) {
                totalScroll = 0;
                imageWrapper.style.transition = 'none';
                imageWrapper.style.left = '0';
                setTimeout(() => {
                    totalScroll++;
                    const widthEl = document.querySelector('.carousel-image-wrapper > :first-child').offsetWidth + 24;
                    imageWrapper.style.left = `-${totalScroll * widthEl}px`;
                    imageWrapper.style.transition = '.3s';
                }, 20);
            } else {
                totalScroll++;
                const widthEl = document.querySelector('.carousel-image-wrapper > :first-child').offsetWidth + 24;
                imageWrapper.style.left = `-${totalScroll * widthEl}px`;
                imageWrapper.style.transition = '.3s';
            }
        }
    </script>
</div></div><div class="bubble-element Group baTaRaDh bubble-r-container-wrapper" style="overflow: visible; border-radius: 0px; padding: 0px 0px 50px 50px; opacity: 1; align-self: center; min-width: 100%; max-width: 100%; order: 10; min-height: 200px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 26;"><div class="bubble-r-container flex row" style="justify-content: space-between;"><div class="bubble-element Group baTaRaDn bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; row-gap: 10px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 45%; max-width: 45%; order: 1; min-height: 100%; max-height: 100%; width: 45%; flex-grow: 1; height: 100%; margin: 0px; z-index: 2;"><h2 class="bubble-element Text baTaRaEaF" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 34px; font-weight: 400; color: var(--color_text_default); line-height: 1.4; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 2;">Run Your Channels on Autopilot with AI</h2><h3 class="bubble-element Text baTaRaEaL" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_bTPPl0_default); font-size: 18px; font-weight: 400; color: var(--color_text_default); line-height: 1.4; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px 0px 10px; z-index: 3;">Your own personal content creation team—creating, posting, and growing your channels effortlessly 24/7.</h3><div class="bubble-element Group baTaRaEaR bubble-r-container flex row" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: center; min-width: 40px; order: 3; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px 0px 10px; z-index: 4;"><button class="bubble-element Icon baTaRaEaX" tabindex="" style="display: flex; color: var(--color_primary_default); border-radius: 4px; padding: 5px; opacity: 1; align-self: flex-start; min-width: 50px; max-width: 50px; order: 1; min-height: 50px; max-height: 50px; width: 50px; flex-grow: 1; height: 50px; margin: 0px 5px 0px 0px; z-index: 2;"><svg viewBox="0 0 32 32" data-icon-set="phosphor" style="width: 100%; height: 100%;"><use width="32" height="32" href="/static/icon_libraries/phosphor-2.1.0-regular.svg#cursor-click"></use></svg></button><div class="bubble-element Group baTaRaEp bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; row-gap: 5px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; order: 2; min-height: 40px; width: 40px; flex-grow: 1; height: max-content; margin: 0px; z-index: 5;"><div class="bubble-element Text baTaRaEd" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_bTPPl0_default); font-size: 18px; font-weight: bold; color: var(--color_text_default); line-height: 1.4; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">Set It</div><h4 class="bubble-element Text baTaRaEj" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_bTPPl0_default); font-size: 16px; font-weight: 400; color: var(--color_primary_contrast_default); line-height: 1.4; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4;">Set up your series: horror stories, product promotions, Reddit stories — anything you can imagine. Customize your series in just a few clicks.</h4></div></div><div class="bubble-element Group baTaRaEx bubble-r-container flex row" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: center; min-width: 40px; order: 4; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px 0px 10px; z-index: 4;"><button class="bubble-element Icon baTaRaFaC" tabindex="" style="display: flex; color: var(--color_primary_default); border-radius: 4px; padding: 5px; opacity: 1; align-self: flex-start; min-width: 50px; max-width: 50px; order: 1; min-height: 50px; max-height: 50px; width: 50px; flex-grow: 1; height: 50px; margin: 0px 5px 0px 0px; z-index: 2;"><svg viewBox="0 0 32 32" data-icon-set="phosphor" style="width: 100%; height: 100%;"><use width="32" height="32" href="/static/icon_libraries/phosphor-2.1.0-regular.svg#cloud-check"></use></svg></button><div class="bubble-element Group baTaRaFaD bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; row-gap: 5px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; order: 2; min-height: 40px; width: 40px; flex-grow: 1; height: max-content; margin: 0px; z-index: 5;"><div class="bubble-element Text baTaRaFaH" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_bTPPl0_default); font-size: 18px; font-weight: bold; color: var(--color_text_default); line-height: 1.4; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">Forget It</div><h4 class="bubble-element Text baTaRaFaI" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_bTPPl0_default); font-size: 16px; font-weight: 400; color: var(--color_primary_contrast_default); line-height: 1.4; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4;">Link your social media account and let our AI handle the rest. From writing to editing to posting, Faceless.video will run your account for you.</h4></div></div><div class="bubble-element Group baTaRaFaN bubble-r-container flex row" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: center; min-width: 40px; order: 5; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 4;"><button class="bubble-element Icon baTaRaFaP" tabindex="" style="display: flex; color: var(--color_primary_default); border-radius: 4px; padding: 5px; opacity: 1; align-self: flex-start; min-width: 50px; max-width: 50px; order: 1; min-height: 50px; max-height: 50px; width: 50px; flex-grow: 1; height: 50px; margin: 0px 5px 0px 0px; z-index: 2;"><svg viewBox="0 0 32 32" data-icon-set="phosphor" style="width: 100%; height: 100%;"><use width="32" height="32" href="/static/icon_libraries/phosphor-2.1.0-regular.svg#trend-up"></use></svg></button><div class="bubble-element Group baTaRaFaT bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; row-gap: 5px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; order: 2; min-height: 40px; width: 40px; flex-grow: 1; height: max-content; margin: 0px; z-index: 5;"><div class="bubble-element Text baTaRaFaU" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_bTPPl0_default); font-size: 18px; font-weight: bold; color: var(--color_text_default); line-height: 1.4; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">Watch It Grow</div><h4 class="bubble-element Text baTaRaFaV" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_bTPPl0_default); font-size: 16px; font-weight: 400; color: var(--color_primary_contrast_default); line-height: 1.4; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4;">Sit back and enjoy as your views and followers soar. Check out the results above to see the kind of success you can achieve.</h4></div></div></div><div class="bubble-element Group baTaRaDt bubble-r-container flex column" style="box-shadow: rgb(170, 170, 170) 0px 0px 20px 0px inset; overflow: visible; justify-content: center; border-style: solid; border-width: 1px; border-color: rgb(107, 107, 107); border-radius: 10px; opacity: 1; align-self: center; min-width: 550px; max-width: 550px; order: 2; min-height: 400px; max-height: 400px; width: 550px; flex-grow: 1; height: 400px; margin: 0px; z-index: 2;"><div class="bubble-element HTML baTaJaXaW" style="border-radius: 10px; opacity: 1; align-self: center; min-width: 90%; max-width: 90%; order: 1; min-height: 322px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 90%; margin: 0px; z-index: 12;"><video playsinline="" src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1719950049354x401145388998223000/Homepage%20Vid%207.2.mp4" controlslist="nodownload" muted="true" loop="true" oncontextmenu="return false;" style="border-radius: 10px;" width="100%" height="100%" autoplay=""></video></div></div></div></div><div class="bubble-element Group baTaRaFb bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 20px; opacity: 1; align-self: center; min-width: 95%; max-width: 95%; order: 12; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 95%; margin: 0px; z-index: 27; background-color: var(--color_background_default); background-repeat: no-repeat; background-size: cover; background-image: url(&quot;https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io%2Ff1732091089446x479082883087340560%2FGroup%25206.jpg?w=1024&amp;h=&amp;auto=compress&amp;dpr=1&amp;fit=max&quot;);"><div class="bubble-element Group baTaJaSaN bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; padding: 10px; opacity: 1; align-self: center; min-width: 80%; max-width: 80%; order: 1; min-height: 100px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 80%; margin: 50px 0px; z-index: 3;"><div class="bubble-element Text baTaJaSaS" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 36px; font-weight: 400; color: var(--color_text_default); text-align: center; line-height: 1.4; border-radius: 0px; opacity: 1; align-self: center; min-width: 10px; order: 2; min-height: 10px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 2;">Try Creating a Free Video below</div><div class="bubble-element Text baTaJaSl" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_bTPPl0_default); font-size: 18px; font-weight: 400; color: var(--color_text_default); text-align: center; line-height: 1.4; border-radius: 0px; opacity: 1; align-self: center; min-width: 10px; order: 3; min-height: 10px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 5;">Edit any field below to change the video content</div><div class="bubble-element Group baTaJaSaT bubble-r-container-wrapper" style="background-color: var(--color_background_default); overflow: visible; border-style: solid; border-width: 1px; border-color: rgb(107, 107, 107); border-radius: 10px; padding: 20px 0px; opacity: 1; align-self: center; min-width: 100%; max-width: 100%; order: 8; min-height: 280px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 20px 0px 0px; z-index: 3;"><div class="bubble-r-container flex row" style="justify-content: center; gap: 0px 10px;"><div class="bubble-element Group baTaJaSe bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; max-width: 50%; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 5;"><div class="bubble-element Text baTaJaSj clickable-element" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_bTPPl0_default); font-size: 12px; font-weight: 400; color: var(--color_text_default); line-height: 1.4; border-radius: 0px; opacity: 1; cursor: pointer; align-self: center; min-width: 200px; max-width: 200px; order: 2; min-height: 10px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 200px; margin: 5px 0px 0px; z-index: 4;">Change Background</div><div class="bubble-element HTML baTaOaOaC" style="border-radius: 10px; opacity: 1; align-self: center; min-width: 200px; max-width: 200px; order: 3; min-height: 355px; max-height: 355px; height: 355px; flex-grow: 1; width: 200px; margin: 0px; z-index: 3;">
    <style>
        .video-container {
            position: relative;
            width: 200px; /* Adjust the width as needed */
            height: 355px; /* Adjust the height as needed */
        }
        
        .video-overlay {
            position: absolute;
            background-color: transparent;
            top: 0;
            left: 0;
            //border-radius: 10px;
        }
.text-overlay {
    font-family: Montserrat;
    position: absolute;
    top: 50%; /* Adjust as needed */
    left: 50%; /* Adjust as needed */
    transform: translate(-70%, -70%);
    color: #ffffff; /* Default color */
    font-size: 1em;
    text-align: center;
    width: 100%;
    font-weight: bold;
    animation: popAnimation 0.1s ease-in-out forwards;
    letter-spacing: -0.08em;
}

        .text-overlay.chrome {
            filter: url(#outline); /* Apply the SVG filter for Chrome */
        }

.text-overlay.chrome.white-outline {
    text-shadow: -0.7px -0.7px 0 white, 0.7px -0.7px 0 white, -0.7px 0.7px 0 white, 0.7px 0.7px 0 white;
filter: none;
}

        .text-overlay.safari {
            -webkit-text-stroke: 0.5px black; /* Apply text stroke for Safari */
        }

.text-overlay.safari.white-outline {
    -webkit-text-stroke: 0.3px white; /* Apply white stroke for Safari */
}

@keyframes popAnimation {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.1);
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

}
    </style>


<svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display: none;">
    <defs>
        <!-- Black Outline Filter -->
        <filter id="outline" x="-50%" y="-50%" width="200%" height="200%">
            <feMorphology in="SourceAlpha" result="dilated" operator="dilate" radius="2"></feMorphology> 
            <feFlood flood-color="black" result="flood"></feFlood>
            <feComposite in="flood" in2="dilated" operator="in" result="outline"></feComposite>
            <feMerge>
                <feMergeNode in="outline"></feMergeNode>
                <feMergeNode in="SourceGraphic"></feMergeNode>
            </feMerge>
        </filter>
    </defs>
</svg>
    <div class="video-container">

    <div class="text-overlay chrome" id="dynamicText" style="animation: 0.5s ease-in-out 0s 1 normal forwards running popAnimation;">TO LOOK.</div>
        
        <video playsinline="" width="200" height="355" autoplay="" muted="" loop="">
            <source src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1691980851579x452495378326127170/MC_Parkour%20Preview.mp4" type="video/mp4">
        </video>
    </div>

<script>
(function() {
    const subtitlePhrases = [
        "THIS IS A",
        "SAMPLE TEXT TO",
        "SEE HOW YOUR",
        "VIDEO IS GOING",
        "TO LOOK.",
        ""
    ];

    let currentPhraseIndex = 0;
    const textElement = document.getElementById('dynamicText');

    if (textElement) {
        //console.log("Text element found:", textElement);

        function updateText() {
            textElement.innerText = subtitlePhrases[currentPhraseIndex];
                textElement.style.animation = 'none';
                textElement.offsetHeight; // Trigger reflow
                textElement.style.animation = 'popAnimation 0.5s ease-in-out forwards';
            //console.log("Updated text to:", subtitlePhrases[currentPhraseIndex]);
            currentPhraseIndex = (currentPhraseIndex + 1) % subtitlePhrases.length;
        }

        // Change text every .7 seconds (700 milliseconds)
        setInterval(updateText, 700);

        // Initial call to set the first phrase
        updateText();
    } else {
        console.error("Text element not found");
    }

        function detectBrowser() {
            const userAgent = navigator.userAgent;
            if (userAgent.includes("Chrome") && !userAgent.includes("Edg")) {
                return "chrome";
            } else if (userAgent.includes("Safari") && !userAgent.includes("Chrome")) {
                return "safari";
            } else {
                return "other";
            }
        }

        const browser = detectBrowser();
        const textElements = document.querySelectorAll('.text-overlay');

        textElements.forEach(element => {
            if (browser === "chrome") {
                element.classList.add('chrome');
            } else if (browser === "safari") {
                element.classList.add('safari');
            }
        if (isColorTooDark("#ffffff")) {
            if (browser === "chrome") {
                element.classList.add('white-outline');
            } else if (browser === "safari") {
                element.classList.add('white-outline');
            }
        }
        });

function isColorTooDark(hexCode) {
    // Convert hex code to RGB
    hexCode = hexCode.replace('#', '');
    let r = parseInt(hexCode.substring(0, 2), 16);
    let g = parseInt(hexCode.substring(2, 4), 16);
    let b = parseInt(hexCode.substring(4, 6), 16);

    // Convert the color to grayscale using the luminosity method
    let grayscale = 0.299 * r + 0.587 * g + 0.114 * b;

    // Define the threshold for darkness
    let threshold = 128; // You can adjust this value based on your needs

    // Check if the grayscale value is below the threshold
    return grayscale < threshold;
}

})();
</script></div><div class="bubble-element Text baTaOaOaZ" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_bTPPl0_default); font-size: 12px; font-weight: 400; color: var(--color_text_default); line-height: 1.4; border-radius: 0px; opacity: 1; align-self: center; min-width: 200px; max-width: 200px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 200px; margin: 10px 0px 0px; z-index: 14;">Font: <font color="#ffffff"><font face="Montserrat"><strong>MONTSERRAT</strong></font></font></div><div class="bubble-element Group baTaOaPd bubble-r-container flex row" style="overflow: visible; justify-content: space-between; border-radius: 0px; opacity: 1; align-self: center; min-width: 200px; max-width: 200px; order: 5; min-height: 10px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 200px; margin: 0px; z-index: 17;"><button class="clickable-element bubble-element Button baTaOaOf" style="box-shadow: 0px 7px 30px -10px rgba(var(--color_primary_default_rgb), 0.1); font-family: var(--font_bTPPl0_default); font-size: 12px; font-weight: 400; color: var(--color_text_default); text-align: center; line-height: 1; border-style: solid; border-width: 1px; border-color: var(--color_text_default); border-radius: 5px; padding: 5px; opacity: 1; transition: color 200ms ease 0s, background 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 70%; max-width: 70%; order: 1; min-height: 30px; width: 70%; flex-grow: 1; height: max-content; margin: 0px; z-index: 15; user-select: none;">Change Font</button><div class="bubble-element 1498952719168x889602776416649200-AAC" style="align-self: flex-start; min-width: 50px; max-width: 50px; order: 2; min-height: 30px; max-height: 30px; width: 50px; flex-grow: 1; height: 30px; margin: 0px; z-index: 16;"><input type="text" class="picker2510b38b78a88" style="width: 100%; height: 100%; display: none;"><div class="sp-replacer sp-light picker2510b38b78a88style"><div class="sp-preview"><div class="sp-preview-inner" style="background-color: rgb(255, 255, 255);"></div></div><div class="sp-dd">▼</div></div></div></div></div><div class="bubble-element Group baTaJaSaX bubble-r-container flex column" style="overflow: visible; justify-content: space-around; row-gap: 20px; border-radius: 0px; padding: 0px 20px; opacity: 1; align-self: flex-start; min-width: 10px; max-width: 50%; order: 9; min-height: 100%; max-height: 100%; width: 10px; flex-grow: 1; height: 100%; margin: 0px; z-index: 3;"><input class="bubble-element Input baTaJaSaY a1734410529709x6933" type="input" placeholder="Enter Title Text (or leave blank to be auto-generated)..." style="background-color: var(--color_background_default); border-style: solid; border-width: 1px; border-color: var(--color_primary_contrast_default); border-radius: 5px; font-family: var(--font_bTPPl0_default); font-size: 14px; font-weight: 400; color: var(--color_text_default); padding: 6px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 1; min-height: 48px; max-height: 48px; height: 48px; flex-grow: 1; width: 100%; margin: 0px; z-index: 2;"><textarea class="bubble-element MultiLineInput a1734410529709x6933" data-gramm_editor="false" maxlength="500" placeholder="Story text here..." rows="1" style="align-self: flex-start; min-width: 100%; max-width: 100%; order: 3; min-height: 200px; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 3; border-width: 1px; border-style: solid; border-color: var(--color_primary_contrast_default); border-image: initial; background-color: var(--color_background_default); overflow: hidden; overflow-wrap: break-word; border-radius: 5px; font-family: var(--font_bTPPl0_default); font-size: 14px; font-weight: 400; color: var(--color_text_default); line-height: 1.5; padding: 6px; opacity: 1; height: 222px;"></textarea><button class="clickable-element bubble-element Button baTaJaTaO" style="background: -webkit-linear-gradient(left, rgb(163, 252, 172) 0%, rgb(75, 239, 91) 100%); font-family: var(--font_bTPPl0_default); font-size: 15px; font-weight: bold; color: var(--color_background_default); text-align: center; line-height: 1; border-radius: 5px; padding: 12px 24px; opacity: 1; transition: box-shadow 400ms ease-in-out 0s, background 200ms ease 0s; cursor: pointer; align-self: flex-end; min-width: 150px; order: 6; min-height: 45px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4;">CREATE VIDEO</button></div></div></div></div></div><div class="bubble-element Group baTaSbj bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 16; min-height: 200px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 29;"><h2 class="bubble-element Text baTaSbp" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 34px; font-weight: 400; color: var(--color_text_default); text-align: center; line-height: 1.4; border-radius: 0px; opacity: 1; align-self: center; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 2;">AI Avatars for Business</h2><div class="bubble-element Text baTaSbv" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_bTPPl0_default); font-size: 14px; font-weight: 400; color: var(--color_text_default); text-align: center; line-height: 1.4; border-radius: 0px; opacity: 1; align-self: center; min-width: 50%; max-width: 472px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">Our Al Agents will write, edit, and post videos everyday for your business</div><a class="bubble-element Link baTaScaN clickable-element" target="_self" href="https://faceless.video/business" style="background: -webkit-linear-gradient(left, rgb(163, 252, 172) 0%, rgb(75, 239, 91) 100%); word-break: break-word; cursor: pointer; pointer-events: auto; font-family: var(--font_bTPPl0_default); font-size: 15px; font-weight: bold; color: var(--color_background_default); line-height: 1.5; padding: 12px 24px; border-radius: 5px; opacity: 1; transition: box-shadow 200ms ease 0s; align-self: center; min-width: 60px; order: 4; min-height: 20px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 20px 0px 0px; z-index: 12;">GROW YOUR BUSINESS</a><div class="bubble-element HTML baTaScaH" style="border-radius: 0px; opacity: 1; align-self: center; min-width: 90%; max-width: 90%; order: 5; min-height: 400px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 90%; margin: 20px 0px 0px; z-index: 11;"><style>
    body {
        min-height: 100vh;
        display: grid;
        place-items: center;
        margin: 0;
        background-color: #101215;
    }

    /* Renamed from .slider to .business-slider */
    .business-slider {
        height: 400px;
        width: 100%;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }

    /* Renamed from .slide-track to .business-slide-track */
    .business-slide-track {
        display: flex;
        align-items: flex-start;
    }

    /* Renamed from .slide to .business-slide */
    .business-slide {
        width: 200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 15px;
        position: relative; /* For z-index stacking */
    }

    .business-slide video {
        width: 100%;
        border-radius: 5px;
        box-shadow: 0 0 25px var(--glow-color);
        transition: transform 0.5s, box-shadow 0.5s, border-radius 0.5s;
    }

    .business-slide video:hover {
        transform: scale(1.1);
        box-shadow: 0 0 10px var(--glow-color);
    }

    /* Renamed from .video-label to .business-video-label */
    .business-video-label {
        margin-top: 8px;
        font-weight: bold;
        font-size: 14px;
        color: #fff; /* White text */
        text-align: center;
        font-family: "SF UI Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
        position: relative;
        z-index: -1;
    }

    /* Update the theme-to-color mappings here using .business-slide */
    .business-slide[data-theme="vinyl"] {
        --glow-color: rgba(167, 139, 250, 0.5);
    }
    .business-slide[data-theme="pink"] {
        --glow-color: rgba(255, 192, 203, 0.5);
    }
    .business-slide[data-theme="saas"] {
        --glow-color: rgba(45, 212, 191, 0.5);
    }
    .business-slide[data-theme="ebook"] {
        --glow-color: rgba(147, 197, 253, 0.5);
    }
    .business-slide[data-theme="hoodie"] {
        --glow-color: rgba(251, 146, 60, 0.5);
    }
    .business-slide[data-theme="dog"] {
        --glow-color: rgba(34, 197, 94, 0.5);
    }
    .business-slide[data-theme="paper"] {
        --glow-color: rgba(255, 255, 153, 0.5);
    }
</style>

    <!-- Renamed from .slider to .business-slider -->
    <div class="business-slider">
        <!-- Renamed from .slide-track to .business-slide-track -->
        <div class="business-slide-track">
            <!-- Slides populated by JavaScript -->
        <div class="business-slide" data-theme="pink"><video playsinline="" autoplay="" loop="" muted="" poster="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733809111926x591983510413565300/pink%20car.webp" loading="lazy" controlslist="nodownload"><source src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733808912990x696690611843141200/pink%20car.mp4" type="video/mp4"></video><div class="business-video-label">Physical Products</div></div><div class="business-slide" data-theme="paper"><video playsinline="" autoplay="" loop="" muted="" poster="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733809111847x773866975221468800/paper_homepage.webp" loading="lazy" controlslist="nodownload"><source src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733355154278x742291260675174400/Paper.mp4" type="video/mp4"></video><div class="business-video-label">Luxury Products</div></div><div class="business-slide" data-theme="ebook"><video playsinline="" autoplay="" loop="" muted="" poster="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733809110887x652369358133288800/ebook.webp" loading="lazy" controlslist="nodownload"><source src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733808916632x770531398634296000/ebook.mp4" type="video/mp4"></video><div class="business-video-label">E-Books</div></div><div class="business-slide" data-theme="hoodie"><video playsinline="" autoplay="" loop="" muted="" poster="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733809112959x498400210921509760/hoodie.webp" loading="lazy" controlslist="nodownload"><source src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733808919491x165119982241048500/hoodie.mp4" type="video/mp4"></video><div class="business-video-label">E-Com</div></div><div class="business-slide" data-theme="vinyl"><video playsinline="" autoplay="" loop="" muted="" poster="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733809113738x445943348488622160/vinyl.webp" loading="lazy" controlslist="nodownload"><source src="https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733808912310x557998894681387650/vinyl.mp4" type="video/mp4"></video><div class="business-video-label">Brick &amp; Mortar</div></div></div>
    </div>

    <script>
        // Mapping from theme to label text
        const businessThemeLabels = {
            vinyl: "Brick & Mortar",
            pink: "Physical Products",
            saas: "SaaS",
            ebook: "E-Books",
            hoodie: "E-Com",
            dog: "Dropshipping",
            paper: "Luxury Products"
        };

        const businessVideos = [
            {
                theme: "vinyl",
                poster: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733809113738x445943348488622160/vinyl.webp",
                src: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733808912310x557998894681387650/vinyl.mp4",
                type: "video/mp4"
            },
            {
                theme: "pink",
                poster: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733809111926x591983510413565300/pink%20car.webp",
                src: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733808912990x696690611843141200/pink%20car.mp4",
                type: "video/mp4"
            },
            {
                theme: "saas",
                poster: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733809112798x818702736885365000/faceless.webp",
                src: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733808915152x398959954290922560/faceless.mp4",
                type: "video/mp4"
            },
            {
                theme: "ebook",
                poster: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733809110887x652369358133288800/ebook.webp",
                src: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733808916632x770531398634296000/ebook.mp4",
                type: "video/mp4"
            },
            {
                theme: "hoodie",
                poster: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733809112959x498400210921509760/hoodie.webp",
                src: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733808919491x165119982241048500/hoodie.mp4",
                type: "video/mp4"
            },
            {
                theme: "dog",
                poster: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733809110905x478036406962526000/dog.webp",
                src: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733808921608x199696998098692220/dog.mp4",
                type: "video/mp4"
            },
            {
                theme: "paper",
                poster: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733809111847x773866975221468800/paper_homepage.webp",
                src: "https://1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io/f1733355154278x742291260675174400/Paper.mp4",
                type: "video/mp4"
            }
        ];

        // Shuffle function
        function businessShuffle(businessArray) {
            businessArray.sort(() => Math.random() - 0.5);
        }

        // Shuffle and select first 5 videos
        businessShuffle(businessVideos);
        const businessSelectedVideos = businessVideos.slice(0, 5);

        const businessSlideTrack = document.querySelector('.business-slide-track');

        businessSelectedVideos.forEach(businessVideoData => {
            const businessSlideElement = document.createElement('div');
            businessSlideElement.className = 'business-slide';
            businessSlideElement.setAttribute('data-theme', businessVideoData.theme);

            const businessVideoElement = document.createElement('video');
            businessVideoElement.setAttribute('playsinline', '');
            businessVideoElement.setAttribute('autoplay', '');
            businessVideoElement.setAttribute('loop', '');
            businessVideoElement.setAttribute('muted', '');
            businessVideoElement.setAttribute('poster', businessVideoData.poster);
            businessVideoElement.setAttribute('loading', 'lazy');
            businessVideoElement.setAttribute('controlsList', 'nodownload');
            businessVideoElement.muted = true;

            const businessSourceElement = document.createElement('source');
            businessSourceElement.src = businessVideoData.src;
            businessSourceElement.type = businessVideoData.type;
            businessVideoElement.appendChild(businessSourceElement);

            const businessLabelElement = document.createElement('div');
            businessLabelElement.className = 'business-video-label';
            businessLabelElement.innerText = businessThemeLabels[businessVideoData.theme] || '';

            businessSlideElement.appendChild(businessVideoElement);
            businessSlideElement.appendChild(businessLabelElement);
            businessSlideTrack.appendChild(businessSlideElement);
        });
    </script>
</div></div><div class="bubble-element Group baTaRaFl bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: center; min-width: 100%; max-width: 100%; order: 21; min-height: 500px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 4;"><div class="bubble-element Text baTaRaFs" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 34px; font-weight: 400; color: var(--color_text_default); text-align: center; line-height: 1.4; border-radius: 0px; opacity: 1; align-self: center; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 2;">Earn While You Grow 
Join Our Affiliate Program</div><div class="bubble-element Text baTaRaFy" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_bTPPl0_default); font-size: 14px; font-weight: 400; color: var(--color_text_default); text-align: center; line-height: 1.4; border-radius: 0px; opacity: 1; align-self: center; min-width: 50%; max-width: 472px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">Earn 20% lifetime commission of every sale made by users you refer to our platform—every month, for as long as they stay subscribed.</div><div class="bubble-element Group baTaRaGu bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 20px; padding: 0px 0px 30px; opacity: 1; align-self: center; min-width: 95%; max-width: 95%; order: 3; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 95%; margin: 0px; z-index: 9; background-color: var(--color_background_default); background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(&quot;https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io%2Ff1732092254886x773264940614722000%2FFrame%252016%2520%25281%2529.jpg?w=1024&amp;h=&amp;auto=compress&amp;dpr=1&amp;fit=max&quot;);"><div class="bubble-element Image baTaRaGaE" style="border-radius: 0px; opacity: 1; align-self: center; min-width: 40%; max-width: 40%; order: 1; height: max-content; flex-grow: 0; flex-shrink: 0; width: 40%; margin: 70px 0px 0px; z-index: 4;"><div class="aspect-ratio" style="position: relative; height: 0px; padding-top: 11.9544%;"></div><img src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io%2Ff1732304680866x220099904373431520%2FAffiliates.webp?w=384&amp;h=46&amp;auto=compress&amp;dpr=1&amp;fit=max" alt="An image of Faceless.video affiliate creators." style="top: 0px; left: 0px; display: block; width: 100%; height: 100%; position: absolute; border-radius: 0px;"></div><div class="bubble-element Text baTaRaGaK" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_bTPPl0_default); font-size: 14px; font-weight: 400; color: var(--color_text_default); text-align: center; line-height: 1.4; border-radius: 0px; opacity: 1; align-self: center; min-width: 40%; max-width: 40%; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 40%; margin: 20px 0px 0px; z-index: 5;">Join our affiliate program and earn commissions for every new user who signs up. One of our affiliates has already earned over $10K, and you can too!</div><button class="clickable-element bubble-element Button baTaRaGaQ" style="background: -webkit-linear-gradient(left, rgb(163, 252, 172) 0%, rgb(75, 239, 91) 100%); font-family: var(--font_bTPPl0_default); font-size: 15px; font-weight: bold; color: var(--color_background_default); text-align: center; line-height: 1; border-radius: 5px; padding: 12px 24px; opacity: 1; transition: box-shadow 400ms ease-in-out 0s, background 200ms ease 0s; cursor: pointer; align-self: center; min-width: 60px; order: 3; min-height: 44px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 20px 0px 0px; z-index: 6;">Start Earning Today</button></div></div><div class="bubble-element Text baTaJte" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 36px; font-weight: bold; color: var(--color_text_default); text-align: center; line-height: 1.4; border-radius: 0px; opacity: 1; align-self: center; min-width: 10px; order: 22; min-height: 10px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 20px 0px 0px; z-index: 11;">Frequently Asked Questions</div><div class="bubble-element RepeatingGroup baTaJsi bubble-rg" style="overflow: auto; gap: 10px; grid-auto-rows: minmax(max-content, 100px); grid-template-columns: repeat(1, minmax(0px, 1fr)); grid-auto-flow: row; border-radius: 0px; opacity: 1; align-self: center; min-width: 50%; max-width: 50%; order: 28; min-height: 320px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 50%; margin: 0px 0px 100px; z-index: 4;"><div class="bubble-element group-item bubble-r-container flex row entry-1" style="min-height: 100px; box-sizing: content-box; justify-content: center;"><div class="clickable-element bubble-element Group baTaJsn bubble-r-container flex column" style="background-color: rgb(36, 41, 48); overflow: visible; justify-content: flex-start; row-gap: 5px; border-style: solid; border-width: 1px; border-color: var(--color_primary_contrast_default); border-radius: 5px; padding: 0px 20px 5px; opacity: 1; transition: box-shadow 200ms ease 0s, min-height 500ms ease 0s, max-height 200ms ease 0s; cursor: pointer; align-self: center; min-width: 100%; max-width: 100%; order: 1; min-height: 100px; width: 100%; flex-grow: 1; height: max-content; margin: 0px; z-index: 2;"><div class="bubble-element Group baTaJso bubble-r-container flex row" style="overflow: visible; justify-content: space-between; border-radius: 0px; padding: 20px 0px 0px; opacity: 1; align-self: center; min-width: 100%; max-width: 100%; order: 2; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 4;"><div class="bubble-element Text baTaJsp" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 400; color: var(--color_text_default); line-height: 1.4; border-radius: 0px; opacity: 1; align-self: flex-end; min-width: 10px; max-width: 80%; order: 1; min-height: 10px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 2;">Do I need to make videos for this to work?</div><button class="bubble-element Icon baTaJst" tabindex="" style="display: flex; color: var(--color_primary_default); border-radius: 4px; padding: 5px; opacity: 1; align-self: flex-end; min-width: 25px; max-width: 25px; order: 2; min-height: 25px; max-height: 25px; width: 25px; flex-grow: 1; height: 25px; margin: 0px; z-index: 3;"><svg viewBox="0 0 32 32" data-icon-set="fa" style="width: 100%; height: 100%;"><use width="32" height="32" href="/static/icon_libraries/fontawesome-4.7.0.svg#fa-plus"></use></svg></button></div></div></div><div class="bubble-element group-item bubble-r-container flex row entry-2" style="min-height: 100px; box-sizing: content-box; border-top-width: 10px; border-top-color: rgba(var(--color_text_default_rgb), 0); border-top-style: solid; margin-top: -10px; justify-content: center;"><div class="clickable-element bubble-element Group baTaJsn bubble-r-container flex column" style="background-color: rgb(36, 41, 48); overflow: visible; justify-content: flex-start; row-gap: 5px; border-style: solid; border-width: 1px; border-color: var(--color_primary_contrast_default); border-radius: 5px; padding: 0px 20px 5px; opacity: 1; transition: box-shadow 200ms ease 0s, min-height 500ms ease 0s, max-height 200ms ease 0s; cursor: pointer; align-self: center; min-width: 100%; max-width: 100%; order: 1; min-height: 100px; width: 100%; flex-grow: 1; height: max-content; margin: 0px; z-index: 2;"><div class="bubble-element Group baTaJso bubble-r-container flex row" style="overflow: visible; justify-content: space-between; border-radius: 0px; padding: 20px 0px 0px; opacity: 1; align-self: center; min-width: 100%; max-width: 100%; order: 2; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 4;"><div class="bubble-element Text baTaJsp" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 400; color: var(--color_text_default); line-height: 1.4; border-radius: 0px; opacity: 1; align-self: flex-end; min-width: 10px; max-width: 80%; order: 1; min-height: 10px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 2;">What if I want to edit a video before it's posted?</div><button class="bubble-element Icon baTaJst" tabindex="" style="display: flex; color: var(--color_primary_default); border-radius: 4px; padding: 5px; opacity: 1; align-self: flex-end; min-width: 25px; max-width: 25px; order: 2; min-height: 25px; max-height: 25px; width: 25px; flex-grow: 1; height: 25px; margin: 0px; z-index: 3;"><svg viewBox="0 0 32 32" data-icon-set="fa" style="width: 100%; height: 100%;"><use width="32" height="32" href="/static/icon_libraries/fontawesome-4.7.0.svg#fa-plus"></use></svg></button></div></div></div><div class="bubble-element group-item bubble-r-container flex row entry-3" style="min-height: 100px; box-sizing: content-box; border-top-width: 10px; border-top-color: rgba(var(--color_text_default_rgb), 0); border-top-style: solid; margin-top: -10px; justify-content: center;"><div class="clickable-element bubble-element Group baTaJsn bubble-r-container flex column" style="background-color: rgb(36, 41, 48); overflow: visible; justify-content: flex-start; row-gap: 5px; border-style: solid; border-width: 1px; border-color: var(--color_primary_contrast_default); border-radius: 5px; padding: 0px 20px 5px; opacity: 1; transition: box-shadow 200ms ease 0s, min-height 500ms ease 0s, max-height 200ms ease 0s; cursor: pointer; align-self: center; min-width: 100%; max-width: 100%; order: 1; min-height: 100px; width: 100%; flex-grow: 1; height: max-content; margin: 0px; z-index: 2;"><div class="bubble-element Group baTaJso bubble-r-container flex row" style="overflow: visible; justify-content: space-between; border-radius: 0px; padding: 20px 0px 0px; opacity: 1; align-self: center; min-width: 100%; max-width: 100%; order: 2; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 4;"><div class="bubble-element Text baTaJsp" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 400; color: var(--color_text_default); line-height: 1.4; border-radius: 0px; opacity: 1; align-self: flex-end; min-width: 10px; max-width: 80%; order: 1; min-height: 10px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 2;">What if I don't want videos posted publicly?</div><button class="bubble-element Icon baTaJst" tabindex="" style="display: flex; color: var(--color_primary_default); border-radius: 4px; padding: 5px; opacity: 1; align-self: flex-end; min-width: 25px; max-width: 25px; order: 2; min-height: 25px; max-height: 25px; width: 25px; flex-grow: 1; height: 25px; margin: 0px; z-index: 3;"><svg viewBox="0 0 32 32" data-icon-set="fa" style="width: 100%; height: 100%;"><use width="32" height="32" href="/static/icon_libraries/fontawesome-4.7.0.svg#fa-plus"></use></svg></button></div></div></div></div><div class="bubble-element CustomElement baTaJzaY bubble-r-container flex row" style="background-color: var(--color_background_default); overflow: visible; justify-content: space-between; border-top: 1px solid rgba(107, 107, 107, 0.3); border-radius: 0px; padding: 5px 50px 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 31; min-height: 100px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 12;"><div class="bubble-element Text baTaJyv" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_bTPPl0_default); font-size: 14px; font-weight: 400; color: var(--color_text_default); line-height: 1.4; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 10px; order: 1; min-height: 10px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 2;">© 2024 Faceless.video</div><div class="bubble-element Group baTaRaJaQ bubble-r-container flex row" style="overflow: visible; justify-content: center; gap: 0px 20px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 10px; order: 3; min-height: 40px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 5;"><div class="bubble-element Group baTaJzaB bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100px; order: 1; min-height: 10px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 3;"><a class="bubble-element Link baTaJzaH clickable-element" target="_self" href="https://faceless.video/contact" style="word-break: break-word; user-select: none; cursor: pointer; pointer-events: auto; font-family: var(--font_bTPPl0_default); font-size: 14px; font-weight: 400; color: var(--color_text_default); line-height: 1.5; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 10px; order: 1; min-height: 10px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 2;">Contact</a><a class="bubble-element Link baTaLaEaA clickable-element" target="_blank" href="https://facelessvideo.tolt.io/login" style="word-break: break-word; user-select: none; cursor: pointer; pointer-events: auto; font-family: var(--font_bTPPl0_default); font-size: 14px; font-weight: 400; color: var(--color_text_default); line-height: 1.5; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 10px; order: 2; min-height: 20px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">Become an Affiliate</a></div><div class="bubble-element Group baTaRaIy bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 10px; order: 2; min-height: 40px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 4;"><a class="bubble-element Link baTaKaJg0 clickable-element" target="_self" href="https://faceless.video/terms" style="word-break: break-word; user-select: none; cursor: pointer; pointer-events: auto; font-family: var(--font_bTPPl0_default); font-size: 14px; font-weight: 400; color: var(--color_text_default); line-height: 1.5; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 10px; order: 1; min-height: 20px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">Terms of Use</a><a class="bubble-element Link baTaKaJm0 clickable-element" target="_self" href="https://faceless.video/privacy" style="word-break: break-word; user-select: none; cursor: pointer; pointer-events: auto; font-family: var(--font_bTPPl0_default); font-size: 14px; font-weight: 400; color: var(--color_text_default); line-height: 1.5; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 10px; order: 2; min-height: 20px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">Privacy Policy</a><a class="bubble-element Link baTaQaRv2 clickable-element" target="_blank" href="https://forms.gle/9CX5wQRfvNubBWGYA" style="word-break: break-word; user-select: none; cursor: pointer; pointer-events: auto; font-family: var(--font_bTPPl0_default); font-size: 14px; font-weight: 400; color: var(--color_text_default); line-height: 1.5; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 10px; order: 3; min-height: 20px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">API Access</a></div></div></div></div><div class="bubble-element FloatingGroup baTaHkh floating-group bubble-r-container flex row" style="background-color: var(--color_background_default); width: initial; min-width: 100%; min-height: 70px; left: 0px; right: 0px; top: 0px; bottom: unset; max-width: 100%; height: auto; max-height: calc(100% + 0px); margin-right: auto; position: fixed; z-index: 1503; justify-content: space-between; border-radius: 0px; opacity: 1; transition: border-color 200ms ease 0s;"><div class="bubble-element CustomElement baTaImaU bubble-r-container flex row" style="background-color: var(--color_background_default); overflow: visible; justify-content: space-between; border-radius: 0px; padding: 0px 20px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 1; min-height: 70px; width: 100%; flex-grow: 1; height: max-content; margin: 0px; z-index: 10;"><div class="bubble-element Group baTaIlaL bubble-r-container flex row" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: center; min-width: 0px; order: 3; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 4;"><div class="bubble-element Image baTaIlaM" style="border-radius: 0px; opacity: 1; align-self: center; min-width: 35px; max-width: 35px; order: 1; width: 35px; flex-grow: 1; height: max-content; margin: 0px; z-index: 2;"><div class="aspect-ratio" style="position: relative; height: 0px; padding-top: 100%;"></div><img src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F1eb410cde76ad26eaa310da10b0540b5.cdn.bubble.io%2Ff1729815485165x578666672667169200%2FFaceless%2520Logo.webp?w=48&amp;h=48&amp;auto=compress&amp;dpr=1&amp;fit=max" style="top: 0px; left: 0px; display: block; width: 100%; height: 100%; position: absolute; border-radius: 0px;"></div><a class="bubble-element Link baTaIlf clickable-element" target="_self" href="https://faceless.video/" style="word-break: break-word; user-select: none; cursor: pointer; pointer-events: auto; font-family: var(--font_default); font-size: 18px; font-weight: 400; color: var(--color_text_default); text-align: center; line-height: 1.5; border-radius: 0px; opacity: 1; transition: color 200ms ease 0s; align-self: center; min-width: 10px; order: 2; min-height: 10px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 0px 0px 10px; z-index: 4;">faceless.video</a><div class="bubble-element 1488796042609x768734193128308700-AAP" style="align-self: center; min-width: 1px; max-width: 1px; order: 4; min-height: 2px; max-height: 2px; width: 1px; flex-grow: 1; height: 2px; margin: 0px; z-index: 6;"></div></div><div class="bubble-element Group baTaRaCb bubble-r-container flex row" style="overflow: visible; justify-content: center; gap: 0px 20px; border-radius: 0px; opacity: 1; align-self: center; min-width: 40px; order: 4; min-height: 40px; width: 40px; flex-grow: 1; height: max-content; margin: 0px; z-index: 8;"><a class="bubble-element Link baTaIlaS clickable-element" target="_self" href="https://faceless.video/pricing?business=no" style="word-break: break-word; user-select: none; cursor: pointer; pointer-events: auto; font-family: var(--font_bTPPl0_default); font-size: 14px; font-weight: 400; color: var(--color_text_default); line-height: 1.5; border-radius: 0px; opacity: 1; align-self: center; min-width: 10px; order: 1; min-height: 10px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 5;">Pricing</a><a class="bubble-element Link baTaIlaT clickable-element" target="_self" href="https://faceless.video/about" style="word-break: break-word; user-select: none; cursor: pointer; pointer-events: auto; font-family: var(--font_bTPPl0_default); font-size: 14px; font-weight: 400; color: var(--color_text_default); line-height: 1.5; border-radius: 0px; opacity: 1; align-self: center; min-width: 10px; order: 2; min-height: 10px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 5;">About</a><a class="bubble-element Link baTaSaZa clickable-element" target="_self" href="https://faceless.video/business" style="word-break: break-word; user-select: none; cursor: pointer; pointer-events: auto; font-family: var(--font_bTPPl0_default); font-size: 14px; font-weight: 400; color: var(--color_text_default); line-height: 1.5; border-radius: 0px; opacity: 1; align-self: center; min-width: 10px; order: 3; min-height: 10px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 5;">For Business</a><div class="bubble-element Text baTaRaCs clickable-element" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_bTPPl0_default); font-size: 14px; font-weight: 400; color: var(--color_text_default); line-height: 1.4; border-radius: 0px; opacity: 1; cursor: pointer; align-self: center; min-width: 0px; order: 4; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 6;">Affiliate</div><div class="bubble-element Text baTaRaDaF clickable-element" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_bTPPl0_default); font-size: 14px; font-weight: 400; color: var(--color_text_default); line-height: 1.4; border-radius: 0px; opacity: 1; cursor: pointer; align-self: center; min-width: 0px; order: 5; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 6;">FAQ</div></div><div class="bubble-element Group baTaIlaR bubble-r-container flex row" style="overflow: visible; justify-content: flex-start; gap: 0px 30px; border-radius: 0px; opacity: 1; align-self: center; min-width: 0px; order: 5; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 8;"><div class="bubble-element Text baTaIlaX clickable-element" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_bTPPl0_default); font-size: 14px; font-weight: 400; color: var(--color_text_default); line-height: 1.4; border-radius: 0px; opacity: 1; cursor: pointer; align-self: center; min-width: 10px; order: 6; min-height: 10px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 6;">Log In</div><button class="clickable-element bubble-element Button baTaIlaY" style="background: -webkit-linear-gradient(left, rgb(163, 252, 172) 0%, rgb(75, 239, 91) 100%); font-family: var(--font_bTPPl0_default); font-size: 15px; font-weight: bold; color: rgb(0, 0, 0); text-align: center; line-height: 1; border-radius: 5px; padding: 12px 24px; opacity: 1; transition: box-shadow 400ms ease-in-out 0s, background 200ms ease 0s; cursor: pointer; align-self: center; min-width: 150px; order: 7; min-height: 45px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 7;">FREE TRIAL</button></div></div></div><div class="page-is-loaded"></div><div class="sp-container sp-hidden sp-light sp-buttons-disabled sp-palette-buttons-disabled sp-palette-disabled sp-initial-disabled"><div class="sp-palette-container"><div class="sp-palette sp-thumb sp-cf"></div><div class="sp-palette-button-container sp-cf"><button type="button" class="sp-palette-toggle">less</button></div></div><div class="sp-picker-container"><div class="sp-top sp-cf"><div class="sp-fill"></div><div class="sp-top-inner"><div class="sp-color" style="background-color: rgb(255, 0, 0);"><div class="sp-sat"><div class="sp-val"><div class="sp-dragger" style="top: 0px; left: 0px;"></div></div></div></div><div class="sp-clear sp-clear-display" title="Clear Color Selection" style="display: none;"></div><div class="sp-hue"><div class="sp-slider" style="top: 0px;"></div></div></div><div class="sp-alpha"><div class="sp-alpha-inner"><div class="sp-alpha-handle" style="left: 0px;"></div></div></div></div><div class="sp-input-container sp-cf"><input class="sp-input" type="text" spellcheck="false"></div><div class="sp-initial sp-thumb sp-cf"></div><div class="sp-button-container sp-cf"><a class="sp-cancel" href="#">cancel</a><button type="button" class="sp-choose">select</button></div></div></div></body></html>