{"id":47,"date":"2026-01-06T16:32:09","date_gmt":"2026-01-06T16:32:09","guid":{"rendered":"https:\/\/exepts.com\/?page_id=47"},"modified":"2026-01-08T08:21:54","modified_gmt":"2026-01-08T08:21:54","slug":"home","status":"publish","type":"page","link":"https:\/\/exepts.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n \r\n \r\n Exepts | Autonomous Insider Threat Defense<\/title>\r\n <meta name=\"description\" content=\"Exepts neutralizes insider threats and data exfiltration in milliseconds. Our Agentic AI builds a self-healing security mesh for the modern enterprise.\">\r\n <meta name=\"keywords\" content=\"insider threat, dlp, agentic ai, cyber defense, zero trust, behavioral biometrics, ransomware protection, soc automation\">\r\n <meta property=\"og:title\" content=\"Exepts | The Autonomous Security Mesh\">\r\n <meta property=\"og:description\" content=\"Stop data leaks at the source. Autonomous agents that hunt, detect, and neutralize threats 24\/7.\">\r\n <meta property=\"og:type\" content=\"website\">\r\n <meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1550751827-4bd374c3f58b?q=80&w=2070&auto=format&fit=crop\">\r\n\r\n <!-- Fonts: Playfair Display (Serif) & Inter (Sans) -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n \r\n <!-- Tailwind CSS -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <!-- Icons -->\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n serif: ['Playfair Display', 'serif'],\r\n },\r\n colors: {\r\n lime: {\r\n 400: '#a3e635',\r\n 500: '#84cc16',\r\n 600: '#65a30d',\r\n 900: '#365314',\r\n },\r\n slate: {\r\n 850: '#151e2e',\r\n 900: '#0f172a',\r\n 950: '#020617',\r\n },\r\n cyan: {\r\n 400: '#22d3ee',\r\n 500: '#06b6d4',\r\n 900: '#164e63',\r\n }\r\n },\r\n borderRadius: {\r\n 'md': '8px', \r\n },\r\n dropShadow: {\r\n 'hard': '0 2px 0px rgba(0, 0, 0, 1)',\r\n 'glow': '0 0 10px rgba(132, 204, 22, 0.5)',\r\n },\r\n animation: {\r\n 'float-slow': 'float 20s infinite linear',\r\n 'grid-move': 'gridMove 3s linear infinite',\r\n 'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',\r\n 'scan': 'scan 4s linear infinite',\r\n 'loop-scroll': 'loop-scroll 35s linear infinite',\r\n 'loop-scroll-reverse': 'loop-scroll-reverse 35s linear infinite',\r\n 'radar-spin': 'radarSpin 4s linear infinite',\r\n 'draw-line': 'drawLine 2s ease-out forwards',\r\n },\r\n keyframes: {\r\n float: {\r\n '0%': { transform: 'translate(0, 0) rotate(0deg)' },\r\n '33%': { transform: 'translate(10px, -20px) rotate(2deg)' },\r\n '66%': { transform: 'translate(-10px, 10px) rotate(-2deg)' },\r\n '100%': { transform: 'translate(0, 0) rotate(0deg)' },\r\n },\r\n gridMove: {\r\n '0%': { transform: 'rotateX(60deg) translateY(0)' },\r\n '100%': { transform: 'rotateX(60deg) translateY(60px)' },\r\n },\r\n scan: {\r\n '0%': { top: '0%' },\r\n '100%': { top: '100%' },\r\n },\r\n 'loop-scroll': {\r\n '0%': { transform: 'translateX(0)' },\r\n '100%': { transform: 'translateX(-100%)' },\r\n },\r\n 'loop-scroll-reverse': {\r\n '0%': { transform: 'translateX(-100%)' },\r\n '100%': { transform: 'translateX(0)' },\r\n },\r\n radarSpin: {\r\n '0%': { transform: 'rotate(0deg)' },\r\n '100%': { transform: 'rotate(360deg)' },\r\n },\r\n drawLine: {\r\n '0%': { height: '0%' },\r\n '100%': { height: '100%' },\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n html {\r\n scroll-padding-top: 100px;\r\n }\r\n body {\r\n background-color: #020617;\r\n color: #f8fafc;\r\n overflow-x: hidden;\r\n }\r\n \r\n \/* Custom Scrollbar *\/\r\n ::-webkit-scrollbar {\r\n width: 8px;\r\n }\r\n ::-webkit-scrollbar-track {\r\n background: #0f172a;\r\n }\r\n ::-webkit-scrollbar-thumb {\r\n background: #3f6212;\r\n border-radius: 4px;\r\n }\r\n\r\n \/* 3D Cyber Grid System *\/\r\n .cyber-grid-container {\r\n position: fixed;\r\n inset: 0;\r\n z-index: -1;\r\n overflow: hidden;\r\n perspective: 1000px;\r\n background: radial-gradient(circle at 50% 0%, #1a2e05 0%, #020617 60%);\r\n }\r\n\r\n .cyber-grid {\r\n position: absolute;\r\n width: 200%;\r\n height: 200%;\r\n top: -50%;\r\n left: -50%;\r\n background-image: \r\n linear-gradient(rgba(132, 204, 22, 0.15) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(132, 204, 22, 0.15) 1px, transparent 1px);\r\n background-size: 60px 60px;\r\n transform-origin: 50% 50%;\r\n transform: rotateX(60deg);\r\n animation: gridMove 20s linear infinite;\r\n mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 60%, transparent 90%);\r\n -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 60%, transparent 90%);\r\n }\r\n\r\n @keyframes gridMove {\r\n 0% { transform: rotateX(60deg) translateY(0); }\r\n 100% { transform: rotateX(60deg) translateY(60px); }\r\n }\r\n\r\n \/* Glass Vortex Panels *\/\r\n .glass-panel {\r\n background: rgba(2, 6, 23, 0.4);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid rgba(132, 204, 22, 0.15);\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .glass-card-3d {\r\n transform-style: preserve-3d;\r\n transform: perspective(1000px) rotateX(15deg);\r\n transition: transform 0.5s ease-out;\r\n }\r\n .glass-card-3d:hover {\r\n transform: perspective(1000px) rotateX(5deg) scale(1.02);\r\n }\r\n\r\n \/* Animations *\/\r\n .reveal-on-scroll {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n .reveal-on-scroll.is-visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* Hard Text Shadow for Readability *\/\r\n .text-hard-shadow {\r\n text-shadow: 2px 2px 0px #000000;\r\n } \r\n\r\n \/* Button Outline Styles *\/\r\n .btn-outline-lime {\r\n background: transparent;\r\n border: 1px solid #84cc16;\r\n color: #84cc16;\r\n transition: all 0.3s ease;\r\n }\r\n .btn-outline-lime:hover {\r\n background: rgba(132, 204, 22, 0.1);\r\n box-shadow: 0 0 15px rgba(132, 204, 22, 0.4);\r\n color: #bef264;\r\n transform: translateY(-2px);\r\n }\r\n \r\n .btn-outline-slate {\r\n background: transparent;\r\n border: 1px solid #475569;\r\n color: #cbd5e1;\r\n transition: all 0.3s ease;\r\n }\r\n .btn-outline-slate:hover {\r\n border-color: #84cc16;\r\n color: #84cc16;\r\n background: rgba(15, 23, 42, 0.5);\r\n }\r\n\r\n .glitch-hover:hover {\r\n animation: glitch-anim 0.3s infinite;\r\n }\r\n @keyframes glitch-anim {\r\n 0% { transform: translate(0) }\r\n 20% { transform: translate(-2px, 2px) }\r\n 40% { transform: translate(-2px, -2px) }\r\n 60% { transform: translate(2px, 2px) }\r\n 80% { transform: translate(2px, -2px) }\r\n 100% { transform: translate(0) }\r\n }\r\n \r\n \/* Status Pulse *\/\r\n .status-dot-pulse {\r\n box-shadow: 0 0 0 0 rgba(132, 204, 22, 0.7);\r\n animation: statusPulse 2s infinite;\r\n }\r\n @keyframes statusPulse {\r\n 0% { box-shadow: 0 0 0 0 rgba(132, 204, 22, 0.7); }\r\n 70% { box-shadow: 0 0 0 6px rgba(132, 204, 22, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(132, 204, 22, 0); }\r\n }\r\n\r\n \/* Map Pulse *\/\r\n .map-pulse {\r\n width: 12px;\r\n height: 12px;\r\n background-color: #84cc16;\r\n border-radius: 50%;\r\n position: absolute;\r\n box-shadow: 0 0 0 rgba(132, 204, 22, 0.4);\r\n animation: mapPulse 2s infinite;\r\n }\r\n @keyframes mapPulse {\r\n 0% {\r\n transform: scale(0.95);\r\n box-shadow: 0 0 0 0 rgba(132, 204, 22, 0.7);\r\n }\r\n 70% {\r\n transform: scale(1);\r\n box-shadow: 0 0 0 10px rgba(132, 204, 22, 0);\r\n }\r\n 100% {\r\n transform: scale(0.95);\r\n box-shadow: 0 0 0 0 rgba(132, 204, 22, 0);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"antialiased selection:bg-lime-900 selection:text-lime-400 font-sans\">\r\n\r\n <!-- Cyber Grid Background System -->\r\n <div class=\"cyber-grid-container\">\r\n <div class=\"cyber-grid\"><\/div>\r\n <!-- Vignette Overlay -->\r\n <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_center,transparent_0%,#020617_90%)]\"><\/div>\r\n <\/div>\r\n\r\n <!-- Navigation (Floating) -->\r\n <nav class=\"fixed top-6 left-0 w-full z-50 px-4 flex justify-center\">\r\n <div class=\"glass-panel rounded-md px-6 py-4 flex justify-between items-center w-full max-w-7xl shadow-2xl shadow-black\/50 border border-lime-500\/20\">\r\n <div class=\"flex items-center gap-3\">\r\n <!-- Exepts Logo -->\r\n <div class=\"w-10 h-10 rounded-md bg-lime-500 border-2 border-lime-400 shadow-[0_0_15px_rgba(132,204,22,0.4)] flex items-center justify-center\">\r\n <span class=\"font-serif text-2xl font-bold text-slate-950 leading-none mt-0.5\">E<\/span>\r\n <\/div>\r\n <span class=\"font-serif text-2xl font-bold tracking-tight text-slate-100 text-hard-shadow\">Exepts<\/span>\r\n <\/div>\r\n \r\n <!-- Desktop Menu -->\r\n <div class=\"hidden md:flex items-center gap-8\">\r\n <a href=\"#methodology\" class=\"text-sm font-medium text-slate-300 hover:text-lime-400 transition-colors tracking-wide\">Platform<\/a>\r\n <a href=\"#features\" class=\"text-sm font-medium text-slate-300 hover:text-lime-400 transition-colors tracking-wide\">Features<\/a>\r\n <a href=\"#insider-risk\" class=\"text-sm font-medium text-slate-300 hover:text-lime-400 transition-colors tracking-wide\">Insider Risk<\/a>\r\n <a href=\"#telemetry\" class=\"text-sm font-medium text-slate-300 hover:text-lime-400 transition-colors tracking-wide\">Live Map<\/a>\r\n \r\n <a href=\"#waitlist\" class=\"btn-outline-lime px-6 py-2 rounded-md text-sm font-bold uppercase tracking-wider\">Access<\/a>\r\n <\/div>\r\n\r\n <!-- Mobile Toggle -->\r\n <button class=\"md:hidden text-lime-500\" id=\"mobile-menu-btn\" aria-label=\"Toggle Menu\">\r\n <i data-lucide=\"menu\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/nav>\r\n\r\n <!-- Mobile Menu Overlay -->\r\n <div id=\"mobile-menu\" class=\"hidden fixed top-24 left-4 right-4 z-40\">\r\n <div class=\"glass-panel rounded-md p-6 flex flex-col gap-4 mx-auto max-w-sm border border-lime-500\/30 shadow-2xl bg-slate-950\/90\">\r\n <a href=\"#methodology\" class=\"text-slate-300 hover:text-lime-400 py-2 border-b border-white\/5\">Platform<\/a>\r\n <a href=\"#features\" class=\"text-slate-300 hover:text-lime-400 py-2 border-b border-white\/5\">Features<\/a>\r\n <a href=\"#insider-risk\" class=\"text-slate-300 hover:text-lime-400 py-2 border-b border-white\/5\">Insider Risk<\/a>\r\n <a href=\"#telemetry\" class=\"text-slate-300 hover:text-lime-400 py-2 border-b border-white\/5\">Live Map<\/a>\r\n <a href=\"#waitlist\" class=\"text-center btn-outline-lime py-3 rounded-md mt-2 uppercase font-bold tracking-widest\">Access<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Cosmic Horizon Hero Section -->\r\n <section class=\"relative min-h-screen flex flex-col justify-center items-center pt-32 pb-20 overflow-hidden\">\r\n \r\n <!-- Center Content -->\r\n <div class=\"max-w-4xl mx-auto px-4 w-full flex flex-col items-center text-center z-20\">\r\n <div class=\"reveal-on-scroll\">\r\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-md border border-lime-500\/30 bg-lime-500\/5 mb-8 hover:bg-lime-500\/10 transition-colors cursor-crosshair mx-auto\">\r\n <span class=\"flex h-2 w-2 relative\">\r\n <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-lime-400 opacity-75\"><\/span>\r\n <span class=\"relative inline-flex rounded-full h-2 w-2 bg-lime-500\"><\/span>\r\n <\/span>\r\n <span class=\"text-xs font-mono text-lime-400 uppercase tracking-widest\">Agentic Defense: Active<\/span>\r\n <\/div>\r\n\r\n <h1 class=\"font-serif text-5xl md:text-7xl lg:text-8xl text-white mb-6 leading-[1] tracking-tight text-hard-shadow drop-shadow-2xl\">\r\n Autonomous <br\/>\r\n <span class=\"text-lime-500 glitch-hover cursor-default\">Cyber Defense.<\/span>\r\n <\/h1>\r\n \r\n <p class=\"text-lg md:text-xl text-slate-300 mb-10 max-w-3xl mx-auto leading-relaxed drop-shadow-md\">\r\n Exepts uses Agentic AI to hunt, isolate, and neutralize threats before execution, 24\/7. We automate routine defense while critical actions require human validation.\r\n <\/p>\r\n\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center mb-16\">\r\n <a href=\"#waitlist\" class=\"btn-outline-lime px-8 py-4 rounded-md text-center font-bold uppercase tracking-wider min-w-[180px]\">\r\n Deploy Agent\r\n <\/a>\r\n <a href=\"#features\" class=\"btn-outline-slate px-8 py-4 rounded-md text-center font-bold uppercase tracking-wider min-w-[180px]\">\r\n Explore Mesh\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Horizon Visual (3D Glass Console) -->\r\n <div class=\"w-full max-w-5xl px-4 z-10 reveal-on-scroll delay-200 perspective-1000 mt-[-2rem] md:mt-0\">\r\n <div class=\"glass-card-3d relative w-full aspect-[16\/9] md:aspect-[21\/9] rounded-t-xl overflow-hidden border-t border-x border-lime-500\/20 bg-slate-900\/60 shadow-[0_-10px_40px_rgba(132,204,22,0.1)] mx-auto\">\r\n \r\n <!-- Threat Map Background -->\r\n <div class=\"absolute inset-0 opacity-60 mix-blend-screen\">\r\n <div class=\"absolute top-[20%] left-[30%] w-2 h-2 bg-lime-500 rounded-full animate-ping\"><\/div>\r\n <div class=\"absolute top-[50%] left-[70%] w-2 h-2 bg-red-500 rounded-full animate-ping delay-700\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?q=80&w=2070&auto=format&fit=crop\" \r\n alt=\"Cyber Defense Interface\" \r\n class=\"object-cover w-full h-full opacity-0 transition-opacity duration-1000 grayscale hover:grayscale-0\"\r\n onload=\"this.classList.remove('opacity-0')\">\r\n <\/div>\r\n \r\n <!-- Scanning Line -->\r\n <div class=\"absolute w-full h-1 bg-gradient-to-r from-transparent via-lime-500 to-transparent z-20 animate-scan opacity-50 top-0\"><\/div>\r\n\r\n <!-- Overlay UI -->\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-950 via-transparent to-transparent\"><\/div>\r\n \r\n <!-- Console Footer -->\r\n <div class=\"absolute bottom-0 left-0 right-0 p-6 border-t border-lime-500\/20 bg-slate-950\/80 backdrop-blur-xl flex justify-between items-end\">\r\n <div>\r\n <div class=\"text-xs text-lime-500 font-mono mb-2 flex items-center gap-2\">\r\n <span class=\"w-2 h-2 bg-lime-500 rounded-full animate-pulse\"><\/span>\r\n EXEPTS_MESH \/\/ ACTIVE_MONITORING\r\n <\/div>\r\n <div class=\"space-y-1 hidden md:block\">\r\n <div class=\"text-xs text-slate-400 font-mono\">> Anomaly Detected: Lateral Movement [Hash: 8x99...22a]<\/div>\r\n <div class=\"text-xs text-lime-400 font-mono\">> Threat Neutralized (Auto-Heal) - 0.04ms<\/div>\r\n <div class=\"text-xs text-yellow-400 font-mono\">> Critical Config Change: PENDING HUMAN VALIDATION<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-right\">\r\n <div class=\"text-xs text-slate-500 uppercase font-mono mb-1\">Mesh Uptime<\/div>\r\n <div class=\"text-2xl md:text-3xl font-mono text-white tracking-tighter\">100%<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Hero Footer Metrics -->\r\n <div class=\"w-full border-t border-slate-800\/50 bg-slate-950\/50 backdrop-blur-sm\">\r\n <div class=\"max-w-7xl mx-auto px-4 py-4\">\r\n <div class=\"flex flex-wrap justify-center gap-6 md:gap-12 text-slate-400 text-sm font-mono\">\r\n <div class=\"flex items-center gap-2\">\r\n <i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-lime-500\"><\/i> SOC2 Type II\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-lime-500\"><\/i> Zero Latency\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <i data-lucide=\"check-circle-2\" class=\"w-4 h-4 text-lime-500\"><\/i> HIPAA Ready\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Benefits Marquee Section -->\r\n <div class=\"border-y border-lime-500\/10 bg-slate-950\/50 py-10 relative overflow-hidden backdrop-blur-sm space-y-8\">\r\n <div class=\"absolute inset-y-0 left-0 w-32 bg-gradient-to-r from-[#020617] to-transparent z-10 pointer-events-none\"><\/div>\r\n <div class=\"absolute inset-y-0 right-0 w-32 bg-gradient-to-l from-[#020617] to-transparent z-10 pointer-events-none\"><\/div>\r\n\r\n <!-- Marquee Row 1 -->\r\n <div class=\"flex overflow-hidden group\">\r\n <div class=\"flex space-x-20 animate-loop-scroll items-center\">\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"zap\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">Zero Latency<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"cpu\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">Kernel Level Access<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"shield-alert\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">Autonomous Neutralization<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"refresh-ccw\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">Self-Healing Mesh<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"lock\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">Immutable Backups<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"globe\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">Global Telemetry<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex space-x-20 animate-loop-scroll items-center pl-20\" aria-hidden=\"true\">\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"zap\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">Zero Latency<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"cpu\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">Kernel Level Access<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"shield-alert\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">Autonomous Neutralization<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"refresh-ccw\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">Self-Healing Mesh<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"lock\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">Immutable Backups<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"globe\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">Global Telemetry<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Marquee Row 2 (Reverse) -->\r\n <div class=\"flex overflow-hidden group\">\r\n <div class=\"flex space-x-20 animate-loop-scroll-reverse items-center\">\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"code-2\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">eBPF Observability<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"key\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">Quantum Resistant<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"network\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">API Shielding<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"container\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">Container Native<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"fingerprint\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">Identity Fabric<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"activity\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">Chaos Engineering<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex space-x-20 animate-loop-scroll-reverse items-center pl-20\" aria-hidden=\"true\">\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"code-2\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">eBPF Observability<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"key\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">Quantum Resistant<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"network\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">API Shielding<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"container\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">Container Native<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"fingerprint\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">Identity Fabric<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 opacity-75 hover:opacity-100 transition-opacity\">\r\n <i data-lucide=\"activity\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <span class=\"font-mono text-sm uppercase tracking-widest text-slate-300 font-bold whitespace-nowrap\">Chaos Engineering<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Methodology Section -->\r\n <section id=\"methodology\" class=\"py-24 relative\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"grid md:grid-cols-2 gap-16 items-center\">\r\n <div class=\"reveal-on-scroll\">\r\n <div class=\"relative bg-slate-900\/50 w-full aspect-[4\/3] rounded-md overflow-hidden border border-lime-500\/20 shadow-2xl\">\r\n <div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')] opacity-20\"><\/div>\r\n <div class=\"absolute inset-0 flex items-center justify-center\">\r\n <div class=\"w-48 h-48 border border-lime-500\/10 rounded-full animate-spin-slow absolute\"><\/div>\r\n <div class=\"w-32 h-32 border-2 border-lime-500\/30 rounded-full animate-ping absolute\"><\/div>\r\n <div class=\"w-24 h-24 border border-lime-500\/50 rounded-full animate-pulse absolute\"><\/div>\r\n <i data-lucide=\"crosshair\" class=\"text-lime-500 w-12 h-12 relative z-10\"><\/i>\r\n <\/div>\r\n <!-- Scan lines -->\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-transparent via-lime-500\/10 to-transparent h-[10%] w-full animate-[float_3s_linear_infinite]\" style=\"animation-direction: normal;\"><\/div>\r\n \r\n <!-- HUD Elements -->\r\n <div class=\"absolute top-4 left-4 text-xs font-mono text-lime-500\/70\">TARGET_LOCKED<\/div>\r\n <div class=\"absolute bottom-4 right-4 text-xs font-mono text-lime-500\/70\">LATENCY: 1ms<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"reveal-on-scroll\">\r\n <h2 class=\"font-serif text-3xl md:text-5xl text-white mb-6 text-hard-shadow\">Speed is the only <br><span class=\"text-lime-500\">metric that matters.<\/span><\/h2>\r\n <p class=\"text-slate-300 leading-relaxed mb-8 text-lg drop-shadow-md\">\r\n The average breakout time for modern ransomware is 62 minutes. Human analysts cannot keep up. Exepts introduces Agentic Defense that reacts in milliseconds.\r\n <\/p>\r\n <ul class=\"space-y-6\">\r\n <li class=\"flex items-start gap-4 text-slate-300 group\">\r\n <div class=\"p-2 border border-lime-500\/20 rounded-md bg-slate-900\/50 group-hover:border-lime-500\/50 transition-colors mt-1\">\r\n <i data-lucide=\"zap\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-white font-serif text-lg\">Automated Containment<\/h4>\r\n <p class=\"text-slate-400 text-sm mt-1\">Threats are isolated in micro-VMs in under 1ms, preventing lateral movement.<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start gap-4 text-slate-300 group\">\r\n <div class=\"p-2 border border-lime-500\/20 rounded-md bg-slate-900\/50 group-hover:border-lime-500\/50 transition-colors mt-1\">\r\n <i data-lucide=\"refresh-cw\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-white font-serif text-lg\">Self-Healing Infrastructure<\/h4>\r\n <p class=\"text-slate-400 text-sm mt-1\">Corrupted nodes are automatically restored from immutable snapshots.<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start gap-4 text-slate-300 group\">\r\n <div class=\"p-2 border border-lime-500\/20 rounded-md bg-slate-900\/50 group-hover:border-lime-500\/50 transition-colors mt-1\">\r\n <i data-lucide=\"user-check\" class=\"text-lime-500 w-5 h-5\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-white font-serif text-lg\">Human Validation<\/h4>\r\n <p class=\"text-slate-400 text-sm mt-1\">Routine threats are auto-neutralized. Critical core changes require human sign-off.<\/p>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Integrations Section -->\r\n <section id=\"integrations\" class=\"py-16 bg-slate-900\/20 border-y border-white\/5\">\r\n <div class=\"max-w-7xl mx-auto px-4\">\r\n <div class=\"text-center mb-12 reveal-on-scroll\">\r\n <h2 class=\"text-2xl font-serif text-white mb-2 text-hard-shadow\">Seamless Ecosystem Integration<\/h2>\r\n <p class=\"text-slate-400\">Works with your existing stack. Deploys via API in minutes.<\/p>\r\n <\/div>\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-4\">\r\n <!-- Integration Cards -->\r\n <div class=\"glass-panel rounded-md p-6 flex flex-col items-center justify-center gap-3 hover:bg-white\/5 transition-colors group cursor-pointer\">\r\n <i data-lucide=\"cloud\" class=\"w-8 h-8 text-slate-400 group-hover:text-white transition-colors\"><\/i>\r\n <span class=\"text-xs font-mono text-slate-500 group-hover:text-lime-400\">AWS<\/span>\r\n <\/div>\r\n <div class=\"glass-panel rounded-md p-6 flex flex-col items-center justify-center gap-3 hover:bg-white\/5 transition-colors group cursor-pointer\">\r\n <i data-lucide=\"database\" class=\"w-8 h-8 text-slate-400 group-hover:text-white transition-colors\"><\/i>\r\n <span class=\"text-xs font-mono text-slate-500 group-hover:text-lime-400\">Splunk<\/span>\r\n <\/div>\r\n <div class=\"glass-panel rounded-md p-6 flex flex-col items-center justify-center gap-3 hover:bg-white\/5 transition-colors group cursor-pointer\">\r\n <i data-lucide=\"slack\" class=\"w-8 h-8 text-slate-400 group-hover:text-white transition-colors\"><\/i>\r\n <span class=\"text-xs font-mono text-slate-500 group-hover:text-lime-400\">Slack<\/span>\r\n <\/div>\r\n <div class=\"glass-panel rounded-md p-6 flex flex-col items-center justify-center gap-3 hover:bg-white\/5 transition-colors group cursor-pointer\">\r\n <i data-lucide=\"box\" class=\"w-8 h-8 text-slate-400 group-hover:text-white transition-colors\"><\/i>\r\n <span class=\"text-xs font-mono text-slate-500 group-hover:text-lime-400\">Docker<\/span>\r\n <\/div>\r\n <div class=\"glass-panel rounded-md p-6 flex flex-col items-center justify-center gap-3 hover:bg-white\/5 transition-colors group cursor-pointer\">\r\n <i data-lucide=\"server\" class=\"w-8 h-8 text-slate-400 group-hover:text-white transition-colors\"><\/i>\r\n <span class=\"text-xs font-mono text-slate-500 group-hover:text-lime-400\">Azure<\/span>\r\n <\/div>\r\n <div class=\"glass-panel rounded-md p-6 flex flex-col items-center justify-center gap-3 hover:bg-white\/5 transition-colors group cursor-pointer\">\r\n <i data-lucide=\"github\" class=\"w-8 h-8 text-slate-400 group-hover:text-white transition-colors\"><\/i>\r\n <span class=\"text-xs font-mono text-slate-500 group-hover:text-lime-400\">GitHub<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Bento Grid Features -->\r\n <section id=\"features\" class=\"py-24 relative\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16 reveal-on-scroll\">\r\n <h2 class=\"font-serif text-3xl md:text-5xl text-white mb-4 text-hard-shadow\">Defense in Depth<\/h2>\r\n <p class=\"text-slate-400\">A complete autonomous SOC suite designed for the modern enterprise.<\/p>\r\n <\/div>\r\n\r\n <!-- Bento Grid -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-6 grid-flow-dense\">\r\n \r\n <!-- Item 1: Hero Feature -->\r\n <div class=\"md:col-span-2 md:row-span-2 glass-panel rounded-md p-8 relative overflow-hidden group reveal-on-scroll hover:border-lime-500\/40 transition-colors\">\r\n <div class=\"absolute -right-10 -bottom-10 opacity-5 group-hover:opacity-10 transition-opacity rotate-12 duration-700\">\r\n <i data-lucide=\"bot\" class=\"w-72 h-72 text-lime-500\"><\/i>\r\n <\/div>\r\n <div class=\"relative z-10 h-full flex flex-col justify-between\">\r\n <div class=\"w-14 h-14 rounded-md border border-lime-500\/50 flex items-center justify-center mb-6 bg-lime-500\/10\">\r\n <i data-lucide=\"cpu\" class=\"text-lime-400 w-8 h-8\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-3xl font-serif text-white mb-4\">Autonomous Hunters<\/h3>\r\n <p class=\"text-slate-300 leading-relaxed max-w-sm\">Deploy thousands of micro-agents that actively patrol your network endpoints. They learn, adapt, and kill processes autonomously while flagging critical anomalies for human review.<\/p>\r\n \r\n <div class=\"mt-8 flex gap-2\">\r\n <span class=\"px-2 py-1 text-xs font-mono bg-lime-500\/10 text-lime-400 rounded-md border border-lime-500\/20\">AI_MODEL_V4<\/span>\r\n <span class=\"px-2 py-1 text-xs font-mono bg-lime-500\/10 text-lime-400 rounded-md border border-lime-500\/20\">SELF_LEARNING<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 2 -->\r\n <div class=\"col-span-1 glass-panel rounded-md p-8 hover:-translate-y-1 transition-all duration-300 reveal-on-scroll group\">\r\n <i data-lucide=\"lock\" class=\"text-lime-500 mb-4 w-8 h-8 group-hover:scale-110 transition-transform\"><\/i>\r\n <h3 class=\"text-xl font-serif text-white mb-2\">Self-Healing<\/h3>\r\n <p class=\"text-sm text-slate-400 leading-relaxed\">Automatically isolate infected nodes and restore from immutable backups within seconds of detection.<\/p>\r\n <\/div>\r\n\r\n <!-- Item 3 -->\r\n <div class=\"col-span-1 glass-panel rounded-md p-8 hover:-translate-y-1 transition-all duration-300 reveal-on-scroll group\">\r\n <i data-lucide=\"eye\" class=\"text-lime-500 mb-4 w-8 h-8 group-hover:scale-110 transition-transform\"><\/i>\r\n <h3 class=\"text-xl font-serif text-white mb-2\">Total Visibility<\/h3>\r\n <p class=\"text-sm text-slate-400 leading-relaxed\">Real-time topology mapping of every asset, including shadow IT, containers, and serverless functions.<\/p>\r\n <\/div>\r\n\r\n <!-- Item 4: Wide Card -->\r\n <div class=\"md:col-span-2 glass-panel rounded-md p-8 flex flex-col md:flex-row items-center gap-8 reveal-on-scroll group hover:border-lime-500\/30 transition-colors\">\r\n <div class=\"flex-1\">\r\n <h3 class=\"text-2xl font-serif text-white mb-2\">Compliance on Autopilot<\/h3>\r\n <p class=\"text-slate-400\">SOC2, HIPAA, and GDPR logs generated automatically by agent activity tracking. No more manual audits.<\/p>\r\n <\/div>\r\n <div class=\"bg-slate-900 rounded-md p-5 border border-lime-500\/20 w-full md:w-auto min-w-[240px] shadow-inner\">\r\n <div class=\"flex items-center gap-2 mb-3\">\r\n <div class=\"w-2 h-2 rounded-full bg-lime-500 animate-pulse\"><\/div>\r\n <span class=\"text-xs text-lime-400 font-mono\">AUDIT_STATUS: ACTIVE<\/span>\r\n <\/div>\r\n <div class=\"h-2 bg-slate-800 rounded-full w-full overflow-hidden mb-2\">\r\n <div class=\"h-full bg-lime-500 w-[98%] shadow-[0_0_10px_rgba(132,204,22,0.5)]\"><\/div>\r\n <\/div>\r\n <div class=\"flex justify-between text-xs font-mono text-slate-500\">\r\n <span>CHECKING_LOGS...<\/span>\r\n <span class=\"text-lime-500\">98% PASS<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 5: Tall Card -->\r\n <div class=\"md:row-span-2 col-span-1 glass-panel rounded-md p-8 reveal-on-scroll flex flex-col hover:-translate-y-1 transition-transform\">\r\n <div class=\"mb-6\">\r\n <i data-lucide=\"fingerprint\" class=\"text-lime-500 mb-4 w-10 h-10\"><\/i>\r\n <h3 class=\"text-xl font-serif text-white mb-4\">Zero Trust Native<\/h3>\r\n <p class=\"text-slate-400 mb-6\">Every request, user, and agent is continuously authenticated. No implicit trust is ever granted, regardless of location.<\/p>\r\n <\/div>\r\n \r\n <div class=\"mt-auto space-y-3\">\r\n <div class=\"flex items-center gap-2 text-xs text-slate-400\">\r\n <i data-lucide=\"check\" class=\"w-3 h-3 text-lime-500\"><\/i> MFA Enforced\r\n <\/div>\r\n <div class=\"flex items-center gap-2 text-xs text-slate-400\">\r\n <i data-lucide=\"check\" class=\"w-3 h-3 text-lime-500\"><\/i> Device Posture\r\n <\/div>\r\n <div class=\"flex items-center gap-2 text-xs text-slate-400\">\r\n <i data-lucide=\"check\" class=\"w-3 h-3 text-lime-500\"><\/i> Least Privilege\r\n <\/div>\r\n <div class=\"pt-4 border-t border-lime-500\/10 mt-4\">\r\n <span class=\"text-xs text-lime-500 font-mono\">AUTH_LEVEL: MAXIMUM<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 6 -->\r\n <div class=\"col-span-1 glass-panel rounded-md p-8 hover:-translate-y-1 transition-all duration-300 reveal-on-scroll group\">\r\n <i data-lucide=\"download-cloud\" class=\"text-lime-500 mb-4 w-8 h-8 group-hover:scale-110 transition-transform\"><\/i>\r\n <h3 class=\"text-xl font-serif text-white mb-2\">Instant Deploy<\/h3>\r\n <p class=\"text-sm text-slate-400\">Single curl command. Roll out to 10k endpoints in under 15 minutes via standard MDM.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Live Telemetry Section (REPLACED) -->\r\n <section id=\"telemetry\" class=\"py-24 relative overflow-hidden\">\r\n <!-- Background effects specific to this section -->\r\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[900px] h-[900px] bg-lime-900\/10 rounded-full blur-[120px] pointer-events-none animate-pulse-slow\"><\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-4\">\r\n <div class=\"flex flex-col md:flex-row justify-between items-end mb-12 reveal-on-scroll\">\r\n <div class=\"max-w-3xl\">\r\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full border border-lime-500\/20 bg-lime-500\/5 mb-4\">\r\n <span class=\"w-2 h-2 rounded-full bg-lime-500 animate-pulse\"><\/span>\r\n <span class=\"text-xs font-mono text-lime-400 uppercase tracking-widest\">Real-time Intercepts<\/span>\r\n <\/div>\r\n <h2 class=\"font-serif text-3xl md:text-5xl text-white mb-4 text-hard-shadow\">Global Threat <span class=\"text-lime-500\">Topology.<\/span><\/h2>\r\n <p class=\"text-slate-400 text-lg\">Visualize threat vectors in real-time. Our mesh network intercepts attacks across your global infrastructure instantaneously.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- NEW Live Map Visualization -->\r\n <div class=\"glass-panel rounded-xl p-1 border border-lime-500\/20 shadow-2xl reveal-on-scroll overflow-hidden relative min-h-[500px] md:min-h-[600px] flex\">\r\n \r\n <!-- Left Sidebar: Event Stream -->\r\n <div class=\"hidden lg:flex w-80 bg-slate-950\/80 border-r border-white\/5 flex-col p-4 backdrop-blur-md z-20\">\r\n <div class=\"text-xs font-mono text-slate-500 uppercase tracking-widest mb-4 border-b border-white\/5 pb-2\">Active Threat Feed<\/div>\r\n <div class=\"space-y-3 overflow-hidden\">\r\n <!-- Item 1 -->\r\n <div class=\"p-3 rounded bg-slate-900\/50 border border-white\/5 hover:border-lime-500\/30 transition-colors group\">\r\n <div class=\"flex justify-between items-start mb-1\">\r\n <span class=\"text-lime-400 font-mono text-[10px]\">SQL_INJECTION<\/span>\r\n <span class=\"text-slate-500 text-[10px]\">0.02ms<\/span>\r\n <\/div>\r\n <div class=\"text-slate-300 text-xs truncate\">Source: 192.168.0.41<\/div>\r\n <div class=\"text-slate-500 text-[10px] mt-1\">Target: \/api\/v1\/auth<\/div>\r\n <\/div>\r\n <!-- Item 2 -->\r\n <div class=\"p-3 rounded bg-slate-900\/50 border border-white\/5 hover:border-red-500\/30 transition-colors group\">\r\n <div class=\"flex justify-between items-start mb-1\">\r\n <span class=\"text-red-400 font-mono text-[10px]\">RANSOMWARE_SIG<\/span>\r\n <span class=\"text-slate-500 text-[10px]\">0.01ms<\/span>\r\n <\/div>\r\n <div class=\"text-slate-300 text-xs truncate\">Hash: 88a9c...22f<\/div>\r\n <div class=\"text-slate-500 text-[10px] mt-1\">Action: ISOLATED<\/div>\r\n <\/div>\r\n <!-- Item 3 -->\r\n <div class=\"p-3 rounded bg-slate-900\/50 border border-white\/5 hover:border-lime-500\/30 transition-colors group\">\r\n <div class=\"flex justify-between items-start mb-1\">\r\n <span class=\"text-lime-400 font-mono text-[10px]\">PORT_SCAN<\/span>\r\n <span class=\"text-slate-500 text-[10px]\">0.05ms<\/span>\r\n <\/div>\r\n <div class=\"text-slate-300 text-xs truncate\">Origin: Internal Node<\/div>\r\n <div class=\"text-slate-500 text-[10px] mt-1\">Target: Subnet 10.0.x.x<\/div>\r\n <\/div>\r\n <!-- Item 4 -->\r\n <div class=\"p-3 rounded bg-slate-900\/50 border border-white\/5 hover:border-yellow-500\/30 transition-colors group\">\r\n <div class=\"flex justify-between items-start mb-1\">\r\n <span class=\"text-yellow-400 font-mono text-[10px]\">SUDO_ESCALATION<\/span>\r\n <span class=\"text-slate-500 text-[10px]\">PENDING<\/span>\r\n <\/div>\r\n <div class=\"text-slate-300 text-xs truncate\">User: Dev_Admin<\/div>\r\n <div class=\"text-slate-500 text-[10px] mt-1\">Action: MFA_CHALLENGE<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mt-auto pt-4 border-t border-white\/5 text-[10px] text-slate-500 font-mono text-center\">\r\n LIVE_STREAM_CONNECTED\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Right Area: Map Visualization -->\r\n <div class=\"flex-1 relative bg-slate-900\/40\">\r\n <!-- Map Background Image -->\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1451187580459-43490279c0fa?q=80&w=2072&auto=format&fit=crop\" \r\n alt=\"Global Threat Map\" \r\n class=\"absolute inset-0 w-full h-full object-cover opacity-30 mix-blend-luminosity grayscale contrast-125\">\r\n \r\n <!-- Grid Overlay -->\r\n <div class=\"absolute inset-0 bg-[linear-gradient(rgba(132,204,22,0.05)_1px,transparent_1px),linear-gradient(90deg,rgba(132,204,22,0.05)_1px,transparent_1px)] bg-[size:40px_40px]\"><\/div>\r\n \r\n <!-- Pulsing Nodes (Simulated Locations) -->\r\n <!-- NY -->\r\n <div class=\"absolute top-[35%] left-[28%] group cursor-crosshair\">\r\n <div class=\"map-pulse\"><\/div>\r\n <div class=\"absolute left-4 top-0 bg-slate-900\/90 border border-lime-500\/50 px-2 py-1 rounded text-[10px] font-mono text-lime-400 opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap z-10\">\r\n NODE: NYC_04 \/\/ SECURE\r\n <\/div>\r\n <\/div>\r\n <!-- London -->\r\n <div class=\"absolute top-[32%] left-[47%] group cursor-crosshair\">\r\n <div class=\"map-pulse\" style=\"animation-delay: 0.5s\"><\/div>\r\n <div class=\"absolute left-4 top-0 bg-slate-900\/90 border border-lime-500\/50 px-2 py-1 rounded text-[10px] font-mono text-lime-400 opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap z-10\">\r\n NODE: LON_01 \/\/ SECURE\r\n <\/div>\r\n <\/div>\r\n <!-- Singapore -->\r\n <div class=\"absolute top-[55%] left-[78%] group cursor-crosshair\">\r\n <div class=\"map-pulse\" style=\"animation-delay: 1.2s\"><\/div>\r\n <div class=\"absolute left-4 top-0 bg-slate-900\/90 border border-lime-500\/50 px-2 py-1 rounded text-[10px] font-mono text-lime-400 opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap z-10\">\r\n NODE: SIN_09 \/\/ TRAFFIC_HIGH\r\n <\/div>\r\n <\/div>\r\n <!-- Tokyo -->\r\n <div class=\"absolute top-[38%] left-[85%] group cursor-crosshair\">\r\n <div class=\"map-pulse\" style=\"animation-delay: 0.8s\"><\/div>\r\n <\/div>\r\n <!-- Sao Paulo -->\r\n <div class=\"absolute top-[70%] left-[32%] group cursor-crosshair\">\r\n <div class=\"map-pulse\" style=\"animation-delay: 1.5s\"><\/div>\r\n <\/div>\r\n\r\n <!-- Threat Line (Animated SVG) -->\r\n <svg class=\"absolute inset-0 w-full h-full pointer-events-none opacity-40\">\r\n <path d=\"M 300 250 Q 500 150 750 350\" stroke=\"#ef4444\" stroke-width=\"1\" fill=\"none\" stroke-dasharray=\"5,5\">\r\n <animate attributeName=\"stroke-dashoffset\" from=\"100\" to=\"0\" dur=\"2s\" repeatCount=\"indefinite\" \/>\r\n <\/path>\r\n <circle cx=\"750\" cy=\"350\" r=\"3\" fill=\"#ef4444\">\r\n <animate attributeName=\"r\" values=\"3;6;3\" dur=\"1s\" repeatCount=\"indefinite\" \/>\r\n <\/circle>\r\n <\/svg>\r\n\r\n <!-- Status Footer Overlay -->\r\n <div class=\"absolute bottom-0 left-0 right-0 p-4 bg-gradient-to-t from-slate-950\/90 to-transparent flex justify-between items-end\">\r\n <div class=\"flex gap-4 text-xs font-mono text-slate-400\">\r\n <span>NODES: 891<\/span>\r\n <span>LATENCY: 4ms<\/span>\r\n <span>THREATS_BLOCKED: 14,291<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-2\">\r\n <div class=\"w-2 h-2 rounded-full bg-lime-500 animate-pulse\"><\/div>\r\n <span class=\"text-xs font-mono text-lime-400 uppercase\">System Nominal<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Insider Threat Kill Chain -->\r\n <section id=\"insider-risk\" class=\"py-24 relative border-t border-slate-800\">\r\n <div class=\"max-w-7xl mx-auto px-4\">\r\n <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\r\n <div class=\"reveal-on-scroll\">\r\n <h2 class=\"font-serif text-3xl md:text-5xl text-white mb-6 text-hard-shadow\">Breaking the <span class=\"text-lime-500\">Kill Chain.<\/span><\/h2>\r\n <p class=\"text-slate-300 text-lg mb-8 leading-relaxed\">\r\n Most solutions only alert you after data has left the building. Exepts maps the entire insider kill chain and intervenes autonomously at the earliest sign of lateral movement.\r\n <\/p>\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-center gap-4 p-4 border border-lime-500\/10 rounded-md bg-slate-900\/30 hover:border-lime-500\/30 transition-colors group\">\r\n <div class=\"w-10 h-10 rounded-full bg-slate-800 border border-white\/5 flex items-center justify-center text-slate-400 group-hover:text-lime-400 transition-colors font-mono font-bold\">01<\/div>\r\n <div>\r\n <h4 class=\"text-white font-serif\">Credential Theft<\/h4>\r\n <p class=\"text-xs text-slate-400\">Behavioral biometrics detect non-human typing patterns.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-center gap-4 p-4 border border-lime-500\/10 rounded-md bg-slate-900\/30 hover:border-lime-500\/30 transition-colors group\">\r\n <div class=\"w-10 h-10 rounded-full bg-slate-800 border border-white\/5 flex items-center justify-center text-slate-400 group-hover:text-lime-400 transition-colors font-mono font-bold\">02<\/div>\r\n <div>\r\n <h4 class=\"text-white font-serif\">Internal Recon<\/h4>\r\n <p class=\"text-xs text-slate-400\">Port scanning from user endpoints triggers instant micro-isolation.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-center gap-4 p-4 border border-lime-500\/10 rounded-md bg-slate-900\/30 hover:border-lime-500\/30 transition-colors group\">\r\n <div class=\"w-10 h-10 rounded-full bg-slate-800 border border-white\/5 flex items-center justify-center text-slate-400 group-hover:text-lime-400 transition-colors font-mono font-bold\">03<\/div>\r\n <div>\r\n <h4 class=\"text-white font-serif\">Exfiltration<\/h4>\r\n <p class=\"text-xs text-slate-400\">Outbound traffic to unverified cloud buckets is null-routed at the kernel.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Kill Chain Visual -->\r\n <div class=\"reveal-on-scroll relative\">\r\n <div class=\"glass-panel p-8 rounded-md border border-lime-500\/20\">\r\n <div class=\"absolute -left-4 top-10 w-8 h-8 bg-slate-950 border border-lime-500\/50 rounded-full flex items-center justify-center z-10\">\r\n <i data-lucide=\"shield\" class=\"w-4 h-4 text-lime-500\"><\/i>\r\n <\/div>\r\n \r\n <!-- Timeline Container -->\r\n <div class=\"relative pl-8 border-l border-dashed border-slate-700 space-y-12\">\r\n <!-- Step 1 -->\r\n <div class=\"relative group\">\r\n <div class=\"absolute -left-[39px] top-0 w-4 h-4 rounded-full bg-slate-800 border border-slate-600 group-hover:bg-red-500\/20 group-hover:border-red-500 transition-colors\"><\/div>\r\n <div class=\"bg-slate-900\/50 p-4 rounded border border-white\/5 group-hover:border-red-500\/30 transition-colors\">\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-xs font-mono text-slate-500\">09:14:22 AM<\/span>\r\n <span class=\"text-[10px] font-bold text-red-400 uppercase bg-red-950\/30 px-2 py-0.5 rounded\">Alert<\/span>\r\n <\/div>\r\n <p class=\"text-sm text-slate-300\">Suspicious PowerShell execution hidden in macro.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Step 2 -->\r\n <div class=\"relative group\">\r\n <div class=\"absolute -left-[39px] top-0 w-4 h-4 rounded-full bg-slate-800 border border-slate-600 group-hover:bg-yellow-500\/20 group-hover:border-yellow-500 transition-colors\"><\/div>\r\n <div class=\"bg-slate-900\/50 p-4 rounded border border-white\/5 group-hover:border-yellow-500\/30 transition-colors\">\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-xs font-mono text-slate-500\">09:14:23 AM<\/span>\r\n <span class=\"text-[10px] font-bold text-yellow-400 uppercase bg-yellow-950\/30 px-2 py-0.5 rounded\">Warning<\/span>\r\n <\/div>\r\n <p class=\"text-sm text-slate-300\">Attempted connection to C2 server (192.168.x.x).<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Intervention -->\r\n <div class=\"relative\">\r\n <div class=\"absolute -left-[43px] top-0 w-6 h-6 rounded-full bg-lime-500 border-4 border-slate-950 shadow-[0_0_15px_#84cc16] animate-pulse\"><\/div>\r\n <div class=\"bg-lime-900\/10 p-5 rounded border border-lime-500\/40 relative overflow-hidden\">\r\n <div class=\"absolute top-0 left-0 w-1 h-full bg-lime-500\"><\/div>\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <span class=\"text-xs font-mono text-lime-400\">09:14:23.04 AM<\/span>\r\n <span class=\"text-[10px] font-bold text-lime-400 uppercase bg-lime-950\/30 px-2 py-0.5 rounded border border-lime-500\/20\">Neutralized<\/span>\r\n <\/div>\r\n <p class=\"text-sm text-white font-medium\">Process Kill: PID 8821. Network Interface Locked.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ Section -->\r\n <section class=\"py-24 max-w-4xl mx-auto px-4\">\r\n <h2 class=\"text-3xl font-serif text-white text-center mb-12 reveal-on-scroll text-hard-shadow\">Critical Intelligence (FAQ)<\/h2>\r\n <div class=\"space-y-4 reveal-on-scroll\">\r\n <details class=\"glass-panel rounded-md group p-4 cursor-pointer hover:border-lime-500\/30 transition-colors\">\r\n <summary class=\"flex justify-between items-center font-medium text-slate-200 list-none\">\r\n <span>How does 'Agentic AI' differ from standard ML?<\/span>\r\n <span class=\"transition group-open:rotate-180\"><i data-lucide=\"chevron-down\"><\/i><\/span>\r\n <\/summary>\r\n <p class=\"text-slate-400 mt-4 leading-relaxed text-sm\">\r\n Standard Machine Learning detects patterns. Agentic AI acts. Our agents have permission to execute commands, kill processes, and isolate machines without waiting for human approval, reducing response time from minutes to milliseconds.\r\n <\/p>\r\n <\/details>\r\n <details class=\"glass-panel rounded-md group p-4 cursor-pointer hover:border-lime-500\/30 transition-colors\">\r\n <summary class=\"flex justify-between items-center font-medium text-slate-200 list-none\">\r\n <span>Is it safe to let AI control my infrastructure?<\/span>\r\n <span class=\"transition group-open:rotate-180\"><i data-lucide=\"chevron-down\"><\/i><\/span>\r\n <\/summary>\r\n <p class=\"text-slate-400 mt-4 leading-relaxed text-sm\">\r\n Yes. The agents operate within strict, mathematically proven guardrails. Every action is reversible, and critical core systems are protected by immutable snapshots before any remediation action is taken.\r\n <\/p>\r\n <\/details>\r\n <details class=\"glass-panel rounded-md group p-4 cursor-pointer hover:border-lime-500\/30 transition-colors\">\r\n <summary class=\"flex justify-between items-center font-medium text-slate-200 list-none\">\r\n <span>What impact does the agent have on performance?<\/span>\r\n <span class=\"transition group-open:rotate-180\"><i data-lucide=\"chevron-down\"><\/i><\/span>\r\n <\/summary>\r\n <p class=\"text-slate-400 mt-4 leading-relaxed text-sm\">\r\n Negligible. Our Rust-based micro-agent consumes less than 1% CPU and 50MB RAM. It runs at the kernel level with lowest possible priority until a threat is detected.\r\n <\/p>\r\n <\/details>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA Section -->\r\n <section id=\"waitlist\" class=\"py-32 relative overflow-hidden\">\r\n <!-- CTA Shape -->\r\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[600px] h-[600px] bg-lime-900\/10 rounded-full blur-[100px] pointer-events-none\"><\/div>\r\n <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_center,rgba(132,204,22,0.05)_0%,transparent_70%)]\"><\/div>\r\n\r\n <div class=\"max-w-4xl mx-auto px-4 relative z-10 text-center\">\r\n <h2 class=\"font-serif text-4xl md:text-6xl text-white mb-6 reveal-on-scroll text-hard-shadow\">Secure the Future.<\/h2>\r\n <p class=\"text-slate-300 mb-10 text-lg reveal-on-scroll max-w-2xl mx-auto drop-shadow-md\">Join the elite group of CISOs leveraging Agentic AI for impenetrable defense. Spots are limited for the current release cycle.<\/p>\r\n \r\n <div class=\"glass-panel p-2 rounded-md max-w-lg mx-auto flex flex-col sm:flex-row gap-2 reveal-on-scroll border border-lime-500\/30 shadow-[0_0_50px_rgba(132,204,22,0.1)]\">\r\n <form action=\"https:\/\/getform.io\/f\/bejveqea\" method=\"POST\" class=\"contents\" >\r\n <input type=\"email\" name=\"email\" placeholder=\"Enter your work email\" required \r\n class=\"flex-1 bg-transparent px-6 py-3 text-white placeholder-slate-500 focus:outline-none focus:bg-white\/5 transition-colors rounded-md\">\r\n <button type=\"submit\" class=\"px-8 py-3 rounded-md btn-outline-lime font-bold uppercase tracking-wider\">\r\n Join Waitlist\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <!-- <p class=\"mt-6 text-slate-500 text-xs reveal-on-scroll font-mono flex justify-center items-center gap-2\">\r\n <i data-lucide=\"lock\" class=\"w-3 h-3\"><\/i> ENCRYPTED_TRANSMISSION \/\/ 256-BIT SSL\r\n <\/p> -->\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Modern Minimalist Footer -->\r\n <footer class=\"relative bg-slate-950 pt-20 pb-10 overflow-hidden border-t border-white\/5\">\r\n <!-- Giant Background Text -->\r\n <div class=\"absolute -bottom-10 left-0 w-full text-center pointer-events-none select-none\">\r\n <h1 class=\"text-[15vw] leading-none font-serif font-bold text-white\/[0.02] tracking-tighter\">EXEPTS<\/h1>\r\n <\/div>\r\n \r\n <div class=\"max-w-7xl mx-auto px-4 relative z-10\">\r\n <div class=\"flex flex-col md:flex-row justify-between items-start gap-12 mb-16\">\r\n <!-- Brand & Mission -->\r\n <div class=\"max-w-sm\">\r\n <div class=\"flex items-center gap-2 mb-6\">\r\n <div class=\"w-8 h-8 rounded-sm bg-lime-500 border border-lime-400 flex items-center justify-center text-slate-950 font-serif font-bold\">E<\/div>\r\n <span class=\"text-2xl font-serif text-white tracking-tight\">Exepts<\/span>\r\n <\/div>\r\n <p class=\"text-slate-400 font-light leading-relaxed text-sm\">\r\n Autonomous defense for the modern enterprise. <br>\r\n We hunt threats while you sleep.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Minimal Links Grid -->\r\n <div class=\"flex gap-16 text-sm\">\r\n <div class=\"flex flex-col gap-4\">\r\n <span class=\"text-white font-medium mb-2\">Platform<\/span>\r\n <a href=\"#features\" class=\"text-slate-500 hover:text-lime-500 transition-colors\">Features<\/a>\r\n <a href=\"#integrations\" class=\"text-slate-500 hover:text-lime-500 transition-colors\">Integrations<\/a>\r\n <a href=\"#telemetry\" class=\"text-slate-500 hover:text-lime-500 transition-colors\">Live Map<\/a>\r\n <\/div>\r\n <div class=\"flex flex-col gap-4\">\r\n <!-- <span class=\"text-white font-medium mb-2\">Social<\/span>\r\n <a href=\"#\" class=\"text-slate-500 hover:text-lime-500 transition-colors\">Twitter \/ X<\/a>\r\n <a href=\"#\" class=\"text-slate-500 hover:text-lime-500 transition-colors\">LinkedIn<\/a>\r\n <a href=\"#\" class=\"text-slate-500 hover:text-lime-500 transition-colors\">GitHub<\/a> -->\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Bottom Bar -->\r\n <div class=\"border-t border-white\/5 pt-8 flex flex-col md:flex-row justify-between items-center text-xs text-slate-600 font-mono uppercase tracking-wider\">\r\n <p>© 2026 Exepts.<\/p>\r\n <div class=\"flex gap-6 mt-4 md:mt-0\">\r\n <a href=\"#\" class=\"hover:text-lime-500 transition-colors\">Privacy<\/a>\r\n <a href=\"#\" class=\"hover:text-lime-500 transition-colors\">Terms<\/a>\r\n <a href=\"#\" class=\"hover:text-lime-500 transition-colors\">Status<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- Logic -->\r\n <script>\r\n \/\/ Init Icons\r\n lucide.createIcons();\r\n\r\n \/\/ Mobile Menu Logic\r\n const btn = document.getElementById('mobile-menu-btn');\r\n const menu = document.getElementById('mobile-menu');\r\n \r\n btn.addEventListener('click', () => {\r\n menu.classList.toggle('hidden');\r\n const isExpanded = !menu.classList.contains('hidden');\r\n btn.innerHTML = isExpanded ? '<i data-lucide=\"x\"><\/i>' : '<i data-lucide=\"menu\"><\/i>';\r\n lucide.createIcons();\r\n });\r\n\r\n \/\/ Scroll Animation Observer\r\n const observerOptions = {\r\n root: null,\r\n rootMargin: '0px',\r\n threshold: 0.1\r\n };\r\n\r\n const observer = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('is-visible');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n document.querySelectorAll('.reveal-on-scroll').forEach(el => {\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ Parallax Effect for Background\r\n window.addEventListener('scroll', () => {\r\n const scrolled = window.scrollY;\r\n const bg = document.querySelector('.cyber-grid');\r\n \/\/ Adjust grid perspective slighty on scroll\r\n if(bg) {\r\n bg.style.transform = `rotateX(60deg) translateY(${scrolled * 0.1}px)`;\r\n }\r\n });\r\n <\/script>\r\n\r\n<script id=\"auragen-state\" type=\"application\/json\">{\"messages\":[{\"id\":\"1\",\"role\":\"model\",\"content\":\"Hello! I'm AuraGen, powered by Gemini 3 Pro. I'm ready to architect your vision. Describe your dream site, and I'll build it pixel-perfect.\",\"timestamp\":1767501423882},{\"id\":\"1767501610695\",\"role\":\"user\",\"content\":\"Build one page join waitlist website for Agentic AI for cybersecurity \",\"timestamp\":1767501610695,\"attachments\":[]},{\"id\":\"1767501683735\",\"role\":\"model\",\"content\":\"### Architectural & Design Decisions\\n\\n1. **Core Theme & Atmosphere**: Built on a deep `slate-950` background to evoke a 'Cybersecurity\/Stealth' aesthetic. The requested 'Light Beams' effect is implemented via pure CSS conical gradients with a pendulum animation (`animate-beam-swing`) to simulate searching spotlights\/scanners.\\n\\n2. **Typography & Shape Language**: \\n - **Font**: Utilized 'Playfair Display' (Serif) for headings to meet the 'serif' requirement, creating a sophisticated, high-end editorial feel, paired with 'Inter' for technical legibility.\\n - **Shapes**: Strictly adhered to `rounded-full` (buttons, inputs) and organic 'blob' masks for images to satisfy the 'Liquid Flow' and 'Soft Geometry' requests.\\n\\n3. **Layout Architecture ('Liquid Flow')**:\\n - Replaced hard horizontal lines with SVG Wave Separators (`shape-divider`).\\n - The content flows organically with ample whitespace.\\n - The **Bento Grid** features the requested specific spans (Hero feature, wide cards, tall cards) using glassmorphism (`backdrop-blur-xl`, `bg-white\/5`).\\n\\n4. **Interaction & Performance**:\\n - **Parallax**: A lightweight JS snippet creates a subtle vertical parallax on the background beams.\\n - **Lazy Loading**: Images use a skeleton loader strategy (`opacity-0` to `opacity-100` on load).\\n - **Scroll Observer**: A custom IntersectionObserver triggers `fade-in-up` animations as the user scrolls.\\n\\n5. **Conversion Focus**: The 'Join Waitlist' form is semantically built, accessible, and placed prominently in the Hero and Footer.\",\"timestamp\":1767501683734},{\"id\":\"1767501769029\",\"role\":\"user\",\"content\":\"Update the design with the following configuration:\\n - Layout Structure: modern-saas\\n - Theme Color: lime\\n - Typography: serif\\n - Navigation Style: floating\\n - Background Effect: geometric-shapes\\n - Border Radius: sm\\n - Button Style: outline\\n - Text Contrast: standard\\n \\n \\n \\n \\n Ensure the design is consistent and visually cohesive.\",\"timestamp\":1767501769029,\"attachments\":[]},{\"id\":\"1767501849280\",\"role\":\"model\",\"content\":\"I have reconstructed the site to align with the 'Modern SaaS' architecture while applying the requested 'Lime' theme and 'Geometric Shapes' aesthetic.\\n\\n### Key Architectural Changes:\\n- **Layout**: Shifted the Hero section from a centered layout to a 2-column split (Left: Copy\/Form, Right: Visual), typical of modern SaaS patterns.\\n- **Theme**: Replaced the cool blue\/indigo palette with a high-contrast **Lime (#84cc16)** accent color against a deep Slate background. \\n- **Background**: Removed the organic fluid blobs and light beams. Replaced them with floating **Geometric Shapes** (triangles, circles, squares) using CSS animations and `clip-path`.\\n- **UI Components**: \\n - **Buttons**: Converted to `outline` style (border-only initially, fill on hover) with sharp `rounded-sm` corners.\\n - **Cards**: Updated the Bento Grid and containers to use `rounded-sm` for a more brutalist\/technical feel.\\n - **Typography**: Maintained the Serif (Playfair Display) headings for that 'Elite\/Trust' vibe, paired with Inter for UI text.\\n- **Navigation**: Implemented a floating, pill-shaped navbar with `backdrop-blur` and the new outline styling.\\n\\nAll interactions, including the mobile menu and scroll observers, have been preserved and updated to match the new styling.\",\"timestamp\":1767501849279},{\"id\":\"1767501938896\",\"role\":\"user\",\"content\":\"add more features and sections and modernize ui and ux\",\"timestamp\":1767501938896,\"attachments\":[]},{\"id\":\"1767502059857\",\"role\":\"model\",\"content\":\"I have significantly modernized the UI and expanded the architecture to a full-scale SaaS landing page. \\n\\n**Key Architectural Changes:**\\n1. **Enhanced Visual Engine**: Upgraded the background system with a smoother geometric parallax engine and added a 'scanning line' overlay effect to reinforce the cybersecurity theme.\\n2. **Expanded Content Model**: Added three critical new sections: \\n - **Ecosystem Integrations**: To demonstrate compatibility with existing tech stacks (AWS, Splunk, etc.).\\n - **Pricing Tiers**: A robust 3-card pricing layout with clear value differentiation.\\n - **FAQ Section**: To handle buyer objections regarding AI autonomy.\\n3. **UI Refinement (HD Mode)**: \\n - Implemented 'Glassmorphism 2.0' with finer borders (`border-white\/10`) and deeper backdrops.\\n - Refined the Bento Grid with denser data visualization elements and hover states.\\n - Added a 'Live Threat Counter' animation script to simulate real-time platform activity.\\n4. **UX Improvements**: \\n - Added `scroll-padding-top` for accurate anchor linking.\\n - Improved mobile menu interactions.\\n - Added a 'glitch' text effect on hover for key headers to align with the cyber-defense aesthetic.\",\"timestamp\":1767502059856},{\"id\":\"1767502202981\",\"role\":\"user\",\"content\":\"Update the design with the following configuration:\\n - Layout Structure: glass-vortex\\n - Theme Color: lime\\n - Typography: serif\\n - Navigation Style: floating\\n - Background Effect: cyber-grid\\n - Border Radius: md\\n - Button Style: outline\\n - Text Contrast: hard-shadow\\n \\n \\n \\n \\n Ensure the design is consistent and visually cohesive.\",\"timestamp\":1767502202981,\"attachments\":[]},{\"id\":\"1767502325551\",\"role\":\"model\",\"content\":\"I have completely re-architected the site to align with the 'Glass Vortex' and 'Cyber Grid' aesthetic. \\n\\n**Key Architectural Updates:**\\n1. **Cyber Grid Background**: Replaced the geometric shapes with a high-performance, GPU-accelerated 3D grid system using CSS perspective and `rotateX`. This creates an infinite scrolling 'floor' effect typical of retro-cyberpunk designs.\\n2. **Glass Vortex Layout**: The Hero section now features a layered, 3D-tilted glass card stack for the visual element, creating depth. The layout uses heavy glassmorphism (`backdrop-blur-xl`) with specific `lime` accent borders.\\n3. **Typography & Contrast**: Enforced `Playfair Display` (Serif) for all headings with a 'hard-shadow' text effect (`drop-shadow-[0_2px_0px_rgba(0,0,0,1)]`) to ensure readability against the moving grid.\\n4. **Navigation**: Implemented the requested 'Floating' style with `rounded-md` geometry.\\n5. **Components**: \\n - **Buttons**: Converted to 'Outline' style (transparent background, colored border) with hover fills.\\n - **Bento Grid**: Updated with `rounded-md` and tighter glass borders.\\n - **Radius**: Global update from `rounded-sm` to `rounded-md`.\\n6. **Performance**: Added lazy-loading logic for images and optimized the grid animation loop.\",\"timestamp\":1767502325550},{\"id\":\"1767502464416\",\"role\":\"user\",\"content\":\"replace pricing with another sections make it cooler \",\"timestamp\":1767502464416,\"attachments\":[]},{\"id\":\"1767502588274\",\"role\":\"model\",\"content\":\"I have replaced the static **Pricing** section with a high-octane **'Global Telemetry & Threat Intelligence'** section. This aligns perfectly with the 'Cyberpunk\/High-Tech' aesthetic and the user's request for something 'cooler'.\\n\\n**Architectural Changes:**\\n1. **Removed:** The standard Pricing cards.\\n2. **Added:** A 'Live War Room' section (`id=\\\"telemetry\\\"`).\\n3. **Visuals:** Created a split-layout featuring a holographic threat map (using abstract visuals + CSS pulsing beacons) and a scrolling 'Terminal' log that simulates real-time AI decision making.\\n4. **Animations:** Added `animate-pulse` beacons and a 'scanning' radar effect to the map visualization.\\n5. **UX\/Flow:** This section now serves as powerful social proof (showing the AI 'working' in real-time) before the final CTA, replacing the friction of asking for money (Pricing) with the value of demonstrating capability.\",\"timestamp\":1767502588273},{\"id\":\"1767502784920\",\"role\":\"user\",\"content\":\"replace Securing Critical Infrastructure For section to benefits and make them scrolling\",\"timestamp\":1767502784920,\"attachments\":[]},{\"id\":\"1767502922289\",\"role\":\"model\",\"content\":\"I have replaced the static 'Social Proof' logo grid with a dynamic 'Benefits Marquee' section as requested. \\n\\n**Key Architectural Changes:**\\n1. **Infinite Scroll Animation**: Added a custom `loop-scroll` keyframe and animation to the Tailwind config to power the continuous horizontal ticker.\\n2. **Marquee Structure**: Implemented a dual-list flex layout (original + aria-hidden copy) to ensure seamless, gapless looping of the content.\\n3. **Visual Styling**: Maintained the 'Glass Vortex' aesthetic with `backdrop-blur-sm`, `border-y border-lime-500\/10`, and a `mask-image` fade on the left and right edges to smooth the entry\/exit of items.\\n4. **Content Update**: Swapped generic company logos for high-impact technical benefits (e.g., 'Zero Latency', 'Kernel Access', 'Self-Healing') paired with Lucide icons to reinforce the 'Cyber Defense' theme.\\n5. **Preservation**: All other sections (Hero, Features, Telemetry, Footer) remain untouched to preserve the existing functionality.\",\"timestamp\":1767502922288},{\"id\":\"1767503672739\",\"role\":\"user\",\"content\":\"Website name is Exepts and Make the logo capital E with filled border\",\"timestamp\":1767503672739,\"attachments\":[]},{\"id\":\"1767503813708\",\"role\":\"model\",\"content\":\"I have completely refactored the architecture to the **'Exepts'** brand identity while enforcing the **'Cosmic Horizon'** layout system. \\n\\n**Key Architectural Changes:**\\n1. **Cosmic Horizon Layout**: The Hero section is now **centered and immersive**. I moved the 3D Threat Interface from a side column to a central 'Main Console' position below the typography, creating a symmetrical, cinematic horizon effect.\\n2. **Branding & Logo**: Implemented the requested **Capital 'E' Logo** with a filled, glowing style (`bg-lime-500`) to create a strong visual anchor. Updated all copy from 'Aegis' to 'Exepts'.\\n3. **Visual Polish**: Enhanced the glassmorphism with deeper blacks and `backdrop-blur-xl` to ensure the new centered layout remains readable against the 3D Cyber Grid.\\n4. **SEO & Meta**: Updated all meta tags to reflect the 'Exepts' identity and specific keywords.\\n5. **Mobile Robustness**: The centered layout scales naturally down to mobile, with the 3D card becoming a focused feature card on smaller screens.\",\"timestamp\":1767503813707},{\"id\":\"1767564123156\",\"role\":\"system\",\"content\":\"Project \\\"auragen-project-1767503868012.html\\\" restored successfully. History and settings loaded.\",\"timestamp\":1767564123156},{\"id\":\"1767564341154\",\"role\":\"user\",\"content\":\"update hero with this: Autonomous Cyber Defense: Self-Healing Mesh with Agentic AI. Hunts, isolates, and neutralizes threats before execution, 24\/7, automating routine responses while critical actions require human validation. (and let's all the website reflect this)\\n\",\"timestamp\":1767564341154,\"attachments\":[]},{\"id\":\"1767564471306\",\"role\":\"model\",\"content\":\"I have updated the **Hero Section** and refined the global narrative to align with the new 'Self-Healing Mesh' and 'Agentic AI' positioning.\\n\\n### Key Updates:\\n1. **Hero Copy Overhaul**: Implemented the specific headline 'Autonomous Cyber Defense: Self-Healing Mesh with Agentic AI' and the requested subheadline focusing on the hybrid automation\/validation model.\\n2. **Visual Narrative Update**: \\n - Modified the **3D Console Interface** logs in the Hero to explicitly show the distinction between automated actions (e.g., '> Threat Neutralized (Auto-Heal)') and actions requiring human validation (e.g., '> Critical Config Change: PENDING HUMAN VALIDATION'). This visualizes the new copy directly.\\n3. **Meta & SEO**: Updated the `<title>` and `<meta description>` to reflect the new positioning.\\n4. **Consistency**: Ensured the 'Self-Healing' terminology is reflected in the 'Methodology' and 'Features' sections where relevant to maintain a cohesive story.\\n5. **Design System Preservation**: Maintained the 'Cosmic Horizon' layout, Lime theme, and Cyber Grid background architecture.\",\"timestamp\":1767564471305},{\"id\":\"1767564670754\",\"role\":\"user\",\"content\":\"hero top caption should be autonomous cyber defense only not autonomous cyber defense self healing mesh\",\"timestamp\":1767564670754,\"attachments\":[]},{\"id\":\"1767564803783\",\"role\":\"model\",\"content\":\"Updated the Hero section's main headline (H1) and the document title to reflect the simplified messaging 'Autonomous Cyber Defense', removing the 'Self-Healing Mesh' suffix as requested. The layout remains a 2-line structure for optimal visual balance on the 'Cosmic Horizon' hero, with the 'Cyber Defense' portion retaining the signature lime accent and glitch interaction. All other sections, animations, and the 3D grid system have been preserved to maintain the 'HD' aesthetic.\",\"timestamp\":1767564803782},{\"id\":\"1767565036369\",\"role\":\"user\",\"content\":\"surprise me: at the live map section, change to a surprising new feature that can be like a pain point for potential customers \",\"timestamp\":1767565036369,\"attachments\":[]},{\"id\":\"1767565187086\",\"role\":\"model\",\"content\":\"I have upgraded the 'Live Telemetry' section (id=\\\"telemetry\\\") to focus on a critical pain point: **Insider Threats & Data Exfiltration** (specifically AI\/LLM data leaks). \\n\\n**Architectural Changes:**\\n1. **Narrative Shift**: Changed the section from a generic 'Global Map' to a 'Live Insider Risk Monitor'. This addresses the modern fear of employees pasting secrets into AI tools or unauthorized Shadow IT usage.\\n2. **Visual Components**:\\n * **Left Panel (DLP Simulator)**: A simulated chat interface showing an employee attempting to paste an AWS Key, which is instantly redacted by the Exepts Agent. This visually demonstrates value immediately.\\n * **Right Panel (Shadow Radar)**: A scanning radar visualization that detects unmanaged devices entering the network.\\n3. **Color Psychology**: Introduced `red-500` accents to signify 'Threat\/Risk' contrasted against the `lime-500` 'Protection' to create visual tension and relief.\\n4. **Retention**: Preserved all other sections (Hero, Features, Bento Grid) and the underlying 'Cosmic Horizon' styling to maintain consistency.\",\"timestamp\":1767565187085},{\"id\":\"1767565394917\",\"role\":\"user\",\"content\":\"make footer modern and minimalist \",\"timestamp\":1767565394917,\"attachments\":[]},{\"id\":\"1767565529088\",\"role\":\"model\",\"content\":\"I have completely redesigned the footer to align with a **Modern Minimalist** aesthetic while retaining the site's Cyberpunk\/High-Tech identity. \\n\\n**Key Changes:**\\n1. **Massive Typographic Background**: Added a giant, low-opacity 'EXEPTS' watermark at the bottom. This is a trending design pattern that adds depth without clutter.\\n2. **Simplified Layout**: Condensed the multi-column directory into a clean, breathing layout with high whitespace. \\n3. **Typography**: Switched to a cleaner hierarchy. Links are now grouped logically with subtle hover effects (`lime-500`).\\n4. **Terminal Aesthetics**: Added a 'System Status' indicator in the copyright bar to maintain the 'console' theme of the website.\\n5. **Visual Weight**: Removed heavy borders and backgrounds, relying on negative space and a single subtle top border to define the section.\",\"timestamp\":1767565529087},{\"id\":\"1767567194738\",\"role\":\"user\",\"content\":\"update inside risk with another cool feature for user\",\"timestamp\":1767567194738,\"attachments\":[]},{\"id\":\"1767567351695\",\"role\":\"model\",\"content\":\"I have upgraded the 'Insider Risk' (`#telemetry`) section by adding a third, full-width visualization component: **'Behavioral Deviation Analysis'**. \\n\\n### Key Changes:\\n1. **New Wide-Card Feature**: Added a 'Behavioral Baseline' visualizer below the existing two cards. This component simulates an AI analyzing a user's login times, file access volume, and sentiment to detect anomalies.\\n2. **Visuals**: Implemented a CSS-based 'deviation graph' using simple HTML elements and gradients to represent 'Normal Behavior' vs. 'Anomaly Detected'.\\n3. **Color Coding**: Introduced a **Cyan\/Blue** palette for 'Identity\/Behavior' to distinguish it from 'Threats' (Red) and 'System Health' (Lime), adding visual depth to the dashboard.\\n4. **Animation**: Added pulsing indicators and a simulated 'risk score' gauge that updates visually.\\n5. **Layout**: Adjusted the grid layout to accommodate the new full-width card (`col-span-full`) while maintaining responsiveness on mobile devices.\",\"timestamp\":1767567351694},{\"id\":\"1767567711278\",\"role\":\"user\",\"content\":\"surprise me with another menu feature and section for insider risk\",\"timestamp\":1767567711278,\"attachments\":[]},{\"id\":\"1767567897370\",\"role\":\"model\",\"content\":\"### Architecture Upgrade Summary\\n\\n1. **New 'System Status' Menu Feature**:\\n * **Concept**: Added a 'Mesh Status' widget to the navigation bar. This adds an immersive, 'dashboard' feel typical of high-end cybersecurity platforms.\\n * **Functionality**: It features a pulsing indicator (Green\/Yellow\/Red) and expands on hover to show simulated metrics (Latency, Threats Blocked, Active Agents). This answers the 'surprise me' request with a functional micro-interaction.\\n\\n2. **New 'Insider Threat Kill Chain' Section**:\\n * **Placement**: Inserted strategically after the Telemetry section and before the FAQ.\\n * **Design**: A 'Vertical Timeline' layout that visualizes the progression of an insider attack (Infiltration \u2192 Lateral Movement \u2192 Exfiltration).\\n * **Visuals**: Uses a step-by-step graphical representation connecting the attack stages with the specific Exepts defense mechanism that neutralizes it. It uses 'hard' borders and connecting lines to reinforce the engineering aesthetic.\\n\\n3. **Refinements**:\\n * **SEO**: Updated meta tags to reflect the focus on 'Insider Risk' and 'Autonomous Defense'.\\n * **Performance**: Maintained the lightweight architecture; all animations are CSS-driven for 60fps performance.\\n * **Polish**: Added hover states to the new timeline elements to encourage user interaction.\",\"timestamp\":1767567897369},{\"id\":\"1767568121701\",\"role\":\"user\",\"content\":\"remove mesh: secure, replace live map with another and add more benefits\",\"timestamp\":1767568121701,\"attachments\":[]},{\"id\":\"1767568290090\",\"role\":\"model\",\"content\":\"I have updated the Exepts architecture with the following critical changes:\\n\\n1. **Navigation Cleanup**: Removed the 'Mesh: Secure' status widget from the top navigation bar as requested, creating a cleaner, more focused header.\\n2. **New Telemetry 'Live Map'**: Completely replaced the previous dashboard cards in the `#telemetry` section with a new **'Global Threat Topology'** visualization. This uses a high-definition dark map background with CSS-driven pulsating beacons (representing nodes) and a real-time 'Feed' sidebar to simulate active threat hunting across different regions.\\n3. **Expanded Benefits**: Enhanced the benefits section by adding a **second row** to the marquee. This row moves in the opposite direction (reverse loop) and introduces new modern security keywords like 'eBPF Observability', 'Quantum Resistant', and 'API Shielding' to provide a richer density of value propositions.\\n4. **Visual Polish**: Maintained the 'Cosmic Horizon' aesthetic with deep lime accents (#84cc16), glassmorphism, and smooth scroll interactions throughout.\",\"timestamp\":1767568290089}],\"settings\":{\"effect\":\"cyber-grid\",\"font\":\"sans\",\"color\":\"lime\",\"nav\":\"floating\",\"radius\":\"md\",\"btnStyle\":\"outline\",\"textContrast\":\"hard-shadow\",\"layout\":\"cosmic-horizon\",\"heroVideoUrl\":\"\",\"seoTitle\":\"\",\"seoDescription\":\"\"},\"timestamp\":1767568368472}<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Exepts | Autonomous Insider Threat Defense E Exepts Platform Features Insider Risk Live Map Access Platform Features Insider Risk Live Map Access Agentic Defense: Active Autonomous Cyber Defense. Exepts uses Agentic AI to hunt, isolate, and neutralize threats before execution, 24\/7. We automate routine defense while critical actions require human validation. Deploy Agent Explore Mesh […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/exepts.com\/index.php?rest_route=\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/exepts.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/exepts.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/exepts.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/exepts.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=47"}],"version-history":[{"count":22,"href":"https:\/\/exepts.com\/index.php?rest_route=\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":71,"href":"https:\/\/exepts.com\/index.php?rest_route=\/wp\/v2\/pages\/47\/revisions\/71"}],"wp:attachment":[{"href":"https:\/\/exepts.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}