<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
    <title>Investor Checklist</title>

    <!-- Favicon and App Icons -->
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="icon" type="image/png" href="/favicon.png" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />

    <!-- Meta tags for search engines and social media -->
    <meta name="description" content="Professional investment checklist tool to analyze stocks and make informed investment decisions" />
    <meta property="og:title" content="Investor Checklist" />
    <meta property="og:description" content="Professional investment checklist tool to analyze stocks and make informed investment decisions" />
    <meta property="og:image" content="/og-image.png" />
    <meta property="og:type" content="website" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Investor Checklist" />
    <meta name="twitter:description" content="Professional investment checklist tool to analyze stocks and make informed investment decisions" />
    <meta name="twitter:image" content="/og-image.png" />

    <!-- Google Analytics 4 -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-9QM4BEP97B"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-9QM4BEP97B');
    </script>

    <!-- DNS prefetch for external resources -->
    <link rel="dns-prefetch" href="https://fonts.googleapis.com" />
    <link rel="dns-prefetch" href="https://fonts.gstatic.com" />
    <link rel="dns-prefetch" href="https://cdn.jsdelivr.net" />

    <!-- Preconnect for critical resources -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <!-- Optimized font loading with font-display: swap -->
    <link
      href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&family=Poppins:wght@500;600&display=swap"
      rel="stylesheet"
      media="print" onload="this.media='all'"
    />

    <!-- Preload critical icons -->
    <link 
      href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css" 
      rel="stylesheet"
      media="print" onload="this.media='all'"
    />

    <!-- Fallback for no-JS -->
    <noscript>
      <link
        href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&family=Poppins:wght@500;600&display=swap"
        rel="stylesheet"
      />
      <link href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css" rel="stylesheet">
    </noscript>
    <script type="module" crossorigin src="/assets/index-Biu2RB1N.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-DZw1L78O.css">
  </head>
  <body>
    <div id="root"></div>
    <!-- This is a replit script which adds a banner on the top of the page when opened in development mode outside the replit environment -->
    <script type="text/javascript" src="https://replit.com/public/js/replit-dev-banner.js"></script>
  </body>
</html>