<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- ICO Fallback for Legacy Browsers -->
    <link rel="icon" type="image/x-icon" href="/favicons/favicon.ico" />

    <!-- Standard Favicon Sizes -->
    <link
      rel="icon"
      type="image/png"
      sizes="16x16"
      href="/favicons/favicon-16.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="32x32"
      href="/favicons/favicon-32.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="96x96"
      href="/favicons/favicon-96.png"
    />

    <!-- Apple Touch Icons -->
    <link
      rel="apple-touch-icon"
      sizes="57x57"
      href="/favicons/favicon-57.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="60x60"
      href="/favicons/favicon-60.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="72x72"
      href="/favicons/favicon-72.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="76x76"
      href="/favicons/favicon-76.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="114x114"
      href="/favicons/favicon-114.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="120x120"
      href="/favicons/favicon-120.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="144x144"
      href="/favicons/favicon-144.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="152x152"
      href="/favicons/favicon-152.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="180x180"
      href="/favicons/favicon-180.png"
    />

    <!-- Android Chrome Icons -->
    <link
      rel="icon"
      type="image/png"
      sizes="192x192"
      href="/favicons/favicon-192.png"
    />

    <!-- Web App Manifest -->
    <link rel="manifest" href="/site.webmanifest" />

    <!-- Windows Tiles -->
    <meta name="msapplication-config" content="/favicons/browserconfig.xml" />
    <meta name="msapplication-TileColor" content="#3b82f6" />

    <!-- Theme Colors -->
    <meta name="theme-color" content="#3b82f6" />
    <meta name="msapplication-navbutton-color" content="#3b82f6" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />

    <!-- Cross-Origin Resource Hints for Performance -->
    <!-- DNS prefetch for faster domain resolution -->
    <link rel="dns-prefetch" href="https://api-v3.startglobal.co" />
    <link rel="dns-prefetch" href="https://cdn.startglobal.co" />
    <link rel="dns-prefetch" href="https://fonts.startglobal.co" />

    <!-- Preconnect for faster resource loading (includes DNS + TLS handshake) -->
    <link rel="preconnect" href="https://api-v3.startglobal.co" crossorigin />
    <link rel="preconnect" href="https://cdn.startglobal.co" crossorigin />

    <!-- Font Preloading for Performance -->
    <link rel="preconnect" href="https://fonts.startglobal.co" crossorigin />
    <!-- Preload critical font weights from Cloudflare R2 -->
    <link
      rel="preload"
      href="https://fonts.startglobal.co/CamphorPro/CamphorPro-Regular.woff2?v-1"
      as="font"
      type="font/woff2"
      crossorigin
    />
    <link
      rel="preload"
      href="https://fonts.startglobal.co/CamphorPro/CamphorPro-Medium.woff2"
      as="font"
      type="font/woff2"
      crossorigin
    />
    <link
      rel="preload"
      href="https://fonts.startglobal.co/CamphorPro/CamphorPro-Bold.woff2"
      as="font"
      type="font/woff2"
      crossorigin
    />

    <title>StartGlobal Client Portal</title>
    <script id="datafast-queue">
      window.datafast =
        window.datafast ||
        function () {
          window.datafast.q = window.datafast.q || [];
          window.datafast.q.push(arguments);
        };
    </script>
    <script type="module" crossorigin src="/js/index.BHneVxhd.js"></script>
    <link rel="modulepreload" crossorigin href="/js/vendor-tanstack.B76qZhZp.js">
    <link rel="modulepreload" crossorigin href="/js/vendor-ui.ByoYm48K.js">
    <link rel="modulepreload" crossorigin href="/js/vendor-utils.BIfeT62W.js">
    <link rel="modulepreload" crossorigin href="/js/vendor-react.BmaQfIfL.js">
    <link rel="modulepreload" crossorigin href="/js/vendor-forms.B6Y4WEEs.js">
    <link rel="stylesheet" crossorigin href="/assets/index.CLYXgjUX.css">
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>
