<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Deploy AI | Enterprise AI Systems</title>
    <!-- Meta Pixel Code -->
    <script>
        function getAndSaveIPAddress() {
            fetch('https://api.ipify.org?format=json')
                .then(response => response.json())
                .then(data => {
                    const ipAddress = data.ip;
                    const urlParams = new URLSearchParams(window.location.search);

                    if (!urlParams.has('ip_address')) {
                        urlParams.set('ip_address', ipAddress);
                        const newUrl = window.location.pathname + '?' + urlParams.toString();
                        window.location.href = newUrl;
                    }

                    console.log('Simple Check IP Address collected:', ipAddress);
                })
                .catch(error => console.error('Error fetching IP:', error));
        }

        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', getAndSaveIPAddress);
        } else {
            getAndSaveIPAddress();
        }
    </script>
    <script>
        !function (f, b, e, v, n, t, s) {
            if (f.fbq) return; n = f.fbq = function () {
                n.callMethod ?
                    n.callMethod.apply(n, arguments) : n.queue.push(arguments)
            };
            if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
            n.queue = []; t = b.createElement(e); t.async = !0;
            t.src = v; s = b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t, s)
        }(window, document, 'script',
            'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '926624439735559');
        fbq('init', '1274043574758963');
        fbq('track', 'PageView');
    </script>
    <!-- End Meta Pixel Code -->
    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;1,100&family=Space+Grotesk:wght@500;700&display=swap"
        rel="stylesheet">
    <style>
        :root {
            --bg-main: #060608;
            --accent: #0055FF;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--bg-main);
            color: #FFFFFF;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            scroll-behavior: smooth;
            overflow-x: hidden;
        }

        .selection-blue::selection {
            background-color: rgba(0, 85, 255, 0.4);
            color: #FFFFFF;
        }

        /* Grain overlay for texture */
        .grain::before {
            content: "";
            position: fixed;
            top: -150%;
            left: -150%;
            width: 300%;
            height: 300%;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
            opacity: 0.03;
            pointer-events: none;
            z-index: 1000;
            animation: grain 8s steps(10) infinite;
        }

        @keyframes grain {

            0%,
            100% {
                transform: translate(0, 0);
            }

            10% {
                transform: translate(-5%, -10%);
            }

            20% {
                transform: translate(-15%, 5%);
            }

            30% {
                transform: translate(7%, -25%);
            }

            40% {
                transform: translate(-5%, 25%);
            }

            50% {
                transform: translate(-15%, 10%);
            }

            60% {
                transform: translate(15%, 0%);
            }

            70% {
                transform: translate(0%, 15%);
            }

            80% {
                transform: translate(3%, 35%);
            }

            90% {
                transform: translate(-10%, 10%);
            }
        }

        /* Subtle Grid */
        .grid-bg {
            background-image:
                linear-gradient(to right, rgba(255, 255, 255, 0.015) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(255, 255, 255, 0.015) 1px, transparent 1px);
            background-size: 80px 80px;
        }

        /* High-end Animations */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes float {

            0%,
            100% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-10px);
            }
        }

        @keyframes revealLine {
            from {
                width: 0;
            }

            to {
                width: 100%;
            }
        }

        .reveal-up {
            animation: fadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
            opacity: 0;
        }

        .delay-100 {
            animation-delay: 0.1s;
        }

        .delay-200 {
            animation-delay: 0.2s;
        }

        .delay-300 {
            animation-delay: 0.3s;
        }

        /* Moving Background Gradients */
        .gradient-flow {
            background: radial-gradient(circle at 50% 50%, rgba(0, 85, 255, 0.08) 0%, transparent 50%);
            animation: moveGradient 20s ease-in-out infinite alternate;
        }

        @keyframes moveGradient {
            0% {
                transform: translate(-10%, -10%) scale(1);
            }

            100% {
                transform: translate(10%, 10%) scale(1.2);
            }
        }

        /* Precall page styles */
        .font-heading {
            font-family: 'Space Grotesk', sans-serif;
        }

        .fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }

        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* Glisten effect */
        .glisten::after {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 60%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
            animation: glisten 3s linear infinite;
        }

        @keyframes glisten {
            0% {
                left: -100%;
            }

            40% {
                left: 150%;
            }

            100% {
                left: 150%;
            }
        }

        @keyframes blink-pill {

            0%,
            100% {
                opacity: 1;
            }

            50% {
                opacity: 0;
            }
        }

        .blink-pill {
            animation: blink-pill 1s ease-in-out 3;
        }

        /* Animated grid background */
        .hero-grid {
            position: absolute;
            inset: 0;
            overflow: hidden;
            pointer-events: none;
            -webkit-mask-image: linear-gradient(to bottom, white 50%, transparent 85%);
            mask-image: linear-gradient(to bottom, white 50%, transparent 85%);
        }

        .hero-grid::before {
            content: "";
            position: absolute;
            inset: -50%;
            background-image:
                linear-gradient(to right, rgba(0, 85, 255, 0.06) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(0, 85, 255, 0.06) 1px, transparent 1px);
            background-size: 60px 60px;
            animation: gridMove 20s linear infinite;
        }

        .hero-grid::after {
            content: "";
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse at 50% 30%, rgba(0, 85, 255, 0.08) 0%, transparent 60%);
            animation: gridPulse 4s ease-in-out infinite;
            -webkit-mask-image: linear-gradient(to bottom, white 60%, transparent 100%);
            mask-image: linear-gradient(to bottom, white 60%, transparent 100%);
        }

        @keyframes gridMove {
            0% {
                transform: translate(0, 0);
            }

            100% {
                transform: translate(60px, 60px);
            }
        }

        @keyframes gridPulse {

            0%,
            100% {
                opacity: 0.4;
            }

            50% {
                opacity: 1;
            }
        }

        /* Scan line effect */
        .hero-grid-scan {
            position: absolute;
            left: 0;
            right: 0;
            height: 120px;
            background: linear-gradient(to bottom, transparent, rgba(0, 85, 255, 0.05), transparent);
            animation: scanLine 6s ease-in-out infinite;
            pointer-events: none;
        }

        @keyframes scanLine {
            0% {
                top: -120px;
                opacity: 1;
            }

            60% {
                opacity: 1;
            }

            85% {
                opacity: 0;
            }

            100% {
                top: 80%;
                opacity: 0;
            }
        }

        /* Static grid background (no animation) */
        .static-grid {
            position: absolute;
            inset: 0;
            overflow: hidden;
            pointer-events: none;
        }

        .static-grid::before {
            content: "";
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(to right, rgba(0, 85, 255, 0.06) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(0, 85, 255, 0.06) 1px, transparent 1px);
            background-size: 60px 60px;
        }

        .static-grid::after {
            content: "";
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse at 50% 30%, rgba(0, 85, 255, 0.08) 0%, transparent 60%);
            opacity: 0.6;
        }

        @keyframes scrollLogos {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(-50%);
            }
        }

        .blue-glow {
            box-shadow: 0 0 40px -10px rgba(37, 99, 235, 0.3);
        }

        .blue-glow-hover:hover {
            box-shadow: 0 0 50px -5px rgba(37, 99, 235, 0.4);
        }
    </style>
    <script src="https://smart-x.simplecheck.ai/c.js?cid=client_192508275" async></script>

  <script type="module" crossorigin src="/assets/index-C3_w5tgd.js"></script>
</head>

<body class="selection-blue overflow-x-hidden">
    <noscript><img height="1" width="1" style="display:none"
            src="https://www.facebook.com/tr?id=926624439735559&ev=PageView&noscript=1" /></noscript>
    <noscript><img height="1" width="1" style="display:none"
            src="https://www.facebook.com/tr?id=1274043574758963&ev=PageView&noscript=1" /></noscript>
    <div id="root"></div>
    <script src="https://link.clientswoop.com/js/form_embed.js" type="text/javascript"></script>
</body>

</html>