<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    
    <!-- DNS Prefetch & Preconnect for Performance -->
    <link rel="dns-prefetch" href="https://cdn.tailwindcss.com" />
    <link rel="dns-prefetch" href="https://fonts.googleapis.com" />
    <link rel="dns-prefetch" href="https://www.googletagmanager.com" />
    <link rel="preconnect" href="https://cdn.tailwindcss.com" crossorigin />
    
    <!-- Preload Critical Assets -->
    <link rel="preload" href="/icons/l-logo.png" as="image" />
    <link rel="preload" href="/icons/favicon.png" as="image" />
    
    <link rel="icon" type="image/png" href="/icons/favicon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    
    <!-- Primary Meta Tags -->
    <title>Unitoolz - 185+ Free Online Tools | PDF, Image, AI & SEO Tools</title>
    <meta name="title" content="Unitoolz - 185+ Free Online Tools | PDF, Image, AI & SEO Tools" />
    <meta name="description" content="Free online tools for PDF editing, image compression, AI writing, SEO optimization & more. 185+ powerful utilities. No signup required. Privacy-first & works offline." />
    <meta name="keywords" content="free online tools, PDF tools, image editor, AI writer, SEO tools, file converter, calculator, unit converter, developer tools, online utilities" />
    <meta name="author" content="Unitoolz" />
    <meta name="robots" content="index, follow" />
    <link rel="canonical" href="https://www.unitoolz.in/" />
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://www.unitoolz.in/" />
    <meta property="og:title" content="Unitoolz - 185+ Free Online Tools | PDF, Image, AI & SEO Tools" />
    <meta property="og:description" content="Free online tools for PDF editing, image compression, AI writing, SEO optimization & more. 185+ powerful utilities. No signup required." />
    <meta property="og:image" content="https://www.unitoolz.in/icons/og-image.png" />
    <meta property="og:site_name" content="Unitoolz" />
    <meta property="og:locale" content="en_IN" />
    
    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://www.unitoolz.in/" />
    <meta property="twitter:title" content="Unitoolz - 185+ Free Online Tools | PDF, Image, AI & SEO Tools" />
    <meta property="twitter:description" content="Free online tools for PDF editing, image compression, AI writing, SEO optimization & more. 185+ powerful utilities. No signup required." />
    <meta property="twitter:image" content="https://www.unitoolz.in/icons/og-image.png" />
    <meta property="twitter:creator" content="@unitoolz" />
    
    <!-- PWA & Theme -->
    <meta name="theme-color" content="#6750A4" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="Unitoolz" />
    <link rel="apple-touch-icon" href="/icons/icon-192.png" />
    <link rel="manifest" href="/manifest.webmanifest" />
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
      tailwind.config = {
        darkMode: 'class',
        theme: {
          extend: {
            colors: {
              m3: {
                primary: 'var(--md-sys-color-primary)',
                onPrimary: 'var(--md-sys-color-on-primary)',
                primaryContainer: 'var(--md-sys-color-primary-container)',
                onPrimaryContainer: 'var(--md-sys-color-on-primary-container)',
                
                secondary: 'var(--md-sys-color-secondary)',
                onSecondary: 'var(--md-sys-color-on-secondary)',
                secondaryContainer: 'var(--md-sys-color-secondary-container)',
                onSecondaryContainer: 'var(--md-sys-color-on-secondary-container)',
                
                tertiary: 'var(--md-sys-color-tertiary)',
                onTertiary: 'var(--md-sys-color-on-tertiary)',
                tertiaryContainer: 'var(--md-sys-color-tertiary-container)',
                
                error: 'var(--md-sys-color-error)',
                onError: 'var(--md-sys-color-on-error)',
                
                background: 'var(--md-sys-color-background)',
                onBackground: 'var(--md-sys-color-on-background)',
                
                surface: 'var(--md-sys-color-surface)',
                onSurface: 'var(--md-sys-color-on-surface)',
                surfaceVariant: 'var(--md-sys-color-surface-variant)',
                onSurfaceVariant: 'var(--md-sys-color-on-surface-variant)',
                
                outline: 'var(--md-sys-color-outline)',
                outlineVariant: 'var(--md-sys-color-outline-variant)',
              }
            },
            fontFamily: {
              sans: ['Roboto', 'sans-serif'],
            },
            borderRadius: {
              '4xl': '2rem',
              '5xl': '2.5rem',
            },
            animation: {
              'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
              'float': 'float 6s ease-in-out infinite',
            },
            keyframes: {
              float: {
                '0%, 100%': { transform: 'translateY(0)' },
                '50%': { transform: 'translateY(-20px)' },
              }
            }
          },
        },
      }
    </script>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">
    <style>
      :root {
        /* M3 Light Theme Tokens */
        --md-sys-color-primary: #6750A4;
        --md-sys-color-on-primary: #FFFFFF;
        --md-sys-color-primary-container: #EADDFF;
        --md-sys-color-on-primary-container: #21005D;
        
        --md-sys-color-secondary: #625B71;
        --md-sys-color-on-secondary: #FFFFFF;
        --md-sys-color-secondary-container: #E8DEF8;
        --md-sys-color-on-secondary-container: #1D192B;
        
        --md-sys-color-tertiary: #7D5260;
        --md-sys-color-on-tertiary: #FFFFFF;
        --md-sys-color-tertiary-container: #FFD8E4;
        
        --md-sys-color-error: #B3261E;
        --md-sys-color-on-error: #FFFFFF;
        
        --md-sys-color-background: #FFFBFE;
        --md-sys-color-on-background: #1C1B1F;
        
        --md-sys-color-surface: #FFFBFE;
        --md-sys-color-on-surface: #1C1B1F;
        
        --md-sys-color-surface-variant: #E7E0EC;
        --md-sys-color-on-surface-variant: #49454F;
        
        --md-sys-color-outline: #79747E;
        --md-sys-color-outline-variant: #CAC4D0;
      }
      
      .dark {
        /* M3 Pure Black Dark Theme Tokens (AMOLED) */
        --md-sys-color-primary: #D0BCFF;
        --md-sys-color-on-primary: #381E72;
        --md-sys-color-primary-container: #4F378B;
        --md-sys-color-on-primary-container: #EADDFF;
        
        --md-sys-color-secondary: #CCC2DC;
        --md-sys-color-on-secondary: #332D41;
        --md-sys-color-secondary-container: #4A4458;
        --md-sys-color-on-secondary-container: #E8DEF8;
        
        --md-sys-color-tertiary: #EFB8C8;
        --md-sys-color-on-tertiary: #492532;
        --md-sys-color-tertiary-container: #633B48;
        
        --md-sys-color-error: #F2B8B5;
        --md-sys-color-on-error: #601410;
        
        --md-sys-color-background: #000000;
        --md-sys-color-on-background: #E6E1E5;
        
        --md-sys-color-surface: #000000;
        --md-sys-color-on-surface: #E6E1E5;
        
        --md-sys-color-surface-variant: #1C1B1F; /* Slightly raised for cards on black */
        --md-sys-color-on-surface-variant: #CAC4D0;
        
        --md-sys-color-outline: #938F99;
        --md-sys-color-outline-variant: #49454F;
      }

      body { 
        font-family: 'Roboto', sans-serif; 
        overflow-x: hidden; 
        transition: background-color 0.3s ease, color 0.3s ease; 
      }
      
      /* Smooth transitions for all colored elements */
      div, span, p, h1, h2, h3, button, a, input, nav, header, footer {
        transition-property: background-color, border-color, color, fill, stroke, box-shadow;
        transition-timing-function: cubic-bezier(0.2, 0.0, 0, 1.0); /* Emphasized easing */
        transition-duration: 300ms;
      }
      
      /* Material Elevation Utilities (simulated with shadow and surface tint) */
      .elevation-1 { box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30); }
      .elevation-2 { box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30); }
      .elevation-3 { box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15); }

      /* Custom Scrollbar */
      ::-webkit-scrollbar { width: 8px; height: 8px; }
      ::-webkit-scrollbar-track { background: transparent; }
      ::-webkit-scrollbar-thumb { background: var(--md-sys-color-outline-variant); border-radius: 4px; }
      ::-webkit-scrollbar-thumb:hover { background: var(--md-sys-color-outline); }

      /* Hide Scrollbar Utilities */
      .scrollbar-hide {
          -ms-overflow-style: none;  /* IE and Edge */
          scrollbar-width: none;  /* Firefox */
      }
      .scrollbar-hide::-webkit-scrollbar {
          display: none; /* Chrome, Safari and Opera */
      }
    </style>
    
    <!-- JSON-LD Structured Data for SEO -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebApplication",
      "name": "Unitoolz",
      "applicationCategory": "UtilitiesApplication",
      "operatingSystem": "Any",
      "url": "https://unitoolz.com",
      "description": "Free online tools for PDF editing, image compression, AI writing, SEO optimization and more. 185+ powerful utilities with no signup required.",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.8",
        "ratingCount": "15234"
      },
      "author": {
        "@type": "Organization",
        "name": "Unitoolz",
        "url": "https://unitoolz.com/about"
      },
      "publisher": {
        "@type": "Organization",
        "name": "Unitoolz",
        "logo": {
          "@type": "ImageObject",
          "url": "https://unitoolz.com/icons/l-logo.png"
        }
      },
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://unitoolz.com/tools?search={search_term}",
        "query-input": "required name=search_term"
      }
    }
    </script>
    
    <!-- Breadcrumb Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "name": "Home",
        "item": "https://unitoolz.com"
      },{
        "@type": "ListItem",
        "position": 2,
        "name": "Tools",
        "item": "https://unitoolz.com/tools"
      }]
    }
    </script>
    

  <script type="importmap">
{
  "imports": {
    "react": "https://aistudiocdn.com/react@^19.2.0",
    "react-dom/": "https://aistudiocdn.com/react-dom@^19.2.0/",
    "react/": "https://aistudiocdn.com/react@^19.2.0/",
    "lucide-react": "https://aistudiocdn.com/lucide-react@^0.554.0",
    "react-router-dom": "https://aistudiocdn.com/react-router-dom@^6.22.3",
    "@google/genai": "https://aistudiocdn.com/@google/genai@^1.30.0",
    "recharts": "https://aistudiocdn.com/recharts@^3.5.0",
    "framer-motion": "https://aistudiocdn.com/framer-motion@^11.13.1",
    "pdf-lib": "https://aistudiocdn.com/pdf-lib@^1.17.1",
    "pdfjs-dist": "https://esm.sh/pdfjs-dist@3.11.174",
    "jsqr": "https://esm.sh/jsqr@1.4.0",
    "jszip": "https://esm.sh/jszip@3.10.1",
    "heic2any": "https://esm.sh/heic2any@0.0.4",
    "lamejs": "https://esm.sh/lamejs@1.2.1",
    "qrcode": "https://esm.sh/qrcode@1.5.3"
  }
}
</script>
  <script type="module" crossorigin src="/assets/index-CnDvPkfT.js"></script>
  <link rel="modulepreload" crossorigin href="/assets/react-vendor-CzMrElg-.js">
  <link rel="modulepreload" crossorigin href="/assets/ui-vendor-TpRCIrvd.js">
  <link rel="modulepreload" crossorigin href="/assets/pdf-tools-BF_f0t_H.js">
  <link rel="stylesheet" crossorigin href="/assets/index-D-ExaBq9.css">
</head>
  <body class="bg-m3-background text-m3-onBackground selection:bg-m3-primaryContainer selection:text-m3-onPrimaryContainer">
    <div id="root"></div>
  
  <!-- Deferred Google Analytics -->
  <script defer src="https://www.googletagmanager.com/gtag/js?id=G-99SWQZ4N26"></script>
  <script defer>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-99SWQZ4N26');
  </script>
</body>
</html>