PageSourceSearch

https://www.netzilo.com/

html netzilo.com collected 2026-10-01 12:01:43 UTC 47,967 bytes, 728 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" class="dark">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <meta name="google-site-verification" content="mjQwnQcjDqUiYpogNlT-hPm_FiI860jArzSifAqgyr0" />
7    <link rel="canonical" href="https://www.netzilo.com/" />
8    <title>Netzilo - Digital Enterprise Workplace</title>
9    
10    <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 10-11
10
11    <script async src="https://www.googletagmanager.com/gtag/js?id=
11G-55G045HJ4J
vendor: 16 bytes, lines 11-12
11"></script>
12    
12<script>
13      
vendor: 145 bytes, lines 13-16
13window.dataLayer = window.dataLayer || [];
14      function gtag(){dataLayer.push(arguments);}
15      gtag('js', new Date());
16      gtag('config', '
16G-55G045HJ4J
vendor: 8 bytes, lines 16-17
16');
17    
17</script>
17
18    <link rel="icon" type="image/svg+xml" href="assets/images/netzilo_logo_blue.svg">
19    <link rel="icon" type="image/png" href="assets/images/netzilo_logo_blue.png">
20    
20<script src="https://cdn.tailwindcss.com"></script>
20
21    
21<script>
22        tailwind.config = {
23            darkMode: 'class',
24            theme: {
25                extend: {
26                    colors: {
27                        slate: {
28                            950: '#020617',
29                            900: '#0f172a',
30                            800: '#1e293b',
31                            700: '#334155',
32                            600: '#475569',
33                            500: '#64748b',
34                            400: '#94a3b8',
35                            300: '#cbd5e1',
36                            200: '#e2e8f0',
37                            100: '#f1f5f9',
38                            50: '#f8fafc'
39                        }
40                    }
41                }
42            }
43        }
44    </script>
44
45    <style>
46        /* Custom animations */
47        @keyframes fadeIn {
48            from { opacity: 0; transform: translateY(20px); }
49            to { opacity: 1; transform: translateY(0); }
50        }
51        .fade-in { animation: fadeIn 0.6s ease-in-out; }
52        
53        @keyframes gradient {
54            0% { background-position: 0% 50%; }
55            50% { background-position: 100% 50%; }
56            100% { background-position: 0% 50%; }
57        }
58        .gradient-text {
59            background: linear-gradient(45deg, #3b82f6, #06b6d4);
60            background-size: 200% 200%;
61            -webkit-background-clip: text;
62            -webkit-text-fill-color: transparent;
63            animation: gradient 3s ease infinite;
64        }
65        
66        .card-hover {
67            transition: all 0.3s ease;
68        }
69        .card-hover:hover {
70            transform: translateY(-4px);
71            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
72        }
73        
74        /* Hide all sections except home by default */
75        .page-section { display: none; }
76        .page-section.active { display: block; }
77        
78        /* Smooth scrolling */
79        html { scroll-behavior: smooth; }
80
81        /* Product tab styles */
82        .product-tab-content {
83            display: none;
84        }
85        .product-tab-content.active {
86            display: block;
87        }
88        .product-tab-button {
89            position: relative;
90            transition: all 0.3s ease;
91        }
92        .product-tab-button.active {
93            background-color: #1e40af;
94            color: white;
95        }
96        .product-tab-button.active::after {
97            content: '';
98            position: absolute;
99            bottom: 0;
100            left: 0;
101            right: 0;
102            height: 3px;
103            background-color: #3b82f6;
104        }
105    </style>
106    
106<script type="application/ld+json">
107    {
108      "@context": "https://schema.org",
109      "@graph": [
110        {
111          "@type": "Organization",
112          "@id": "https://www.netzilo.com/#organization",
113          "name": "Netzilo",
114          "url": "https://www.netzilo.com",
115          "logo": "https://www.netzilo.com/assets/images/netzilo_logo_blue.png",
116          "description": "Netzilo secures AI agents, MCP-driven workflows, and enterprise workforces through its AI Edge platform with real-time behavioral detection and Zero Trust enforcement.",
117          "foundingDate": "2020",
118          "address": {
119            "@type": "PostalAddress",
120            "streetAddress": "1875 S Bascom Ave Suite 2400",
121            "addressLocality": "Campbell",
122            "addressRegion": "CA",
123            "postalCode": "95008",
124            "addressCountry": "US"
125          },
126          "sameAs": [
127            "https://www.linkedin.com/company/netzilo",
128            "https://www.gartner.com/reviews/market/zero-trust-network-access/vendor/netzilo"
129          ]
130        },
131        {
132          "@type": "WebSite",
133          "@id": "https://www.netzilo.com/#website",
134          "url": "https://www.netzilo.com",
135          "name": "Netzilo",
136          "publisher": { "@id": "https://www.netzilo.com/#organization" }
137        },
138        {
139          "@type": "WebPage",
140          "@id": "https://www.netzilo.com/#webpage",
141          "url": "https://www.netzilo.com/",
142          "name": "Netzilo - AI Edge Platform for Enterprise Security",
143          "isPartOf": { "@id": "https://www.netzilo.com/#website" },
144          "about": { "@id": "https://www.netzilo.com/#organization" }
145        }
146      ]
147    }
148    </script>
148
149    
149<script>!function(key) {if (window.reb2b) return;window.reb2b = {loaded: true};var s = document.createElement("script");s.async = true;s.src = "https://ddwl4m2hdecbv.cloudfront.net/b/" + key + "/" + key + ".js.gz";document.getElementsByTagName("script")[0].parentNode.insertBefore(s, document.getElementsByTagName("script")[0]);}("961Y0HD4WGNG");</script>
149
150    
150<script id="vtag-ai-js" async src="https://r2.leadsy.ai/tag.js" data-pid="18zAS9YPxzPxWtVEx" data-version="062024"></script>
150
151</head>
152<body class="bg-slate-950 text-white min-h-screen">
153    <!-- Navigation -->
154    <nav class="bg-slate-950 border-b border-slate-800 sticky top-0 z-50">
155        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
156            <div class="hidden md:grid grid-cols-3 items-center h-16">
157                <div class="flex items-center">
158                    <a href="/" class="flex items-center">
159                        <img src="assets/images/netzilo_logo_full_white.svg" alt="Netzilo" class="h-8">
160                    </a>
161                </div>
162
163                <div class="flex items-center justify-center space-x-8 relative z-20">
164                    <a href="/" class="nav-link px-4 py-3 text-sm font-medium text-blue-400 border-b-2 border-blue-400 transition-colors cursor-pointer">Home</a>
165                    <a href="products/" class="nav-link px-4 py-3 text-sm font-medium text-gray-300 hover:text-white hover:border-b-2 hover:border-blue-400 transition-colors cursor-pointer">Product</a>
166                    <a href="solutions/" class="nav-link px-4 py-3 text-sm font-medium text-gray-300 hover:text-white hover:border-b-2 hover:border-blue-400 transition-colors cursor-pointer">Solutions</a>
167                    <div class="relative group">
168                        <button type="button" class="nav-link px-4 py-3 text-sm font-medium text-gray-300 hover:text-white hover:border-b-2 hover:border-blue-400 transition-colors cursor-pointer inline-flex items-center">
169                            Resources
170                            <svg class="ml-1 w-3.5 h-3.5 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
171                        </button>
172                        <div class="hidden group-hover:block absolute top-full left-1/2 -translate-x-1/2 pt-2 z-30">
173                            <div class="bg-slate-900 border border-slate-800 rounded-lg shadow-xl min-w-[180px] overflow-hidden">
174                                <a href="blog/" class="block px-4 py-3 text-sm font-medium text-gray-300 hover:text-white hover:bg-slate-800 transition-colors">Blog Posts</a>
175                                <a href="resources/whitepapers/" class="block px-4 py-3 text-sm font-medium text-gray-300 hover:text-white hover:bg-slate-800 transition-colors">Whitepapers</a>
176                                <a href="/threats/" class="block px-4 py-3 text-sm font-medium text-gray-300 hover:text-white hover:bg-slate-800 transition-colors">AI Threat Library</a>
177                            </div>
178                        </div>
179                    </div>
180                    <a href="about/" class="nav-link px-4 py-3 text-sm font-medium text-gray-300 hover:text-white hover:border-b-2 hover:border-blue-400 transition-colors cursor-pointer">About</a>
181                    <a href="partners/" class="nav-link px-4 py-3 text-sm font-medium text-gray-300 hover:text-white hover:border-b-2 hover:border-blue-400 transition-colors cursor-pointer">Partners</a>
182                </div>
183
184                <div class="flex items-center justify-end space-x-4">
185                    <a href="https://github.com/netzilo/aidr-sigma" target="_blank" rel="noopener" class="text-gray-300 hover:text-white transition-colors" aria-label="Community Rules on GitHub">
186                        <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"/></svg>
187                    </a>
188                    <a href="https://go.netzilo.com/register" target="_blank" rel="noopener" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium transition-colors inline-flex items-center justify-center">
189                        Get Started
190                    </a>
191                </div>
192            </div>
193
194            <!-- Mobile layout -->
195            <div class="md:hidden flex justify-between items-center h-16">
196                <div class="flex items-center">
197                    <a href="/" class="flex items-center">
198                        <img src="assets/images/netzilo_logo_full_white.svg" alt="Netzilo" class="h-8">
199                    </a>
200                </div>
201
202                <!-- Mobile menu button -->
203                <div class="flex items-center">
204                    <button onclick="toggleMobileMenu()" class="text-gray-300 hover:text-white">
205                        <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
206                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
207                        </svg>
208                    </button>
209                </div>
210            </div>
211
212            <!-- Mobile Navigation -->
213            <div id="mobile-menu" class="hidden md:hidden">
214                <div class="px-2 pt-2 pb-3 space-y-1 bg-slate-900 rounded-lg mt-2">
215                    <a href="/" class="block px-3 py-2 text-base font-medium text-blue-400 bg-slate-800 transition-colors">Home</a>
216                    <a href="products/" class="block px-3 py-2 text-base font-medium text-gray-300 hover:text-white hover:bg-slate-800 transition-colors">Product</a>
217                    <a href="solutions/" class="block px-3 py-2 text-base font-medium text-gray-300 hover:text-white hover:bg-slate-800 transition-colors">Solutions</a>
218                    <div>
219                        <button type="button" onclick="toggleResourcesSubmenu()" class="w-full flex items-center justify-between px-3 py-2 text-base font-medium text-gray-300 hover:text-white hover:bg-slate-800 transition-colors">
220                            <span>Resources</span>
221                            <svg id="resources-chevron" class="w-4 h-4 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
222                        </button>
223                        <div id="mobile-resources-submenu" class="hidden pl-4 border-l border-slate-800 ml-3 mt-1 space-y-1">
224                            <a href="blog/" class="block px-3 py-2 text-base font-medium text-gray-300 hover:text-white hover:bg-slate-800 transition-colors">Blog Posts</a>
225                            <a href="resources/whitepapers/" class="block px-3 py-2 text-base font-medium text-gray-300 hover:text-white hover:bg-slate-800 transition-colors">Whitepapers</a>
226                            <a href="/threats/" class="block px-3 py-2 text-base font-medium text-gray-300 hover:text-white hover:bg-slate-800 transition-colors">AI Threat Library</a>
227                        </div>
228                    </div>
229                    <a href="about/" class="block px-3 py-2 text-base font-medium text-gray-300 hover:text-white hover:bg-slate-800 transition-colors">About</a>
230                    <a href="partners/" class="block px-3 py-2 text-base font-medium text-gray-300 hover:text-white hover:bg-slate-800 transition-colors">Partners</a>
231                    <div class="border-t border-slate-700 mt-2 pt-2 flex items-center gap-3">
232                        <a href="https://github.com/netzilo/aidr-sigma" target="_blank" rel="noopener" class="flex items-center gap-2 px-3 py-2 text-base font-medium text-gray-300 hover:text-white hover:bg-slate-800 transition-colors rounded-md" aria-label="Community Rules on GitHub">
233                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"/></svg>
234                            GitHub
235                        </a>
236                        <a href="https://go.netzilo.com/register" target="_blank" rel="noopener" class="flex-1 block px-3 py-2 text-base font-medium bg-blue-600 hover:bg-blue-700 text-white rounded-md text-center">
237                            Get Started
238                        </a>
239                    </div>
240                </div>
241            </div>
242        </div>
243    </nav>
244
245    <!-- Main Content -->
246    <main>
247        <!-- Home Page -->
248        <div id="home" class="page-section active">
249            <!-- Hero Section -->
250            <section class="relative bg-gradient-to-br from-slate-950 via-blue-950 to-slate-950 py-20 lg:py-32 overflow-hidden">
251                <div class="absolute inset-0 bg-gradient-to-r from-blue-600/20 to-purple-600/20"></div>
252                <img src="assets/images/netzilo_hero_enhanced.png" alt="" aria-hidden="true" class="absolute inset-0 w-full h-full object-cover opacity-70 blur-lg pointer-events-none select-none z-0" style="min-width:100vw;min-height:100%;"/>
253                <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 z-10">
254                    <div class="text-center">
255                        <h1 class="text-4xl md:text-6xl lg:text-7xl font-bold text-white mb-4 leading-tight">
256                            <span class="gradient-text">One solution to govern them all!</span><br>
257                            Secure your carbon-based and silicon-based workforce
258                        </h1>
259
260                        <p class="text-xl md:text-2xl text-gray-300 mb-8 max-w-4xl mx-auto leading-relaxed">
261                            Detect and respond to AI threats before they spread across your enterprise
262                        </p>
263                        
264                        
265                        
266                        <div class="flex flex-col sm:flex-row gap-4 justify-center items-center mb-12">
267                            <a href="resources/whitepapers/netzilo-aidr-brief" class="bg-white text-blue-600 hover:bg-gray-100 px-8 py-4 text-lg font-semibold rounded-md transition-colors inline-flex items-center justify-center">
268                                Download Solution Brief
269                                <svg class="ml-2 h-5 w-5 inline" fill="none" stroke="currentColor" viewBox="0 0 24 24">
270                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
271                                </svg>
272                            </a>
273                            <button onclick="openDemoModal()" class="border border-blue-500 text-blue-400 hover:bg-blue-500/10 px-8 py-4 text-lg rounded-md transition-colors inline-flex items-center justify-center cursor-pointer">
274                                Schedule Demo
275                            </button>
276                        </div>
277
278                    </div>
279                </div>
280            </section>
281
282            <!-- Benefits Section -->
283            <section class="py-20 bg-slate-900">
284                <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
285                    <div class="text-center mb-12">
286                        <h2 class="text-3xl md:text-5xl font-bold text-white mb-6">
287                            Single Platform for Governing AI Agents
288                        </h2>
289                        <p class="text-xl text-gray-400 max-w-3xl mx-auto">
290                            A single governance and enforcement platform for AI agents, wherever they run — not just on a fixed list of supported platforms, and not only where a native integration exists.
291                        </p>
292                    </div>
293
294                    <!-- One plane + supported platforms, same level -->
295                    <div class="grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-14 items-center mb-16">
296
297                        <!-- Demo (click to maximize) -->
298                        <button type="button" onclick="openMediaLightbox('assets/images/oneplane.gif')" class="group relative block w-full rounded-2xl overflow-hidden border border-slate-700 shadow-2xl shadow-blue-900/30 cursor-zoom-in">
299                            <img src="assets/images/oneplane.gif" alt="Netzilo governing AI agents across every platform from one plane" class="w-full h-auto block" loading="lazy">
300                            <span class="absolute top-3 right-3 flex items-center justify-center w-9 h-9 rounded-lg bg-slate-900/70 text-gray-100 opacity-80 group-hover:opacity-100 transition-opacity" aria-hidden="true">
301                                <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
302                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8V4m0 0h4M4 4l5 5m11-5v4m0-4h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"></path>
303                                </svg>
304                            </span>
305                        </button>
306
307                        <!-- Supported platforms (simple icon + name) -->
308                        <div>
309                            <p class="text-sm uppercase tracking-widest text-gray-500 mb-6">Governs agents across today's major harnesses — and beyond</p>
310                            <div class="grid grid-cols-1 sm:grid-cols-2 gap-x-8 gap-y-4">
311
312                                <!-- Amazon Bedrock AgentC
312ore -->
313                                <div class="flex items-center gap-3">
314                                    <svg class="h-6 w-6 flex-shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
315                                        <path d="M6 13.5c3.6 2.4 8.4 2.4 12 0" stroke="#FF9900" stroke-width="2.2" stroke-linecap="round"/>
316                                        <path d="M16.4 14.6l2.1-.9-.5 2.2" stroke="#FF9900" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/>
317                                        <circle cx="7.5" cy="8" r="1.6" fill="#FF9900"/>
318                                        <circle cx="12" cy="8" r="1.6" fill="#FF9900"/>
319                                        <circle cx="16.5" cy="8" r="1.6" fill="#FF9900"/>
320                                    </svg>
321                                    <span class="text-gray-300 text-sm font-medium">Amazon Bedrock AgentCore</span>
322                                </div>
323
324                                <!-- Microsoft Foundry -->
325                                <div class="flex items-center gap-3">
326                                    <svg class="h-6 w-6 flex-shrink-0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
327                                        <rect x="1" y="1" width="10" height="10" fill="#F25022"/>
328                                        <rect x="13" y="1" width="10" height="10" fill="#7FBA00"/>
329                                        <rect x="1" y="13" width="10" height="10" fill="#00A4EF"/>
330                                        <rect x="13" y="13" width="10" height="10" fill="#FFB900"/>
331                                    </svg>
332                                    <span class="text-gray-300 text-sm font-medium">Microsoft Foundry</span>
333                                </div>
334
335                                <!-- Microsoft Copilot Studio -->
336                                <div class="flex items-center gap-3">
337                                    <svg class="h-6 w-6 flex-shrink-0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
338                                        <rect x="1" y="1" width="10" height="10" fill="#F25022"/>
339                                        <rect x="13" y="1" width="10" height="10" fill="#7FBA00"/>
340                                        <rect x="1" y="13" width="10" height="10" fill="#00A4EF"/>
341                                        <rect x="13" y="13" width="10" height="10" fill="#FFB900"/>
342                                    </svg>
343                                    <span class="text-gray-300 text-sm font-medium">Microsoft Copilot Studio</span>
344                                </div>
345
346                                <!-- CrewAI -->
347                                <div class="flex items-center gap-3">
348                                    <svg class="h-6 w-6 flex-shrink-0" viewBox="0 0 24 24" fill="#FF5A50" xmlns="http://www.w3.org/2000/svg">
349                                        <path d="M12.482.18C7.161 1.319 1.478 9.069 1.426 15.372c-.051 5.527 3.1 8.68 8.68 8.627 6.716-.05 14.259-6.87 12.09-10.9-.672-1.292-1.396-1.344-2.687-.207-1.602 1.395-1.654.31-.207-2.893 1.757-3.98 1.705-5.322-.31-7.544C17.03.388 14.962-.388 12.482.181Zm5.322 2.068c2.273 2.015 2.376 4.236.465 8.42-1.395 3.1-2.17 3.515-3.824 1.86-1.24-1.24-1.343-3.46-.258-6.044 1.137-2.635.982-3.1-.568-1.653-3.72 3.358-6.458 9.765-5.424 12.503.464 1.189.825 1.395 2.737 1.395 2.79 0 6.303-1.705 7.957-3.926 1.756-2.274 2.79-2.274 2.79-.052 0 3.875-6.459 8.627-11.625 8.627-6.251 0-9.351-4.752-7.491-11.47.878-2.995 4.443-7.904 7.077-9.66 3.255-2.17 5.684-2.17 8.164 0z"/>
350                                    </svg>
351                                    <span class="text-gray-300 text-sm font-medium">CrewAI</span>
352                                </div>
353
354                                <!-- LangGraph -->
355                                <div class="flex items-center gap-3">
356                                    <svg class="h-6 w-6 flex-shrink-0" viewBox="0 0 24 24" fill="#7FC8FF" xmlns="http://www.w3.org/2000/svg">
357                                        <path d="M5 19H10A5 5 0 115 14ZM19 14A5 5 0 1114 19H19ZM10 5A5 5 0 105 10V5ZM19 5V10A5 5 0 1014 5Z"/>
358                                    </svg>
359                                    <span class="text-gray-300 text-sm font-medium">LangGraph</span>
360                                </div>
361
362                                <!-- Google Vertex AI -->
363                                <div class="flex items-center gap-3">
364                                    <svg class="h-6 w-6 flex-shrink-0" viewBox="0 0 24 24" fill="#4285F4" xmlns="http://www.w3.org/2000/svg">
365                                        <path d="M12.19 2.38a9.344 9.344 0 0 0-9.234 6.893c.053-.02-.055.013 0 0-3.875 2.551-3.922 8.11-.247 10.941l.006-.007-.007.03a6.717 6.717 0 0 0 4.077 1.356h5.173l.03.03h5.192c6.687.053 9.376-8.605 3.835-12.35a9.365 9.365 0 0 0-2.821-4.552l-.043.043.006-.05A9.344 9.344 0 0 0 12.19 2.38zm-.358 4.146c1.244-.04 2.518.368 3.486 1.15a5.186 5.186 0 0 1 1.862 4.078v.518c3.53-.07 3.53 5.262 0 5.193h-5.193l-.008.009v-.04H6.785a2.59 2.59 0 0 1-1.067-.23h.001a2.597 2.597 0 1 1 3.437-3.437l3.013-3.012A6.747 6.747 0 0 0 8.11 8.24c.018-.01.04-.026.054-.023a5.186 5.186 0 0 1 3.67-1.69z"/>
366                                    </svg>
367                                    <span class="text-gray-300 text-sm font-medium">Google Vertex AI</span>
368                                </div>
369
370                                <!-- User devices -->
371                                <div class="flex items-center gap-3">
372                                    <svg class="h-6 w-6 flex-shrink-0 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
373                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
374                                    </svg>
375                                    <span class="text-gray-300 text-sm font-medium">User devices</span>
376                                </div>
377
378                                <!-- Mobile environments -->
379                                <div class="flex items-center gap-3">
380                                    <svg class="h-6 w-6 flex-shrink-0 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
381                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3.75 18h4.5"></path>
382                                    </svg>
383                                    <span class="text-gray-300 text-sm font-medium">Mobile environments</span>
384                                </div>
385
386                                <!-- Any harness -->
387                                <div class="flex items-center gap-3 sm:col-span-2">
388                                    <svg class="h-6 w-6 flex-shrink-0 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
389                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M12 4.5v15m7.5-7.5h-15M5 5l1.5 1.5M19 5l-1.5 1.5M5 19l1.5-1.5M19 19l-1.5-1.5"></path>
390                                    </svg>
391                                    <span class="text-gray-300 text-sm font-medium">Any harness — even ones not yet built</span>
392                                </div>
393
394                            </div>
395                        </div>
396                    </div>
397
398                    <div class="max-w-4xl mx-auto pt-12 border-t border-slate-700/60">
399                        <h3 class="text-center text-2xl md:text-3xl font-bold text-white mb-10">Why a single platform changes everything</h3>
400                        <div class="grid grid-cols-1 md:grid-cols-2 gap-x-16 gap-y-8">
401
402                        <div class="flex items-start">
403                            <div class="flex-shrink-0 w-8 h-8 bg-blue-600/20 rounded-full flex items-center justify-center mr-4 mt-0.5">
404                                <svg class="h-4 w-4 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
405                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path>
406                                </svg>
407                            </div>
408                            <div>
409                                <h3 class="text-white font-semibold mb-1">Not a fixed list of platforms</h3>
410                                <p class="text-gray-400 text-sm leading-relaxed">Netzilo governs agents wherever they run — not just on a pre-approved list of supported platforms.</p>
411                            </div>
412                        </div>
413
414                        <div class="flex items-start">
415                            <div class="flex-shrink-0 w-8 h-8 bg-blue-600/20 rounded-full flex items-center justify-center mr-4 mt-0.5">
416                                <svg class="h-4 w-4 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
417                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path>
418                                </svg>
419                            </div>
420                            <div>
421                                <h3 class="text-white font-semibold mb-1">No native integration required</h3>
422                                <p class="text-gray-400 text-sm leading-relaxed">Enforcement doesn't stop where a vendor's integration ends — governance follows the agent, not the platform.</p>
423                            </div>
424                        </div>
425
426                        <div class="flex items-start">
427                            <div class="flex-shrink-0 w-8 h-8 bg-blue-600/20 rounded-full flex items-center justify-center mr-4 mt-0.5">
428                                <svg class="h-4 w-4 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
429                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path>
430                                </svg>
431                            </div>
432                            <div>
433                                <h3 class="text-white font-semibold mb-1">Across every major harness</h3>
434                                <p class="text-gray-400 text-sm leading-relaxed">
434Amazon Bedrock AgentCore, Microsoft Foundry, Microsoft Copilot Studio, CrewAI, LangGraph, and Google Vertex AI.</p>
435                            </div>
436                        </div>
437
438                        <div class="flex items-start">
439                            <div class="flex-shrink-0 w-8 h-8 bg-blue-600/20 rounded-full flex items-center justify-center mr-4 mt-0.5">
440                                <svg class="h-4 w-4 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
441                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path>
442                                </svg>
443                            </div>
444                            <div>
445                                <h3 class="text-white font-semibold mb-1">Devices, mobile, and beyond</h3>
446                                <p class="text-gray-400 text-sm leading-relaxed">Agents running directly on user devices, mobile phones, and future harnesses that have not yet been built.</p>
447                            </div>
448                        </div>
449
450                        <div class="flex items-start">
451                            <div class="flex-shrink-0 w-8 h-8 bg-blue-600/20 rounded-full flex items-center justify-center mr-4 mt-0.5">
452                                <svg class="h-4 w-4 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
453                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path>
454                                </svg>
455                            </div>
456                            <div>
457                                <h3 class="text-white font-semibold mb-1">Your ceiling, not the platform's</h3>
458                                <p class="text-gray-400 text-sm leading-relaxed">Instead of inheriting each platform's capabilities, you set the governance bar — the platform's ceiling is no longer your organization's ceiling.</p>
459                            </div>
460                        </div>
461
462                        <div class="flex items-start">
463                            <div class="flex-shrink-0 w-8 h-8 bg-blue-600/20 rounded-full flex items-center justify-center mr-4 mt-0.5">
464                                <svg class="h-4 w-4 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
465                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path>
466                                </svg>
467                            </div>
468                            <div>
469                                <h3 class="text-white font-semibold mb-1">Runtime Observe → Detect → Respond</h3>
470                                <p class="text-gray-400 text-sm leading-relaxed">Netzilo AI Detection and Response — AIDR — delivers full Observe → Detect → Respond enforcement at runtime, on every agent action.</p>
471                            </div>
472                        </div>
473
474                        </div>
475                    </div>
476                </div>
477            </section>
478
479            <!-- Media lightbox -->
480            <div id="mediaLightbox" class="fixed inset-0 z-[100] hidden items-center justify-center bg-black/90 p-4 cursor-zoom-out" onclick="closeMediaLightbox()">
481                <button onclick="closeMediaLightbox()" class="absolute top-4 right-6 text-white/80 hover:text-white text-5xl leading-none cursor-pointer" aria-label="Close">&times;</button>
482                <img id="mediaLightboxImg" src="" alt="Expanded demo" class="max-w-full max-h-full rounded-lg shadow-2xl" onclick="event.stopPropagation()">
483            </div>
484            
484<script>
485                function openMediaLightbox(src) {
486                    var lb = document.getElementById('mediaLightbox');
487                    document.getElementById('mediaLightboxImg').src = src;
488                    lb.classList.remove('hidden');
489                    lb.classList.add('flex');
490                    document.body.style.overflow = 'hidden';
491                }
492                function closeMediaLightbox() {
493                    var lb = document.getElementById('mediaLightbox');
494                    lb.classList.add('hidden');
495                    lb.classList.remove('flex');
496                    document.body.style.overflow = '';
497                }
498                document.addEventListener('keydown', function (e) { if (e.key === 'Escape') closeMediaLightbox(); });
499            </script>
499
500
501            <!-- Call to Action Section -->
502            <section class="py-20 bg-gradient-to-r from-blue-600 to-cyan-600">
503                <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
504                    <h2 class="text-3xl md:text-5xl font-bold text-white mb-6">
505                        Ready to Try Scheduled Demo?
506                    </h2>
507                    <p class="text-xl text-blue-100 mb-8 max-w-3xl mx-auto">
508                        Ready to see Netzilo in action? Schedule a personalized demo with our security experts and discover how we can secure your third-party access and remote workforce.
509                    </p>
510                    
511                    <div class="flex flex-col sm:flex-row gap-4 justify-center items-center mb-8">
512                        <button onclick="openDemoModal()" class="bg-white text-blue-600 hover:bg-gray-100 px-8 py-4 text-lg font-semibold rounded-md transition-colors inline-flex items-center justify-center cursor-pointer">
513                            Schedule Demo
514                            <svg class="ml-2 h-5 w-5 inline" fill="none" stroke="currentColor" viewBox="0 0 24 24">
515                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
516                            </svg>
517                        </button>
518                    </div>
519
520                    <div class="flex flex-wrap justify-center items-center gap-8 text-blue-100">
521                        <div class="flex items-center">
522                            <svg class="h-5 w-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
523                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
524                            </svg>
525                            <span>Rapid onboarding</span>
526                        </div>
527                        <div class="flex items-center">
528                            <svg class="h-5 w-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
529                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
530                            </svg>
531                            <span>Enterprise-grade security</span>
532                        </div>
533                        <div class="flex items-center">
534                            <svg class="h-5 w-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
535                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
536                            </svg>
537                            <span>Setup in minutes</span>
538                        </div>
539                    </div>
540                </div>
541            </section>
542        </div>
543
544    
545    </main>
546
547    <!-- Demo Booking Modal -->
548    <div id="demoModal" class="hidden fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4">
549        <div class="bg-white rounded-lg shadow-2xl max-w-4xl w-full max-h-[90vh] overflow-y-auto relative">
550            <!-- Close button -->
551            <button onclick="closeDemoModal()" class="absolute top-4 right-4 text-gray-400 hover:text-gray-600 z-10">
552                <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
553                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
554                </svg>
555            </button>
556            
557            <!-- Modal content -->
558            <div class="p-6">
559                <h3 class="text-2xl font-bold text-gray-900 mb-4">Schedule Your Demo</h3>
560                <p class="text-gray-600 mb-6">Choose a time that works best for you to see Netzilo in action.</p>
561                
562                <!-- HubSpot Meeting Embed -->
563                <div class="meetings-iframe-container" data-src="https://meetings-na2.hubspot.com/matt-ezberci/product-demo?embed=true"></div>
564                
564<script type="text/javascript" src="https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js"></script>
564
565            </div>
566        </div>
567    </div>
568
569    <!-- Footer -->
570    <footer class="bg-slate-900 border-t border-slate-800">
571        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
572            <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
573                <!-- Company Info -->
574                <div class="col-span-1 md:col-span-2">
575                    <div class="flex items-center mb-4">
576                        <img src="assets/images/netzilo_logo_full_white.svg" alt="Netzilo" class="h-8">
577                    </div>
578                    <p class="text-gray-400 mb-4 max-w-md">
579                        Netzilo extends enterprise edge capabilities to endpoint environments through a comprehensive Digital Enterprise Workplace solution.
580                    </p>
581                    <div class="flex space-x-4">
582                        <a href="https://www.linkedin.com/company/netzilo/" target="_blank" rel="noopener" class="text-gray-400 hover:text-blue-400 transition-colors">
583                            <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 20 20">
584                                <path fill-rule="evenodd" d="M16.338 16.338H13.67V12.16c0-.995-.017-2.277-1.387-2.277-1.39 0-1.601 1.086-1.601 2.207v4.248H8.014v-8.59h2.559v1.174h.037c.356-.675 1.227-1.387 2.526-1.387 2.703 0 3.203 1.778 3.203 4.092v4.711zM5.005 6.575a1.548 1.548 0 11-.003-3.096 1.548 1.548 0 01.003 3.096zm-1.337 9.763H6.34v-8.59H3.667v8.59zM17.668 1H2.328C1.595 1 1 1.581 1 2.298v15.403C1 18.418 1.595 19 2.328 19h15.34c.734 0 1.332-.582 1.332-1.299V2.298C19 1.581 18.402 1 17.668 1z" clip-rule="evenodd"></path>
585                            </svg>
586                        </a>
587                    </div>
588                </div>
589
590                <!-- Quick Links -->
591                <div>
592                    <h3 class="text-white font-semibold mb-4">Quick Links</h3>
593                    <ul class="space-y-2">
594                        <li><a href="products/" class="text-gray-400 hover:text-white transition-colors">Products</a></li>
595                        <li><a href="solutions/" class="text-gray-400 hover:text-white transition-colors">Solutions</a></li>
596                        <li><a href="about/" class="text-gray-400 hover:text-white transition-colors">About Us</a></li>
597                        <li><a href="legal/" class="text-gray-400 hover:text-white transition-colors">Legal</a></li>
598                        <li><a href="contact/" class="text-gray-400 hover:text-white transition-colors">Contact</a></li>
599                    </ul>
600                </div>
601
602                <!-- Contact Info -->
603                <div>
604                    <h3 class="text-white font-semibold mb-4">Contact</h3>
605                    <ul class="space-y-2">
606                        <li class="flex items-center space-x-2 text-gray-400">
607                            <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
608                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 4.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
609                            </svg>
610                            <span>[email protected]</span>
611                        </li>
612                        <li class="flex items-center space-x-2 text-gray-400">
613                            <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
614                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
615                            </svg>
616                            <span>+1 (415) 985-2636</span>
617                        </li>
618                        <li class="flex items-center space-x-2 text-gray-400">
619                            <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
620                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path>
621                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path>
622                            </svg>
623                                                          <span>Campbell, CA</span>
624                        </li>
625                    </ul>
626                </div>
627            </div>
628
629            <div class="border-t border-slate-800 mt-8 pt-8">
630                <div class="flex flex-col md:flex-row justify-between items-center">
631                    <p class="text-gray-400 text-sm">
632                        © 2026 Netzilo, INC. All rights reserved.
633                    </p>
634                    <div class="flex space-x-6 mt-4 md:mt-0">
635                        <a href="privacy-policy" class="text-gray-400 hover:text-white text-sm transition-colors">Privacy Policy</a>
636                        <a href="terms-of-service" class="text-gray-400 hover:text-white text-sm transition-colors">Terms of Service</a>
637                    </div>
638                </div>
639            </div>
640        </div>
641    </footer>
642
643    
643<script>
644        // Navigation functionality
645        function showPage(pageId) {
646            // Hide all pages
647            const pages = document.querySelectorAll('.page-section');
648            pages.forEach(page => {
649                page.classList.remove('active');
650            });
651            
652            // Show selected page
653            const targetPage = document.getElementById(pageId);
654            if (targetPage) {
655                targetPage.classList.add('active');
656            }
657            
658            // Update navigation active state
659            const navLinks = document.querySelectorAll('.nav-link');
660            navLinks.forEach(link => {
661                link.classList.remove('text-blue-400', 'border-b-2', 'border-blue-400');
662                link.classList.add('text-gray-300');
663            });
664            
665            // Scroll to top
666            window.scrollTo(0, 0);
667            
668            // Close mobile menu if open
669            const mobileMenu = document.getElementById('mobile-menu');
670            if (mobileMenu) {
671                mobileMenu.classList.add('hidden');
672            }
673        }
674        
675        function toggleResourcesSubmenu() {
676            const sm = document.getElementById('mobile-resources-submenu');
677            const ch = document.getElementById('resources-chevron');
678            if (sm) sm.classList.toggle('hidden');
679            if (ch) ch.classList.toggle('rotate-180');
680        }
681
682        function toggleMobileMenu() {
683            const mobileMenu = document.getElementById('mobile-menu');
684            if (mobileMenu) {
685                mobileMenu.classList.toggle('hidden');
686            }
687        }
688        
689        // Demo Modal Functions
690        function openDemoModal() {
691            const modal = document.getElementById('demoModal');
692            if (modal) {
693                modal.classList.remove('hidden');
694                document.body.style.overflow = 'hidden'; // Prevent background scrolling
695            }
696        }
697        
698        function closeDemoModal() {
699            const modal = document.getElementById('demoModal');
700            if (modal) {
701                modal.classList.add('hidden');
702                document.body.style.overflow = ''; // Restore scrolling
703            }
704        }
705        
706        // Close modal when clicking outside
707        document.addEventListener('click', function(event) {
708            const modal = document.getElementById('demoModal');
709            if (event.target === modal) {
710                closeDemoModal();
711            }
712        });
713        
714        // Close modal on Escape key
715        document.addEventListener('keydown', function(event) {
716            if (event.key === 'Escape') {
717                closeDemoModal();
718            }
719        });
720        
721        // Initialize page
722        document.addEventListener('DOMContentLoaded', function() {
723            showPage('home');
724        });
725    </script>
725
726</body>
727</html>
728

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.