<!DOCTYPE html>
<html lang="en" data-theme="dark">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="description" content="Take Control of Your Subscriptions with SubPilot" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta name="theme-color" content="#09081B" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="Finelo" />

    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="msapplication-TileColor" content="#09081B" />

    <link rel="dns-prefetch" href="https://fonts.googleapis.com" />
    <link rel="dns-prefetch" href="https://fonts.gstatic.com" />
    <link rel="dns-prefetch" href="https://api.subpilot.net/" />




    <title>Finelo Subpilot</title>
    <style>
      :root {
        --w-mobile: 768px;
        --h-footer: 4rem;
        --h-header: 3rem;
      }

      #root {
        max-width: var(--w-mobile, 768px);
        margin: 0 auto;
        padding: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100vh;

        @supports (height: 100dvh) {
          height: 100dvh;
        }
      }

      html {
        font-size: 16px;
        scroll-behavior: smooth;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
      }

      body {
        font-family: "Inter", Arial, Helvetica, sans-serif;
        color: var(--text-primary, #2A5779);
        line-height: 1.5;
        background-color: var(--background-primary, #ffffff);
        margin: 0;
        padding: 0;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
      }

      #launcher-frame {
        display: none !important;
      }

      @media (prefers-reduced-motion: reduce) {
        html {
          scroll-behavior: auto;
        }
      }

      @media print {
        body {
          background: white !important;
          color: black !important;
        }
      }

      @media (prefers-color-scheme: dark) {
        :root {
          color-scheme: dark;
        }
      }

      @media (prefers-color-scheme: light) {
        :root {
          color-scheme: light;
        }
      }
    </style>

    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      rel="preload"
      as="style"
      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
      onload="this.onload=null;this.rel='stylesheet'"
    />

    <script class="clarity-init" type="text/javascript" data-cookiecategory="analytics" defer>
      (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
      })(window, document, "clarity", "script", "t5gwflt7r4");
    </script>

    <noscript>
      <link
        rel="stylesheet"
        href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
      />
    </noscript>
    <script type="module" crossorigin src="/assets/index-C5bB09FP.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/js/vendor/react.CalX79Es.js">
    <link rel="modulepreload" crossorigin href="/assets/js/vendor/sentry.Cik5zHCz.js">
    <link rel="stylesheet" crossorigin href="/assets/css/index-DnQyuF-7lZ.css">
  </head>
  <body>
  <noscript>You need to enable JavaScript to run this app.</noscript>
  <div id="root"></div>
  </body>
</html>
