<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>Infiniaflow - AI-Powered Sales Automation</title>

    <!-- Instrument Sans, lokal (Design Guide §02; Eigentümer 2026-09-08: alle
         Schriften lokal). Die vier @font-face und die vier woff2 liegen unter
         frontend/public/fonts/ und werden von unserer eigenen Herkunft
         ausgeliefert — kein Abruf bei fonts.googleapis.com. Als <link> und
         nicht als @import in index.css: ein absoluter Pfad würde dort zur
         Bauzeit aufgelöst, public/ steht aber erst zur Laufzeit unter /. -->
    <link rel="stylesheet" href="/fonts/instrument-sans.css" />

    <!-- Manrope, lokal — die Schrift der Website (Style Guide §04, E86: die
         Vorlage ist die Design-Spezifikation einschliesslich Typografie).
         Sie gilt unter der Hülle der Marketingfläche über die Rolle
         `--site-font-sans`; Instrument Sans daneben bleibt die Schrift der
         Anwendung. Beide Familien liegen lokal, aus demselben Grund. -->
    <link rel="stylesheet" href="/fonts/manrope.css" />
    
    <!-- SEO Meta Tags for Crawlers and Lightpanda -->
    <meta name="description" content="Infiniaflow is the intelligent CRM platform that automates your sales workflow, manages customer relationships, and drives revenue growth through AI-powered insights." />
    <meta name="keywords" content="AI CRM, Sales Automation, AI Voice Agent, Contact Management, Lead Scoring, Sales Analytics" />
    
    <!-- Open Graph / Social Media -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://infiniaflow.com/" />
    <meta property="og:title" content="Infiniaflow - AI-Powered Sales Automation" />
    <meta property="og:description" content="Transform your sales process with AI. Automated customer interactions, smart contact management, and real-time analytics." />
    <meta property="og:image" content="https://infiniaflow.com/og-image.png" />
    
    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Infiniaflow - AI-Powered Sales Automation" />
    <meta name="twitter:description" content="Transform your sales process with AI. Automated customer interactions, smart contact management, and real-time analytics." />
    
    <!-- Favicon -->
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="alternate icon" href="/favicon.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    

    <!-- **Das Thema VOR dem ersten Bild.** `lib/theme-context` haengt die
         Klasse `light`/`dark` in einem Effekt an das Dokument — der laeuft
         nach dem ersten Zeichnen. Solange nur Seiteninhalt darunter lag, war
         das ein Flimmern; mit dem Seitenlader (Design Guide §10d) ist es eine
         ganze helle Flaeche vor einer dunklen Anwendung, und §10d Regel 1 sagt
         dazu: „Always the current theme — never dark-on-light or vice versa."
         Dieselbe Quelle wie dort (localStorage `theme`, Vorgabe `system`),
         damit es genau eine Wahrheit gibt. -->
    <script>
      try {
        const stored = localStorage.getItem("theme") || "system";
        const dark =
          stored === "dark" ||
          (stored === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches);
        document.documentElement.classList.add(dark ? "dark" : "light");
      } catch {
        document.documentElement.classList.add("light");
      }
    </script>
    <script type="module" crossorigin src="/assets/index-Bfj29vwq.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-Dqfqb5bO.js">
    <link rel="modulepreload" crossorigin href="/assets/convex-client-CydROQeC.js">
    <link rel="modulepreload" crossorigin href="/assets/i18n-srWzd0gv.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-excalidraw-DtSFVzY2.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-blocknote-Cin1npDL.js">
    <link rel="modulepreload" crossorigin href="/assets/chunk-BV7QT456-8KhRtEsX.js">
    <link rel="modulepreload" crossorigin href="/assets/createLucideIcon-D3G7URiZ.js">
    <link rel="modulepreload" crossorigin href="/assets/check-BMB2-Ix8.js">
    <link rel="modulepreload" crossorigin href="/assets/chevron-down-t61RRrNk.js">
    <link rel="modulepreload" crossorigin href="/assets/circle-alert-DjTiPMq-.js">
    <link rel="modulepreload" crossorigin href="/assets/eye-off-17E8WLyc.js">
    <link rel="modulepreload" crossorigin href="/assets/eye-Fyap9OoD.js">
    <link rel="modulepreload" crossorigin href="/assets/loader-circle-C1_6M7L3.js">
    <link rel="modulepreload" crossorigin href="/assets/triangle-alert-DxgyGvHt.js">
    <link rel="modulepreload" crossorigin href="/assets/x-CLan1T3i.js">
    <link rel="modulepreload" crossorigin href="/assets/dist-DEhJnqIF.js">
    <link rel="modulepreload" crossorigin href="/assets/bundle-mjs-DxdGK6Xj.js">
    <link rel="modulepreload" crossorigin href="/assets/utils-BaoD_fxK.js">
    <link rel="modulepreload" crossorigin href="/assets/button-h1jab_aU.js">
    <link rel="modulepreload" crossorigin href="/assets/dist-BAIQJNSE.js">
    <link rel="modulepreload" crossorigin href="/assets/dist-577wXckt.js">
    <link rel="modulepreload" crossorigin href="/assets/dist-DSLJcSFa.js">
    <link rel="modulepreload" crossorigin href="/assets/dist-Xv7a8q2S.js">
    <link rel="modulepreload" crossorigin href="/assets/alert-dialog-h2L-yWRp.js">
    <link rel="modulepreload" crossorigin href="/assets/collapsible-DxBKDi_e.js">
    <link rel="modulepreload" crossorigin href="/assets/use-toast-DbwKETP6.js">
    <link rel="modulepreload" crossorigin href="/assets/validators-BHjRxP62.js">
    <link rel="modulepreload" crossorigin href="/assets/convex-errors-D0CRZpIS.js">
    <link rel="modulepreload" crossorigin href="/assets/MessageProvider-rX7irgrc.js">
    <link rel="modulepreload" crossorigin href="/assets/config-CLCkaELa.js">
    <link rel="modulepreload" crossorigin href="/assets/auth-client-DgQSM9Z7.js">
    <link rel="modulepreload" crossorigin href="/assets/api-C1BfsYM7.js">
    <link rel="modulepreload" crossorigin href="/assets/formDraft-D5_-FExv.js">
    <link rel="modulepreload" crossorigin href="/assets/usePhrase-DFN_dRwG.js">
    <link rel="modulepreload" crossorigin href="/assets/sessionEnd-Di-zVoVR.js">
    <link rel="modulepreload" crossorigin href="/assets/dist-eWj530Rv.js">
    <link rel="modulepreload" crossorigin href="/assets/dist-BCFIY75V.js">
    <link rel="modulepreload" crossorigin href="/assets/dist-D2uO07z-.js">
    <link rel="modulepreload" crossorigin href="/assets/dist-CkYzYa2I.js">
    <link rel="modulepreload" crossorigin href="/assets/alert-D4SwihOd.js">
    <link rel="modulepreload" crossorigin href="/assets/input-lulZjkdu.js">
    <link rel="modulepreload" crossorigin href="/assets/label-CLtAi06F.js">
    <link rel="modulepreload" crossorigin href="/assets/dist-DTADXUn6.js">
    <link rel="modulepreload" crossorigin href="/assets/card-DprzG8Lj.js">
    <link rel="modulepreload" crossorigin href="/assets/dist-C14KPZf4.js">
    <link rel="modulepreload" crossorigin href="/assets/zod-bjyp0b88.js">
    <link rel="modulepreload" crossorigin href="/assets/form-LGdiyJ8s.js">
    <link rel="stylesheet" crossorigin href="/assets/vendor-excalidraw-DtRVLazd.css">
    <link rel="stylesheet" crossorigin href="/assets/vendor-blocknote-DN6tIUfc.css">
    <link rel="stylesheet" crossorigin href="/assets/index-w990YT3i.css">
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>
