<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Google Tag Manager (deferred) -->
    <script>(function(){var cb=function(){(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','GTM-WSMSJX5');};'requestIdleCallback' in window?requestIdleCallback(cb):setTimeout(cb,0);})();</script>
    <!-- End Google Tag Manager -->
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="referrer" content="strict-origin-when-cross-origin" />
    <link rel="icon" type="image/png" href="/favicon.png" />
    <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=Host+Grotesk:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap">
    <link id="google-font-host-grotesk" href="https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
    <title>AI-Powered Personalization</title>
    <meta name="description" content="Experience personalized content generated by AI based on your unique visitor profile and preferences.">
    <script>
      // Prevent white flash by setting theme before any rendering
      // Check localStorage first, then system preference, default to dark (public site design)
      (function() {
        var stored = localStorage.getItem('theme');
        var prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
        var theme = stored || (prefersDark ? 'dark' : 'dark'); // Default to dark for this site
        if (theme === 'dark') {
          document.documentElement.classList.add('dark');
        }
      })();
    </script>
    <script>
      (function() {
        function isThirdPartyError(msg, src) {
          msg = msg || "";
          src = src || "";
          var isThirdPartySrc = (
            src.indexOf("googletagmanager.com") !== -1 ||
            src.indexOf("gtm.js") !== -1 ||
            src.indexOf("hubspot") !== -1
          );
          var isThirdPartyMsg = (
            msg.indexOf("jQuery is not defined") !== -1 ||
            msg.indexOf("RB is not defined") !== -1 ||
            msg.indexOf("missing ) after argument list") !== -1
          );
          var isMinifiedThirdParty = (
            /Cannot read properties of (null|undefined) \(reading '[a-z]'\)/.test(msg)
          );
          return isThirdPartySrc || isThirdPartyMsg || isMinifiedThirdParty;
        }
        window.addEventListener("error", function(e) {
          if (isThirdPartyError(e.message, e.filename)) {
            e.preventDefault();
            e.stopImmediatePropagation();
            return false;
          }
        }, true);
        window.addEventListener("unhandledrejection", function(e) {
          var reason = (e.reason && e.reason.message) || String(e.reason || "");
          if (
            reason.indexOf("jQuery") !== -1 ||
            reason.indexOf("RB is not defined") !== -1 ||
            reason.indexOf("googletagmanager") !== -1
          ) {
            e.preventDefault();
            e.stopImmediatePropagation();
          }
        }, true);
        var overlayObserver = new MutationObserver(function(mutations) {
          mutations.forEach(function(mutation) {
            mutation.addedNodes.forEach(function(node) {
              if (node.tagName === 'VITE-ERROR-OVERLAY') {
                var text = node.shadowRoot ? node.shadowRoot.textContent || "" : node.textContent || "";
                if (
                  text.indexOf("missing ) after argument list") !== -1 ||
                  /Cannot read properties of (null|undefined) \(reading '[a-z]'\)/.test(text)
                ) {
                  node.remove();
                }
              }
            });
          });
        });
        overlayObserver.observe(document.documentElement, { childList: true, subtree: true });
      })();
    </script>
    <script>
      window.__CLS_SHIFTS = [];
      new PerformanceObserver(function(list) {
        list.getEntries().forEach(function(entry) {
          if (!entry.hadRecentInput && entry.value > 0.001) {
            var sources = [];
            if (entry.sources) {
              entry.sources.forEach(function(src) {
                sources.push({
                  prev: src.previousRect ? {x:src.previousRect.x,y:src.previousRect.y,w:src.previousRect.width,h:src.previousRect.height} : null,
                  curr: src.currentRect ? {x:src.currentRect.x,y:src.currentRect.y,w:src.currentRect.width,h:src.currentRect.height} : null,
                  node: src.node ? src.node.tagName + '.' + (src.node.className||'').toString().substring(0,80) : null
                });
              });
            }
            var shift = {t: Math.round(performance.now()), v: entry.value, s: sources};
            window.__CLS_SHIFTS.push(shift);
            console.log('[CLS-SHIFT]', JSON.stringify(shift));
          }
        });
      }).observe({type: 'layout-shift', buffered: true});
    </script>
    <style>
      vite-error-overlay { display: none !important; }
      /* Prevent white flash - set initial background based on theme class */
      html { background-color: hsl(0 0% 100%); } /* Light mode default */
      html.dark { background-color: hsl(222 15% 9%); } /* Dark mode */
      /* SSG-aware FOUC prevention:
         When SSG has pre-rendered content, show it immediately (good FCP/LCP).
         When #root is empty (no SSG), hide until React + CSS are ready. */
      #root:empty { opacity: 0; }
      #root:not(:empty):not(.css-ready) { opacity: 0; }
      #root.css-ready { opacity: 1; transition: opacity 0.15s ease-in; }
      /* Fallback: force-show after 3s if CSS/JS fails to load */
      @keyframes fouc-fallback { to { opacity: 1 !important; } }
      #root:not(.css-ready) { animation: fouc-fallback 0s 3s forwards; }
    </style>
    <script type="module" crossorigin src="/assets/index-B8U72AvB.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-yLA1g6cw.css">
  </head>
  <body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WSMSJX5"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
    <div id="root"></div>
  </body>
</html>