<!DOCTYPE html>
<html class="overflow-x-hidden" lang="en">
  <head>
    <script src="/assets/env.js" type="text/javascript"></script>
    <script>
      (function () {
        const env = window.__ENV__;
        for (const key in env) {
          const val = env[key];
          if (typeof val === 'string') {
            const lower = val.toLowerCase();
            if (lower === 'true') env[key] = true;
            else if (lower === 'false') env[key] = false;
          }
        }
      })();
    </script>
    <meta charset="UTF-8" />

    <meta
      name="viewport"
      content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui"
    />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="white" />
    <meta name="apple-mobile-web-app-title" content="RADiCAL" />

    <title>AI motion capture and 3D scene design with RADiCAL</title>
    <meta
      name="description"
      content="Create animation from video to 3D with RADiCAL's AI motion capture solution, and design scenes and environments in real-time."
      data-rh="true"
    />

    <meta property="og:type" content="website" />
    <!--  -->
    <link rel="apple-touch-icon" sizes="60x60" href="/assets/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png" />
    <link rel="manifest" href="/assets/site.webmanifest" />
    <link rel="mask-icon" href="/assets/safari-pinned-tab.svg" color="#1b3552" />
    <link rel="shortcut icon" href="/assets/favicon.ico" />
    <meta name="msapplication-TileColor" content="#da532c" />
    <meta name="msapplication-config" content="/assets/browserconfig.xml" />
    <meta name="theme-color" content="#ffffff" />
    <link rel="icon" type="image/png" sizes="192x192" href="/assets/android-chrome-192x192.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/assets/android-chrome-512x512.png" />

    <!-- /// -->

    <!-- <script src="https://cdn.tailwindcss.com"></script> -->

    <!-- Google Tag Manager -->
    <script>
      window.GTM_ID =
        window.location.host === 'radicalmotion.com' || window.location.host === 'www.radicalmotion.com'
          ? 'GTM-5KHZTN2'
          : 'GTM-59MTJJS';
    </script>
    <script>
      (function (w, d, s, l, i) {
        w[l] = w[l] || [];
        w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
        var f = d.getElementsByTagName(s)[0],
          j = d.createElement(s),
          dl = l != 'dataLayer' ? '&l=' + l : '';
        j.async = true;
        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
        f.parentNode.insertBefore(j, f);
      })(window, document, 'script', 'dataLayer', window.GTM_ID);
    </script>
    <!-- End Google Tag Manager -->
    <script type="module" crossorigin src="/assets/index-DhS5tQep.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-CdLMegxF.css">
  </head>
  <body>
    <div id="root_vrcam"></div>
    <div id="draggable-clips"></div>
    <div id="root">
      <div id="loading"></div>
    </div>
    <div id="vcam-overlay">
      <!-- THIS IS VCAM OVERLAY -->
      <div id="vcam-overlay-content"></div>
    </div>

    <script src="/loaders.js"></script>
  </body>
</html>
