<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="icon" type="image/png" sizes="192x192" href="/icon-192-v167.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-v167.png" />
    <link rel="apple-touch-icon-precomposed" sizes="180x180" href="/apple-touch-icon-v167.png" />
    <link rel="manifest" href="/site.webmanifest" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
    <meta name="theme-color" content="#02060d" />
    <meta name="application-name" content="Vetra Dashboard" />
    <meta name="mobile-web-app-capable" content="yes" />
    <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="Vetra Dashboard" />
    <meta name="format-detection" content="telephone=no" />
    <!-- iOS splash screens — prevents white flash on launch from home screen -->
    <link rel="apple-touch-startup-image" media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3)" href="/splash-1290x2796.png" />
    <link rel="apple-touch-startup-image" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3)" href="/splash-1170x2532.png" />
    <link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" href="/splash-750x1334.png" />
    <link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" href="/splash-2048x2732.png" />
    <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" href="/splash-1536x2048.png" />
    <style>
      html,
      body,
      #root {
        min-height: 100%;
        background: #02060d;
        color-scheme: dark;
      }

      body {
        margin: 0;
      }
    </style>
    <title>Vetra Dashboard</title>

    <!-- Default Open Graph (generic fallback for all routes) -->
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Vetra" />
    <meta property="og:title" content="Vetra — AI Front Desk for Auto Repair Shops" />
    <meta property="og:description" content="AI receptionist, chat widget, and 0% APR financing for independent auto repair shops." />

    <!-- /careers-specific OG tags are injected by CareersPage via document.head manipulation -->
    <!-- Static crawler coverage for /careers is handled via Cloudflare Worker or _headers rewrite -->

    <!-- Microsoft Clarity intentionally NOT installed on the dashboard. The dashboard
         renders sensitive PII (rep details, commission amounts, Stripe URLs) which should
         not be sent to a third-party session-recording service. Clarity is only on
         usevetra.com (marketing). -->
    <script type="module" crossorigin src="/assets/index-BT9ud-0g.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-Cyuzqnbw.js">
    <link rel="modulepreload" crossorigin href="/assets/charts-B09nPOZ4.js">
    <link rel="modulepreload" crossorigin href="/assets/react-vendor-CuuGMieU.js">
    <link rel="modulepreload" crossorigin href="/assets/sentry-BKGZUYKE.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-Cmj5y_ei.js">
    <link rel="modulepreload" crossorigin href="/assets/supabase-CkrlTxgX.js">
    <link rel="modulepreload" crossorigin href="/assets/motion-CyIctEp1.js">
    <link rel="stylesheet" crossorigin href="/assets/vendor-vh-t_kPv.css">
    <link rel="stylesheet" crossorigin href="/assets/index-C1r1gM5C.css">
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>
