<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/favicon.png" />
    <link rel="apple-touch-icon" href="/favicon-192.png" />
    <meta name="theme-color" content="hsl(40 24% 94%)" />
    <link rel="manifest" href="/platform/manifest.json" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="Zyta" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="description" content="Zyta is a multi-tenant business platform for branded apps, storefronts, marketing sites, and operational workspaces." />
    <link rel="canonical" href="https://zyta.dev/" />
    <meta property="og:title" content="Zyta | Multi-Tenant Business Platform" />
    <meta property="og:description" content="A white-label platform for branded apps, storefronts, marketing sites, and operational workspaces." />
    <meta property="og:url" content="https://zyta.dev/" />
    <meta property="og:type" content="website" />

    <title>Zyta | Multi-Tenant Business Platform</title>
    <script src="/boot/theme.js"></script>
    <script src="/boot/recovery.js"></script>
    <script type="module" crossorigin src="/assets/index-Dv32Avko.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/v-react-Ad1RJ-oA.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-B5viwuFM.js">
    <link rel="modulepreload" crossorigin href="/assets/v-css-utils-Ce1ZTWB2.js">
    <link rel="modulepreload" crossorigin href="/assets/v-date-Nj_T_vet.js">
    <link rel="modulepreload" crossorigin href="/assets/v-supabase-ext-CYP5OK_Y.js">
    <link rel="modulepreload" crossorigin href="/assets/v-supabase-core-F70dQ9Sn.js">
    <link rel="modulepreload" crossorigin href="/assets/v-toast-D6Dxeqe1.js">
    <link rel="modulepreload" crossorigin href="/assets/v-tanstack-DjsrwDr_.js">
    <link rel="modulepreload" crossorigin href="/assets/v-query-Dh93PMd7.js">
    <link rel="modulepreload" crossorigin href="/assets/v-motion-BUcsZk46.js">
    <link rel="modulepreload" crossorigin href="/assets/v-router-DsfIuEU2.js">
    <link rel="modulepreload" crossorigin href="/assets/v-state-xA6o7AxK.js">
    <link rel="modulepreload" crossorigin href="/assets/v-icons-CM1hwnf4.js">
    <link rel="modulepreload" crossorigin href="/assets/v-radix-CNMAos9S.js">
    <link rel="modulepreload" crossorigin href="/assets/v-security-Cze8u95C.js">
    <link rel="stylesheet" crossorigin href="/assets/vendor-D2r4GBif.css">
    <link rel="stylesheet" crossorigin href="/assets/index-D4n5nlAi.css">
  <link rel="manifest" href="/manifest.webmanifest"></head>

  <body>
    <div id="root">
      <!-- Static Fallback: Displayed if the React bundle fails to load (CDN outage, JS disabled) -->
      <noscript>
        <div style="font-family:'Inter',system-ui,sans-serif;text-align:center;padding:4rem 1rem;max-width:480px;margin:0 auto">
          <div style="font-size:2.5rem;margin-bottom:1rem">Z</div>
          <h1 style="font-size:1.75rem;font-weight:800;margin:0 0 0.75rem">Zyta</h1>
          <p style="color:#6b7280;line-height:1.6;margin:0 0 1.5rem">
            Multi-tenant business apps, storefronts, marketing sites, and operational workspaces.
          </p>
          <a href="/" style="display:inline-block;padding:0.75rem 1.5rem;background:hsl(240 5% 15%);color:white;border:none;border-radius:0.75rem;font-weight:600;font-size:0.875rem;text-decoration:none">
            Retry Connection
          </a>
        </div>
      </noscript>
    </div>
  </body>
</html>
