AVDX | AI-Native Productivity OS – Vision, Voice, and Logic<\/title>\n <meta name=\"description\" content=\"AVDX is an AI-Native Productivity OS engineered for ultimate execution. Experience autonomous computer control, direct server deployment, and cinematic media creation with ironclad European privacy (GDPR compliant).\">\n <meta name=\"keywords\" content=\"AVDX, AI OS, Productivity OS, Autonomous AI, Computer Control AI, Deploy to Host, Privacy AI, EU AI, Groningen, Vision Voice Logic, Ethical AI, AI Automation\">\n <meta name=\"robots\" content=\"index, follow\">\n <link rel=\"canonical\" href=\"https:\/\/avdx.nl\/\">\n\n \n <meta property=\"og:type\" content=\"website\">\n <meta property=\"og:title\" content=\"AVDX | AI-Native Productivity OS - Vision, Voice, and Logic\">\n <meta property=\"og:description\" content=\"AVDX is an AI-Native Productivity OS engineered for ultimate execution. Experience autonomous computer control, direct server deployment, and cinematic media creation with ironclad European privacy.\">\n <meta property=\"og:url\" content=\"https:\/\/avdx.nl\/\">\n <meta property=\"og:image\" content=\"https:\/\/avdx.nl\/wp-content\/uploads\/2026\/04\/AVDX_00006_.png\">\n <meta property=\"og:site_name\" content=\"AVDX\">\n\n \n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"twitter:title\" content=\"AVDX | AI-Native Productivity OS\">\n <meta name=\"twitter:description\" content=\"Experience autonomous computer control, direct server deployment, and cinematic media creation with ironclad European privacy.\">\n <meta name=\"twitter:image\" content=\"https:\/\/avdx.nl\/wp-content\/uploads\/2026\/04\/AVDX_00006_.png\">\n\n \n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;900&display=swap\">\n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\">\n \n <style>\n :root {\n --bg-color: #030303;\n --surface-color: #090a0d;\n --surface-light: #12141a;\n --surface-border: rgba(255, 255, 255, 0.05);\n --primary: #00f3ff;\n --secondary: #0066ff;\n --accent-glow: rgba(0, 243, 255, 0.08);\n --text-main: #ffffff;\n --text-muted: #8e96a0;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Inter', sans-serif;\n scroll-behavior: smooth;\n -webkit-tap-highlight-color: transparent;\n }\n\n html, body {\n background-color: var(--bg-color);\n color: var(--text-main);\n line-height: 1.6;\n width: 100%;\n overflow-x: hidden;\n }\n\n \/* --- Page Wrapper to completely kill horizontal scroll on iOS --- *\/\n .page-wrapper {\n position: relative;\n width: 100%;\n overflow: hidden;\n }\n\n \/* --- Ambient Glow Container (Safe Positioning) --- *\/\n .glow-bg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n overflow: hidden;\n pointer-events: none;\n z-index: -1;\n }\n\n .glow-1 {\n position: absolute;\n width: 600px;\n height: 600px;\n background: radial-gradient(circle, rgba(0, 243, 255, 0.04) 0%, transparent 70%);\n top: -150px;\n left: -200px;\n }\n\n .glow-2 {\n position: absolute;\n width: 800px;\n height: 800px;\n background: radial-gradient(circle, rgba(0, 102, 255, 0.02) 0%, transparent 70%);\n top: 30%;\n right: -300px;\n }\n\n \/* --- Navigation --- *\/\n nav {\n position: fixed;\n top: 0;\n width: 100%;\n background: rgba(3, 3, 3, 0.75);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border-bottom: 1px solid var(--surface-border);\n z-index: 1000;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px 5%;\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .logo {\n font-size: 1.6rem;\n font-weight: 900;\n letter-spacing: -1.5px;\n color: var(--text-main);\n text-decoration: none;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .logo-dot {\n width: 8px;\n height: 8px;\n background: var(--primary);\n border-radius: 50%;\n box-shadow: 0 0 15px var(--primary);\n animation: pulse-glow 2s infinite alternate;\n }\n\n .nav-links {\n display: flex;\n gap: 32px;\n align-items: center;\n }\n\n .nav-links a {\n color: var(--text-muted);\n text-decoration: none;\n font-size: 0.85rem;\n font-weight: 500;\n letter-spacing: -0.2px;\n transition: color 0.3s ease;\n }\n\n .nav-links a:hover, .nav-links a.active {\n color: var(--text-main);\n }\n\n .btn-launch {\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n color: #000 !important;\n padding: 10px 24px;\n border-radius: 100px;\n text-decoration: none;\n font-weight: 700;\n font-size: 0.85rem;\n box-shadow: 0 4px 20px rgba(0, 243, 255, 0.15);\n transition: transform 0.2s, box-shadow 0.2s;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .btn-launch:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 25px rgba(0, 243, 255, 0.35);\n }\n\n .mobile-menu-btn {\n display: none;\n color: var(--text-main);\n cursor: pointer;\n z-index: 1001;\n }\n\n \/* --- Hero Section --- *\/\n .hero {\n padding: 180px 5% 80px; \n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 80px;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .hero-content {\n flex: 1.1;\n max-width: 650px;\n text-align: left;\n }\n\n .status-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(0, 243, 255, 0.05);\n border: 1px solid rgba(0, 243, 255, 0.15);\n padding: 6px 14px;\n border-radius: 100px;\n font-size: 0.8rem;\n font-weight: 600;\n color: var(--primary);\n margin-bottom: 24px;\n letter-spacing: -0.1px;\n }\n\n .status-dot {\n width: 6px;\n height: 6px;\n background: var(--primary);\n border-radius: 50%;\n box-shadow: 0 0 8px var(--primary);\n animation: status-pulse 1.5s infinite;\n }\n\n .hero-content h1 {\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 900;\n letter-spacing: -2px;\n line-height: 1.1;\n margin-bottom: 24px;\n word-break: keep-all;\n }\n\n .text-gradient {\n background: linear-gradient(135deg, #ffffff 40%, var(--primary) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .hero-content p {\n font-size: 1.15rem;\n color: var(--text-muted);\n margin-bottom: 40px;\n line-height: 1.7;\n letter-spacing: -0.2px;\n }\n\n .hero-ctas {\n display: flex;\n gap: 16px;\n align-items: center;\n }\n\n .hero-image-container {\n flex: 0.9;\n display: flex;\n justify-content: flex-end;\n position: relative;\n }\n\n .hero-image-wrapper {\n position: relative;\n width: 100%;\n max-width: 580px;\n border-radius: 24px;\n overflow: hidden;\n border: 1px solid rgba(255, 255, 255, 0.06);\n box-shadow: 0 30px 70px rgba(0, 0, 0, 0.8);\n animation: float 6s ease-in-out infinite;\n }\n\n .hero-image-wrapper img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n \/* --- Bento Grid Capabilities --- *\/\n .capabilities {\n padding: 100px 5%;\n max-width: 1300px;\n margin: 0 auto;\n }\n\n .bento-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n margin-top: 60px;\n }\n\n .bento-card {\n background: var(--surface-color);\n border: 1px solid var(--surface-border);\n border-radius: 28px;\n padding: 40px;\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .bento-card:hover {\n transform: translateY(-5px);\n border-color: rgba(0, 243, 255, 0.2);\n background: var(--surface-light);\n box-shadow: 0 20px 40px rgba(0, 243, 255, 0.02);\n }\n\n .bento-card.col-span-2 {\n grid-column: span 2;\n }\n\n .bento-card-header {\n margin-bottom: 24px;\n }\n\n .bento-icon {\n width: 48px;\n height: 48px;\n border-radius: 14px;\n background: rgba(0, 243, 255, 0.05);\n color: var(--primary);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 24px;\n border: 1px solid rgba(0, 243, 255, 0.1);\n }\n\n .bento-icon .material-symbols-outlined {\n font-size: 1.6rem;\n }\n\n .bento-card h3 {\n font-size: 1.35rem;\n font-weight: 700;\n letter-spacing: -0.5px;\n margin-bottom: 12px;\n }\n\n .bento-card p {\n color: var(--text-muted);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Visual Mockups inside Bento Cards *\/\n .mockup-area {\n background: rgba(0, 0, 0, 0.4);\n border: 1px solid rgba(255, 255, 255, 0.03);\n border-radius: 16px;\n padding: 20px;\n margin-top: 24px;\n font-size: 0.8rem;\n position: relative;\n overflow: hidden;\n }\n\n \/* Computer Control Mockup *\/\n .mock-browser-bar {\n display: flex;\n align-items: center;\n gap: 6px;\n margin-bottom: 16px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.03);\n padding-bottom: 10px;\n }\n .mock-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: rgba(255,255,255,0.2);\n }\n .mock-cursor {\n display: inline-block;\n width: 8px;\n height: 15px;\n background: var(--primary);\n animation: cursor-blink 1s infinite;\n vertical-align: middle;\n }\n\n \/* Deploy Mockup *\/\n .mock-deploy-line {\n display: flex;\n justify-content: space-between;\n color: #4cd964;\n margin-bottom: 6px;\n font-family: monospace;\n }\n\n \/* Audio Wave Mockup *\/\n .audio-wave {\n display: flex;\n align-items: center;\n gap: 4px;\n height: 30px;\n margin-top: 15px;\n }\n .wave-bar {\n width: 3px;\n height: 100%;\n background: var(--primary);\n border-radius: 10px;\n animation: wave-rise 1.2s ease-in-out infinite alternate;\n }\n .wave-bar:nth-child(2) { animation-delay: 0.2s; }\n .wave-bar:nth-child(3) { animation-delay: 0.4s; }\n .wave-bar:nth-child(4) { animation-delay: 0.1s; }\n .wave-bar:nth-child(5) { animation-delay: 0.5s; }\n\n \/* --- Comparison Section --- *\/\n .comparison {\n background: #010101;\n padding: 100px 5%;\n border-top: 1px solid var(--surface-border);\n border-bottom: 1px solid var(--surface-border);\n }\n\n .comp-container {\n max-width: 1100px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n }\n\n .comp-col {\n background: var(--surface-color);\n padding: 48px;\n border-radius: 32px;\n border: 1px solid var(--surface-border);\n transition: all 0.3s;\n }\n\n .comp-col.avdx-col {\n border: 1px solid var(--primary);\n box-shadow: 0 15px 50px rgba(0, 243, 255, 0.04);\n background: linear-gradient(180deg, var(--surface-light) 0%, var(--surface-color) 100%);\n }\n\n .comp-col h3 {\n font-size: 1.6rem;\n margin-bottom: 30px;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 800;\n letter-spacing: -0.5px;\n }\n\n .avdx-col h3 {\n color: var(--primary);\n }\n\n .comp-list {\n list-style: none;\n }\n\n .comp-list li {\n margin-bottom: 20px;\n display: flex;\n align-items: flex-start;\n gap: 14px;\n font-size: 1rem;\n color: var(--text-muted);\n line-height: 1.5;\n }\n\n .avdx-col .comp-list li {\n color: var(--text-main);\n }\n\n .comp-list .material-symbols-outlined {\n font-size: 1.3rem;\n flex-shrink: 0;\n margin-top: 2px;\n }\n\n .bad-icon { color: #ff3b30; }\n .good-icon { color: var(--primary); }\n\n \/* --- Trust & Privacy --- *\/\n .trust-section {\n padding: 100px 5%;\n max-width: 1100px;\n margin: 0 auto;\n text-align: center;\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n margin-top: 60px;\n }\n\n .stat-box {\n padding: 50px 30px;\n background: var(--surface-color);\n border-radius: 28px;\n border: 1px solid var(--surface-border);\n transition: all 0.3s;\n }\n\n .stat-box:hover {\n border-color: rgba(0, 243, 255, 0.15);\n background: var(--surface-light);\n }\n\n .stat-num {\n font-size: 3.5rem;\n font-weight: 900;\n color: var(--primary);\n margin-bottom: 12px;\n line-height: 1;\n letter-spacing: -1px;\n text-shadow: 0 0 25px rgba(0, 243, 255, 0.15);\n }\n\n .stat-label {\n font-size: 0.9rem;\n color: var(--text-muted);\n font-weight: 600;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n\n \/* --- Footer --- *\/\n footer {\n background: var(--surface-color);\n border-top: 1px solid var(--surface-border);\n padding: 60px 5%;\n text-align: center;\n color: var(--text-muted);\n font-size: 0.85rem;\n }\n\n .footer-container {\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .footer-links {\n display: flex;\n justify-content: center;\n gap: 24px;\n margin-bottom: 24px;\n flex-wrap: wrap;\n }\n\n .footer-links a {\n color: var(--text-muted);\n text-decoration: none;\n transition: color 0.2s;\n font-weight: 500;\n }\n\n .footer-links a:hover {\n color: var(--text-main);\n }\n\n .footer-credit {\n margin-top: 16px;\n font-size: 0.8rem;\n color: var(--text-muted);\n letter-spacing: 0.2px;\n }\n\n \/* --- Keyframes Animations --- *\/\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n\n @keyframes pulse-glow {\n 0% { box-shadow: 0 0 10px rgba(0, 243, 255, 0.5); }\n 100% { box-shadow: 0 0 20px rgba(0, 243, 255, 0.9); }\n }\n\n @keyframes status-pulse {\n 0% { transform: scale(1); opacity: 1; }\n 100% { transform: scale(1.6); opacity: 0; }\n }\n\n @keyframes cursor-blink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0; }\n }\n\n @keyframes wave-rise {\n 0% { height: 10%; }\n 100% { height: 100%; }\n }\n\n \/* --- Responsive Styles (Perfect Mobile Overhaul) --- *\/\n @media (max-width: 1100px) {\n .bento-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n .bento-card.col-span-2 {\n grid-column: span 2;\n }\n }\n\n @media (max-width: 992px) {\n .hero {\n flex-direction: column;\n text-align: center;\n gap: 40px;\n padding-top: 130px;\n padding-bottom: 50px;\n }\n .hero-content {\n text-align: center;\n max-width: 100%;\n }\n .hero-ctas {\n justify-content: center;\n }\n .hero-image-container {\n justify-content: center;\n width: 100%;\n }\n }\n\n @media (max-width: 768px) {\n \/* Navbar on Mobile *\/\n nav {\n padding: 14px 20px;\n }\n \n .mobile-menu-btn {\n display: block;\n }\n\n .nav-links {\n display: none;\n flex-direction: column;\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n background: rgba(9, 10, 13, 0.98);\n backdrop-filter: blur(25px);\n -webkit-backdrop-filter: blur(25px);\n padding: 24px 20px;\n border-bottom: 1px solid var(--surface-border);\n box-shadow: 0 15px 40px rgba(0,0,0,0.9);\n gap: 20px;\n }\n\n .nav-links.active {\n display: flex;\n }\n\n .nav-links a {\n font-size: 0.95rem;\n width: 100%;\n text-align: center;\n padding: 8px 0;\n }\n\n .btn-launch {\n width: 100%;\n text-align: center;\n padding: 12px;\n }\n\n \/* Hero adjustments on Mobile *\/\n .hero {\n padding-top: 110px;\n padding-bottom: 40px;\n padding-left: 20px;\n padding-right: 20px;\n gap: 30px;\n }\n\n .hero-content h1 {\n font-size: 2.2rem;\n line-height: 1.2;\n margin-bottom: 16px;\n }\n\n .hero-content p {\n font-size: 1rem;\n margin-bottom: 24px;\n line-height: 1.6;\n }\n\n \/* Bento Grid on Mobile (Perfect Spacing) *\/\n .capabilities {\n padding: 60px 20px;\n }\n\n .section-header {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-size: 2rem;\n letter-spacing: -0.8px;\n }\n\n .section-subtitle {\n font-size: 1rem;\n line-height: 1.5;\n }\n\n .bento-grid {\n grid-template-columns: 1fr;\n gap: 16px;\n margin-top: 30px;\n }\n\n .bento-card {\n grid-column: span 1 !important;\n padding: 28px 20px;\n border-radius: 20px;\n }\n\n .bento-card h3 {\n font-size: 1.2rem;\n }\n\n .bento-card p {\n font-size: 0.9rem;\n line-height: 1.5;\n }\n\n \/* Mockup Areas on Mobile (No overflow, beautiful wrapping) *\/\n .mockup-area {\n padding: 14px;\n margin-top: 20px;\n font-size: 0.72rem;\n border-radius: 12px;\n }\n\n \/* Comparison Section on Mobile *\/\n .comparison {\n padding: 60px 20px;\n }\n\n .comp-container {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n\n .comp-col {\n padding: 30px 20px;\n border-radius: 20px;\n }\n\n .comp-col h3 {\n font-size: 1.3rem;\n margin-bottom: 20px;\n }\n\n .comp-list li {\n font-size: 0.9rem;\n margin-bottom: 14px;\n gap: 10px;\n }\n\n \/* Trust & Privacy on Mobile *\/\n .trust-section {\n padding: 60px 20px;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n gap: 16px;\n margin-top: 40px;\n }\n\n .stat-box {\n padding: 30px 20px;\n border-radius: 20px;\n }\n\n .stat-num {\n font-size: 2.8rem;\n margin-bottom: 8px;\n }\n\n .stat-label {\n font-size: 0.8rem;\n }\n\n \/* Footer on Mobile (Clean Grid \/ Vertical Stack) *\/\n footer {\n padding: 40px 20px;\n }\n\n .footer-links {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n margin-bottom: 24px;\n text-align: center;\n }\n\n .footer-links a {\n font-size: 0.85rem;\n padding: 4px 0;\n }\n\n .footer-credit {\n margin-top: 24px;\n font-size: 0.75rem;\n line-height: 1.5;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"page-wrapper\">\n \n \n <div class=\"glow-bg\">\n <div class=\"glow-1\"><\/div>\n <div class=\"glow-2\"><\/div>\n <\/div>\n\n <nav id=\"navbar\">\n <a href=\"https:\/\/avdx.nl\/\" class=\"logo\">\n <div class=\"logo-dot\"><\/div> AVDX\n <\/a>\n \n <div class=\"mobile-menu-btn\" id=\"mobile-menu-btn\">\n <span class=\"material-symbols-outlined\">menu<\/span>\n <\/div>\n\n <div class=\"nav-links\" id=\"nav-links\">\n <a href=\"https:\/\/avdx.nl\/?page_id=210\" class=\"active\">Discover AVDX<\/a>\n <a href=\"https:\/\/avdx.nl\/?page_id=115\">Terms & Privacy<\/a>\n <a href=\"https:\/\/avdx.nl\/?page_id=158\">Policy (EU)<\/a>\n <a href=\"https:\/\/avdx.nl\/?page_id=159\">Imprint<\/a>\n <a href=\"https:\/\/avdx.nl\/\" class=\"btn-launch\">Talk to AVDX<\/a>\n <\/div>\n <\/nav>\n\n <section class=\"hero\">\n <div class=\"hero-content\">\n <div class=\"status-badge\">\n <div class=\"status-dot\"><\/div>\n AVDX OS v2.4 Live\n <\/div>\n <h1><span class=\"text-gradient\">Vision, Voice, and Logic.<\/span> Engineered to Execute.<\/h1>\n <p>AVDX is an AI-Native Productivity OS crafted for ultimate intelligence. From autonomous computer control to direct host deployment, experience absolute execution with ironclad European privacy.<\/p>\n <div class=\"hero-ctas\">\n <a href=\"https:\/\/avdx.nl\/\" class=\"btn-launch\" style=\"padding: 14px 34px; font-size: 0.95rem;\">Talk to AVDX<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-image-container\">\n <div class=\"hero-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/avdx.nl\/wp-content\/uploads\/2026\/04\/AVDX_00006_.png\" alt=\"AVDX Future Interface\" onerror=\"this.style.display='none';\">\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"capabilities\">\n <div class=\"section-header\">\n <h2 class=\"section-title text-gradient\">The Bento Grid of Power<\/h2>\n <p class=\"section-subtitle\">A cohesive ecosystem engineered to replace fragmented AI tools with native, seamless execution.<\/p>\n <\/div>\n \n <div class=\"bento-grid\">\n \n <div class=\"bento-card col-span-2\">\n <div class=\"bento-card-header\">\n <div class=\"bento-icon\"><span class=\"material-symbols-outlined\">desktop_windows<\/span><\/div>\n <h3>Autonomous OS Takeover (80\/20 Security Split)<\/h3>\n <p>Delegate the tedious 80% of any workflow. AVDX visually maps your screen, opens local apps, types, and prepares drafts. For absolute safety, the final 20%\u2014clicking <strong>Send<\/strong>, <strong>Buy<\/strong>, or <strong>Submit<\/strong>\u2014is strictly left to you. You review, you approve, you execute.<\/p>\n <\/div>\n <div class=\"mockup-area\">\n <div class=\"mock-browser-bar\">\n <div class=\"mock-dot\" style=\"background:#ff5f56\"><\/div>\n <div class=\"mock-dot\" style=\"background:#ffbd2e\"><\/div>\n <div class=\"mock-dot\" style=\"background:#27c93f\"><\/div>\n <span style=\"color: #8e96a0; font-size: 0.72rem; margin-left: 12px; font-family: monospace;\">AVDX Vision Agent Active<\/span>\n <\/div>\n <div style=\"display: flex; flex-direction: column; gap: 10px; font-family: monospace; line-height: 1.4;\">\n <div style=\"display: flex; align-items: flex-start; gap: 8px; color: var(--primary);\">\n <span class=\"material-symbols-outlined\" style=\"font-size: 1rem; margin-top: 2px;\">visibility<\/span>\n <span>Vision Engine: Analyzing screen layout (1920×1080) [OK]<\/span>\n <\/div>\n <div style=\"display: flex; align-items: flex-start; gap: 8px; color: #4cd964;\">\n <span class=\"material-symbols-outlined\" style=\"font-size: 1rem; margin-top: 2px;\">keyboard<\/span>\n <span>Executing Shortcut: [Win + R] \u2192 Opening Google Chrome<\/span>\n <\/div>\n <div style=\"display: flex; align-items: flex-start; gap: 8px; color: #8e96a0;\">\n <span class=\"material-symbols-outlined\" style=\"font-size: 1rem; margin-top: 2px;\">ads_click<\/span>\n <span>Moving Cursor to (X: 480, Y: 220) \u2192 Clicking Gmail [Compose]<\/span>\n <\/div>\n <div style=\"display: flex; align-items: flex-start; gap: 8px; color: var(--primary);\">\n <span class=\"material-symbols-outlined\" style=\"font-size: 1rem; margin-top: 2px;\">edit_note<\/span>\n <span>Writing response draft… [Done 80% of Task]<\/span>\n <\/div>\n <div style=\"display: flex; align-items: flex-start; gap: 8px; color: #ffbd2e; border-top: 1px solid rgba(255,255,255,0.08); padding-top: 10px; margin-top: 4px; font-weight: bold; animation: pulse-glow 1.5s infinite alternate;\">\n <span class=\"material-symbols-outlined\" style=\"font-size: 1.1rem; margin-top: 2px;\">gavel<\/span>\n <span>[AWAITING USER APPROVAL] Please review the draft and click [Send] to confirm.<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bento-card\">\n <div class=\"bento-card-header\">\n <div class=\"bento-icon\"><span class=\"material-symbols-outlined\">cloud_upload<\/span><\/div>\n <h3>Deploy to Host<\/h3>\n <p>Write complete production-ready code with advanced SQL databases and securely push the entire project directly to your live hosting server with a single command.<\/p>\n <\/div>\n <div class=\"mockup-area\">\n <div class=\"mock-deploy-line\"><span>[1\/3] Compiling PHP…<\/span><span>100%<\/span><\/div>\n <div class=\"mock-deploy-line\"><span>[2\/3] Building DB Schema…<\/span><span>100%<\/span><\/div>\n <div class=\"mock-deploy-line\" style=\"color: var(--primary);\"><span>[3\/3] Pushing to server…<\/span><span>ACTIVE<\/span><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bento-card\">\n <div class=\"bento-card-header\">\n <div class=\"bento-icon\"><span class=\"material-symbols-outlined\">videocam<\/span><\/div>\n <h3>Live Vision Mode<\/h3>\n <p>Connect AVDX directly to your live camera feed. Scan physical documents, analyze the real-world environment, and interact dynamically in real-time.<\/p>\n <\/div>\n <div style=\"display:flex; justify-content:center; align-items:center; height:60px; margin-top:20px; border: 1px dashed rgba(0, 243, 255, 0.2); border-radius:12px;\">\n <span style=\"font-size:0.8rem; color:var(--primary); font-weight:600; letter-spacing:1px; animation: pulse-glow 1.5s infinite alternate; padding: 4px 10px; border-radius:4px;\">CAMERA_STREAM_CONNECTED<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"bento-card col-span-2\">\n <div class=\"bento-card-header\">\n <div class=\"bento-icon\"><span class=\"material-symbols-outlined\">movie_creation<\/span><\/div>\n <h3>Cinematic Media Studio<\/h3>\n <p>Generate high-fidelity cinematic videos from static text prompts or images. Blend, edit, and orchestrate rich visual layouts inside an integrated AI-Native creative studio.<\/p>\n <\/div>\n <div class=\"mockup-area\" style=\"display:flex; flex-direction:column; gap:10px;\">\n <div style=\"display:flex; justify-content:space-between; color:#8e96a0; font-family: monospace;\"><span>Timeline Track 1 (Cinematic Render)<\/span><span>00:04s<\/span><\/div>\n <div style=\"height:6px; background:linear-gradient(90deg, var(--secondary) 0%, var(--primary) 70%, rgba(0,0,0,0) 100%); border-radius:3px;\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bento-card\">\n <div class=\"bento-card-header\">\n <div class=\"bento-icon\"><span class=\"material-symbols-outlined\">terminal<\/span><\/div>\n <h3>Full-Stack UI Artifacts<\/h3>\n <p>Generate clean interactive UI\/UX, complex dashboards, presentations, and modern CVs with fully native export capabilities built directly into the workspace.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bento-card\">\n <div class=\"bento-card-header\">\n <div class=\"bento-icon\"><span class=\"material-symbols-outlined\">record_voice_over<\/span><\/div>\n <h3>Natural Voice Engine<\/h3>\n <p>Convert text to rich regional voices with hyper-realistic pronunciation, delivering seamless vocal interaction without robotic latency.<\/p>\n <\/div>\n <div class=\"audio-wave\">\n <div class=\"wave-bar\"><\/div>\n <div class=\"wave-bar\"><\/div>\n <div class=\"wave-bar\"><\/div>\n <div class=\"wave-bar\"><\/div>\n <div class=\"wave-bar\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"comparison\">\n <div class=\"section-header\">\n <h2 class=\"section-title text-gradient\">AVDX vs. Standard Chatbots<\/h2>\n <p class=\"section-subtitle\">Why builders, creators, and engineers choose an AI-Native OS over basic text boxes.<\/p>\n <\/div>\n <div class=\"comp-container\">\n <div class=\"comp-col\">\n <h3><span class=\"material-symbols-outlined bad-icon\">chat_bubble_outline<\/span> Standard Chatbots<\/h3>\n <ul class=\"comp-list\">\n <li><span class=\"material-symbols-outlined bad-icon\">close<\/span> Confined to text outputs; zero ability to control screens.<\/li>\n <li><span class=\"material-symbols-outlined bad-icon\">close<\/span> Fragmented tools requiring multiple paid software integrations.<\/li>\n <li><span class=\"material-symbols-outlined bad-icon\">close<\/span> No deployment path\u2014you must host and upload code manually.<\/li>\n <li><span class=\"material-symbols-outlined bad-icon\">close<\/span> Exploit user data to train commercial corporate models.<\/li>\n <\/ul>\n <\/div>\n <div class=\"comp-col avdx-col\">\n <h3><span class=\"material-symbols-outlined good-icon\">terminal<\/span> AVDX OS<\/h3>\n <ul class=\"comp-list\">\n <li><span class=\"material-symbols-outlined good-icon\">check<\/span> Full computer control to automate browser actions & apps.<\/li>\n <li><span class=\"material-symbols-outlined good-icon\">check<\/span> Integrated Vision, Voice, Video, and Logic in one space.<\/li>\n <li><span class=\"material-symbols-outlined good-icon\">check<\/span> Direct Server Deployment to push live code directly to your domain.<\/li>\n <li><span class=\"material-symbols-outlined good-icon\">check<\/span> Strict European data privacy; 0% data sold or trained on.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"trust-section\">\n <h2 class=\"section-title text-gradient\">Engineered with Integrity<\/h2>\n <p class=\"section-subtitle\" style=\"max-width: 700px; margin: 0 auto;\">AVDX is forged in Groningen, Netherlands, under strict European privacy frameworks. We protect your sovereignty while delivering absolute technical dominance.<\/p>\n \n <div class=\"stats-grid\">\n <div class=\"stat-box\">\n <div class=\"stat-num\">0%<\/div>\n <div class=\"stat-label\">Data Sold or Shared<\/div>\n <\/div>\n <div class=\"stat-box\">\n <div class=\"stat-num\">AES-256<\/div>\n <div class=\"stat-label\">End-to-End Encryption<\/div>\n <\/div>\n <div class=\"stat-box\">\n <div class=\"stat-num\">100%<\/div>\n <div class=\"stat-label\">EU Data Sovereignty<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <footer>\n <div class=\"footer-container\">\n <div class=\"footer-links\">\n <a href=\"https:\/\/avdx.nl\/\">AVDX App<\/a>\n <a href=\"https:\/\/avdx.nl\/?page_id=115\">Terms & Privacy Policy<\/a>\n <a href=\"https:\/\/avdx.nl\/?page_id=158\">Policy (EU)<\/a>\n <a href=\"https:\/\/avdx.nl\/?page_id=159\">Imprint<\/a>\n <\/div>\n <p class=\"footer-credit\">\u00a9 2026 AVDX. Engineered in Groningen, Netherlands. All rights reserved.<\/p>\n <\/div>\n <\/footer>\n\n <\/div>\n\n <script>\n \/\/ Navbar Scroll Effect\n window.addEventListener('scroll', () => {\n const nav = document.getElementById('navbar');\n if (window.scrollY > 50) {\n nav.style.background = 'rgba(3, 3, 3, 0.95)';\n nav.style.boxShadow = '0 4px 30px rgba(0, 0, 0, 0.7)';\n nav.style.padding = '12px 5%';\n } else {\n nav.style.background = 'rgba(3, 3, 3, 0.75)';\n nav.style.boxShadow = 'none';\n nav.style.padding = '16px 5%';\n }\n });\n\n \/\/ Mobile Menu Toggle\n const mobileBtn = document.getElementById('mobile-menu-btn');\n const navLinks = document.getElementById('nav-links');\n const iconSpan = mobileBtn.querySelector('span');\n\n mobileBtn.addEventListener('click', () => {\n navLinks.classList.toggle('active');\n if (navLinks.classList.contains('active')) {\n iconSpan.textContent = 'close';\n } else {\n iconSpan.textContent = 'menu';\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>AVDX | AI-Native Productivity OS – Vision, Voice, and Logic AVDX menu Discover AVDX Terms & Privacy Policy (EU) Imprint […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-210","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/avdx.nl\/index.php?rest_route=\/wp\/v2\/pages\/210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/avdx.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/avdx.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/avdx.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/avdx.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=210"}],"version-history":[{"count":16,"href":"https:\/\/avdx.nl\/index.php?rest_route=\/wp\/v2\/pages\/210\/revisions"}],"predecessor-version":[{"id":348,"href":"https:\/\/avdx.nl\/index.php?rest_route=\/wp\/v2\/pages\/210\/revisions\/348"}],"wp:attachment":[{"href":"https:\/\/avdx.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":210,"date":"2026-04-21T08:34:34","date_gmt":"2026-04-21T08:34:34","guid":{"rendered":"https:\/\/avdx.nl\/?page_id=210"},"modified":"2026-06-30T00:42:21","modified_gmt":"2026-06-30T00:42:21","slug":"avdx-2","status":"publish","type":"page","link":"https:\/\/avdx.nl\/?page_id=210","title":{"rendered":"AVDX"},"content":{"rendered":"\n\n\n\n \n \n \n \n AVDX | AI-Native Productivity OS – Vision, Voice, and Logic<\/title>\n <meta name=\"description\" content=\"AVDX is an AI-Native Productivity OS engineered for ultimate execution. Experience autonomous computer control, direct server deployment, and cinematic media creation with ironclad European privacy (GDPR compliant).\">\n <meta name=\"keywords\" content=\"AVDX, AI OS, Productivity OS, Autonomous AI, Computer Control AI, Deploy to Host, Privacy AI, EU AI, Groningen, Vision Voice Logic, Ethical AI, AI Automation\">\n <meta name=\"robots\" content=\"index, follow\">\n <link rel=\"canonical\" href=\"https:\/\/avdx.nl\/\">\n\n \n <meta property=\"og:type\" content=\"website\">\n <meta property=\"og:title\" content=\"AVDX | AI-Native Productivity OS - Vision, Voice, and Logic\">\n <meta property=\"og:description\" content=\"AVDX is an AI-Native Productivity OS engineered for ultimate execution. Experience autonomous computer control, direct server deployment, and cinematic media creation with ironclad European privacy.\">\n <meta property=\"og:url\" content=\"https:\/\/avdx.nl\/\">\n <meta property=\"og:image\" content=\"https:\/\/avdx.nl\/wp-content\/uploads\/2026\/04\/AVDX_00006_.png\">\n <meta property=\"og:site_name\" content=\"AVDX\">\n\n \n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"twitter:title\" content=\"AVDX | AI-Native Productivity OS\">\n <meta name=\"twitter:description\" content=\"Experience autonomous computer control, direct server deployment, and cinematic media creation with ironclad European privacy.\">\n <meta name=\"twitter:image\" content=\"https:\/\/avdx.nl\/wp-content\/uploads\/2026\/04\/AVDX_00006_.png\">\n\n \n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;900&display=swap\">\n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\">\n \n <style>\n :root {\n --bg-color: #030303;\n --surface-color: #090a0d;\n --surface-light: #12141a;\n --surface-border: rgba(255, 255, 255, 0.05);\n --primary: #00f3ff;\n --secondary: #0066ff;\n --accent-glow: rgba(0, 243, 255, 0.08);\n --text-main: #ffffff;\n --text-muted: #8e96a0;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Inter', sans-serif;\n scroll-behavior: smooth;\n -webkit-tap-highlight-color: transparent;\n }\n\n html, body {\n background-color: var(--bg-color);\n color: var(--text-main);\n line-height: 1.6;\n width: 100%;\n overflow-x: hidden;\n }\n\n \/* --- Page Wrapper to completely kill horizontal scroll on iOS --- *\/\n .page-wrapper {\n position: relative;\n width: 100%;\n overflow: hidden;\n }\n\n \/* --- Ambient Glow Container (Safe Positioning) --- *\/\n .glow-bg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n overflow: hidden;\n pointer-events: none;\n z-index: -1;\n }\n\n .glow-1 {\n position: absolute;\n width: 600px;\n height: 600px;\n background: radial-gradient(circle, rgba(0, 243, 255, 0.04) 0%, transparent 70%);\n top: -150px;\n left: -200px;\n }\n\n .glow-2 {\n position: absolute;\n width: 800px;\n height: 800px;\n background: radial-gradient(circle, rgba(0, 102, 255, 0.02) 0%, transparent 70%);\n top: 30%;\n right: -300px;\n }\n\n \/* --- Navigation --- *\/\n nav {\n position: fixed;\n top: 0;\n width: 100%;\n background: rgba(3, 3, 3, 0.75);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border-bottom: 1px solid var(--surface-border);\n z-index: 1000;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px 5%;\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .logo {\n font-size: 1.6rem;\n font-weight: 900;\n letter-spacing: -1.5px;\n color: var(--text-main);\n text-decoration: none;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .logo-dot {\n width: 8px;\n height: 8px;\n background: var(--primary);\n border-radius: 50%;\n box-shadow: 0 0 15px var(--primary);\n animation: pulse-glow 2s infinite alternate;\n }\n\n .nav-links {\n display: flex;\n gap: 32px;\n align-items: center;\n }\n\n .nav-links a {\n color: var(--text-muted);\n text-decoration: none;\n font-size: 0.85rem;\n font-weight: 500;\n letter-spacing: -0.2px;\n transition: color 0.3s ease;\n }\n\n .nav-links a:hover, .nav-links a.active {\n color: var(--text-main);\n }\n\n .btn-launch {\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n color: #000 !important;\n padding: 10px 24px;\n border-radius: 100px;\n text-decoration: none;\n font-weight: 700;\n font-size: 0.85rem;\n box-shadow: 0 4px 20px rgba(0, 243, 255, 0.15);\n transition: transform 0.2s, box-shadow 0.2s;\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .btn-launch:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 25px rgba(0, 243, 255, 0.35);\n }\n\n .mobile-menu-btn {\n display: none;\n color: var(--text-main);\n cursor: pointer;\n z-index: 1001;\n }\n\n \/* --- Hero Section --- *\/\n .hero {\n padding: 180px 5% 80px; \n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 80px;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .hero-content {\n flex: 1.1;\n max-width: 650px;\n text-align: left;\n }\n\n .status-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(0, 243, 255, 0.05);\n border: 1px solid rgba(0, 243, 255, 0.15);\n padding: 6px 14px;\n border-radius: 100px;\n font-size: 0.8rem;\n font-weight: 600;\n color: var(--primary);\n margin-bottom: 24px;\n letter-spacing: -0.1px;\n }\n\n .status-dot {\n width: 6px;\n height: 6px;\n background: var(--primary);\n border-radius: 50%;\n box-shadow: 0 0 8px var(--primary);\n animation: status-pulse 1.5s infinite;\n }\n\n .hero-content h1 {\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 900;\n letter-spacing: -2px;\n line-height: 1.1;\n margin-bottom: 24px;\n word-break: keep-all;\n }\n\n .text-gradient {\n background: linear-gradient(135deg, #ffffff 40%, var(--primary) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .hero-content p {\n font-size: 1.15rem;\n color: var(--text-muted);\n margin-bottom: 40px;\n line-height: 1.7;\n letter-spacing: -0.2px;\n }\n\n .hero-ctas {\n display: flex;\n gap: 16px;\n align-items: center;\n }\n\n .hero-image-container {\n flex: 0.9;\n display: flex;\n justify-content: flex-end;\n position: relative;\n }\n\n .hero-image-wrapper {\n position: relative;\n width: 100%;\n max-width: 580px;\n border-radius: 24px;\n overflow: hidden;\n border: 1px solid rgba(255, 255, 255, 0.06);\n box-shadow: 0 30px 70px rgba(0, 0, 0, 0.8);\n animation: float 6s ease-in-out infinite;\n }\n\n .hero-image-wrapper img {\n width: 100%;\n height: auto;\n display: block;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n \/* --- Bento Grid Capabilities --- *\/\n .capabilities {\n padding: 100px 5%;\n max-width: 1300px;\n margin: 0 auto;\n }\n\n .bento-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n margin-top: 60px;\n }\n\n .bento-card {\n background: var(--surface-color);\n border: 1px solid var(--surface-border);\n border-radius: 28px;\n padding: 40px;\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .bento-card:hover {\n transform: translateY(-5px);\n border-color: rgba(0, 243, 255, 0.2);\n background: var(--surface-light);\n box-shadow: 0 20px 40px rgba(0, 243, 255, 0.02);\n }\n\n .bento-card.col-span-2 {\n grid-column: span 2;\n }\n\n .bento-card-header {\n margin-bottom: 24px;\n }\n\n .bento-icon {\n width: 48px;\n height: 48px;\n border-radius: 14px;\n background: rgba(0, 243, 255, 0.05);\n color: var(--primary);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 24px;\n border: 1px solid rgba(0, 243, 255, 0.1);\n }\n\n .bento-icon .material-symbols-outlined {\n font-size: 1.6rem;\n }\n\n .bento-card h3 {\n font-size: 1.35rem;\n font-weight: 700;\n letter-spacing: -0.5px;\n margin-bottom: 12px;\n }\n\n .bento-card p {\n color: var(--text-muted);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n\n \/* Visual Mockups inside Bento Cards *\/\n .mockup-area {\n background: rgba(0, 0, 0, 0.4);\n border: 1px solid rgba(255, 255, 255, 0.03);\n border-radius: 16px;\n padding: 20px;\n margin-top: 24px;\n font-size: 0.8rem;\n position: relative;\n overflow: hidden;\n }\n\n \/* Computer Control Mockup *\/\n .mock-browser-bar {\n display: flex;\n align-items: center;\n gap: 6px;\n margin-bottom: 16px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.03);\n padding-bottom: 10px;\n }\n .mock-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: rgba(255,255,255,0.2);\n }\n .mock-cursor {\n display: inline-block;\n width: 8px;\n height: 15px;\n background: var(--primary);\n animation: cursor-blink 1s infinite;\n vertical-align: middle;\n }\n\n \/* Deploy Mockup *\/\n .mock-deploy-line {\n display: flex;\n justify-content: space-between;\n color: #4cd964;\n margin-bottom: 6px;\n font-family: monospace;\n }\n\n \/* Audio Wave Mockup *\/\n .audio-wave {\n display: flex;\n align-items: center;\n gap: 4px;\n height: 30px;\n margin-top: 15px;\n }\n .wave-bar {\n width: 3px;\n height: 100%;\n background: var(--primary);\n border-radius: 10px;\n animation: wave-rise 1.2s ease-in-out infinite alternate;\n }\n .wave-bar:nth-child(2) { animation-delay: 0.2s; }\n .wave-bar:nth-child(3) { animation-delay: 0.4s; }\n .wave-bar:nth-child(4) { animation-delay: 0.1s; }\n .wave-bar:nth-child(5) { animation-delay: 0.5s; }\n\n \/* --- Comparison Section --- *\/\n .comparison {\n background: #010101;\n padding: 100px 5%;\n border-top: 1px solid var(--surface-border);\n border-bottom: 1px solid var(--surface-border);\n }\n\n .comp-container {\n max-width: 1100px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n }\n\n .comp-col {\n background: var(--surface-color);\n padding: 48px;\n border-radius: 32px;\n border: 1px solid var(--surface-border);\n transition: all 0.3s;\n }\n\n .comp-col.avdx-col {\n border: 1px solid var(--primary);\n box-shadow: 0 15px 50px rgba(0, 243, 255, 0.04);\n background: linear-gradient(180deg, var(--surface-light) 0%, var(--surface-color) 100%);\n }\n\n .comp-col h3 {\n font-size: 1.6rem;\n margin-bottom: 30px;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 800;\n letter-spacing: -0.5px;\n }\n\n .avdx-col h3 {\n color: var(--primary);\n }\n\n .comp-list {\n list-style: none;\n }\n\n .comp-list li {\n margin-bottom: 20px;\n display: flex;\n align-items: flex-start;\n gap: 14px;\n font-size: 1rem;\n color: var(--text-muted);\n line-height: 1.5;\n }\n\n .avdx-col .comp-list li {\n color: var(--text-main);\n }\n\n .comp-list .material-symbols-outlined {\n font-size: 1.3rem;\n flex-shrink: 0;\n margin-top: 2px;\n }\n\n .bad-icon { color: #ff3b30; }\n .good-icon { color: var(--primary); }\n\n \/* --- Trust & Privacy --- *\/\n .trust-section {\n padding: 100px 5%;\n max-width: 1100px;\n margin: 0 auto;\n text-align: center;\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n margin-top: 60px;\n }\n\n .stat-box {\n padding: 50px 30px;\n background: var(--surface-color);\n border-radius: 28px;\n border: 1px solid var(--surface-border);\n transition: all 0.3s;\n }\n\n .stat-box:hover {\n border-color: rgba(0, 243, 255, 0.15);\n background: var(--surface-light);\n }\n\n .stat-num {\n font-size: 3.5rem;\n font-weight: 900;\n color: var(--primary);\n margin-bottom: 12px;\n line-height: 1;\n letter-spacing: -1px;\n text-shadow: 0 0 25px rgba(0, 243, 255, 0.15);\n }\n\n .stat-label {\n font-size: 0.9rem;\n color: var(--text-muted);\n font-weight: 600;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n\n \/* --- Footer --- *\/\n footer {\n background: var(--surface-color);\n border-top: 1px solid var(--surface-border);\n padding: 60px 5%;\n text-align: center;\n color: var(--text-muted);\n font-size: 0.85rem;\n }\n\n .footer-container {\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .footer-links {\n display: flex;\n justify-content: center;\n gap: 24px;\n margin-bottom: 24px;\n flex-wrap: wrap;\n }\n\n .footer-links a {\n color: var(--text-muted);\n text-decoration: none;\n transition: color 0.2s;\n font-weight: 500;\n }\n\n .footer-links a:hover {\n color: var(--text-main);\n }\n\n .footer-credit {\n margin-top: 16px;\n font-size: 0.8rem;\n color: var(--text-muted);\n letter-spacing: 0.2px;\n }\n\n \/* --- Keyframes Animations --- *\/\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n\n @keyframes pulse-glow {\n 0% { box-shadow: 0 0 10px rgba(0, 243, 255, 0.5); }\n 100% { box-shadow: 0 0 20px rgba(0, 243, 255, 0.9); }\n }\n\n @keyframes status-pulse {\n 0% { transform: scale(1); opacity: 1; }\n 100% { transform: scale(1.6); opacity: 0; }\n }\n\n @keyframes cursor-blink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0; }\n }\n\n @keyframes wave-rise {\n 0% { height: 10%; }\n 100% { height: 100%; }\n }\n\n \/* --- Responsive Styles (Perfect Mobile Overhaul) --- *\/\n @media (max-width: 1100px) {\n .bento-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n .bento-card.col-span-2 {\n grid-column: span 2;\n }\n }\n\n @media (max-width: 992px) {\n .hero {\n flex-direction: column;\n text-align: center;\n gap: 40px;\n padding-top: 130px;\n padding-bottom: 50px;\n }\n .hero-content {\n text-align: center;\n max-width: 100%;\n }\n .hero-ctas {\n justify-content: center;\n }\n .hero-image-container {\n justify-content: center;\n width: 100%;\n }\n }\n\n @media (max-width: 768px) {\n \/* Navbar on Mobile *\/\n nav {\n padding: 14px 20px;\n }\n \n .mobile-menu-btn {\n display: block;\n }\n\n .nav-links {\n display: none;\n flex-direction: column;\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n background: rgba(9, 10, 13, 0.98);\n backdrop-filter: blur(25px);\n -webkit-backdrop-filter: blur(25px);\n padding: 24px 20px;\n border-bottom: 1px solid var(--surface-border);\n box-shadow: 0 15px 40px rgba(0,0,0,0.9);\n gap: 20px;\n }\n\n .nav-links.active {\n display: flex;\n }\n\n .nav-links a {\n font-size: 0.95rem;\n width: 100%;\n text-align: center;\n padding: 8px 0;\n }\n\n .btn-launch {\n width: 100%;\n text-align: center;\n padding: 12px;\n }\n\n \/* Hero adjustments on Mobile *\/\n .hero {\n padding-top: 110px;\n padding-bottom: 40px;\n padding-left: 20px;\n padding-right: 20px;\n gap: 30px;\n }\n\n .hero-content h1 {\n font-size: 2.2rem;\n line-height: 1.2;\n margin-bottom: 16px;\n }\n\n .hero-content p {\n font-size: 1rem;\n margin-bottom: 24px;\n line-height: 1.6;\n }\n\n \/* Bento Grid on Mobile (Perfect Spacing) *\/\n .capabilities {\n padding: 60px 20px;\n }\n\n .section-header {\n margin-bottom: 40px;\n }\n\n .section-title {\n font-size: 2rem;\n letter-spacing: -0.8px;\n }\n\n .section-subtitle {\n font-size: 1rem;\n line-height: 1.5;\n }\n\n .bento-grid {\n grid-template-columns: 1fr;\n gap: 16px;\n margin-top: 30px;\n }\n\n .bento-card {\n grid-column: span 1 !important;\n padding: 28px 20px;\n border-radius: 20px;\n }\n\n .bento-card h3 {\n font-size: 1.2rem;\n }\n\n .bento-card p {\n font-size: 0.9rem;\n line-height: 1.5;\n }\n\n \/* Mockup Areas on Mobile (No overflow, beautiful wrapping) *\/\n .mockup-area {\n padding: 14px;\n margin-top: 20px;\n font-size: 0.72rem;\n border-radius: 12px;\n }\n\n \/* Comparison Section on Mobile *\/\n .comparison {\n padding: 60px 20px;\n }\n\n .comp-container {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n\n .comp-col {\n padding: 30px 20px;\n border-radius: 20px;\n }\n\n .comp-col h3 {\n font-size: 1.3rem;\n margin-bottom: 20px;\n }\n\n .comp-list li {\n font-size: 0.9rem;\n margin-bottom: 14px;\n gap: 10px;\n }\n\n \/* Trust & Privacy on Mobile *\/\n .trust-section {\n padding: 60px 20px;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n gap: 16px;\n margin-top: 40px;\n }\n\n .stat-box {\n padding: 30px 20px;\n border-radius: 20px;\n }\n\n .stat-num {\n font-size: 2.8rem;\n margin-bottom: 8px;\n }\n\n .stat-label {\n font-size: 0.8rem;\n }\n\n \/* Footer on Mobile (Clean Grid \/ Vertical Stack) *\/\n footer {\n padding: 40px 20px;\n }\n\n .footer-links {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n margin-bottom: 24px;\n text-align: center;\n }\n\n .footer-links a {\n font-size: 0.85rem;\n padding: 4px 0;\n }\n\n .footer-credit {\n margin-top: 24px;\n font-size: 0.75rem;\n line-height: 1.5;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"page-wrapper\">\n \n \n <div class=\"glow-bg\">\n <div class=\"glow-1\"><\/div>\n <div class=\"glow-2\"><\/div>\n <\/div>\n\n <nav id=\"navbar\">\n <a href=\"https:\/\/avdx.nl\/\" class=\"logo\">\n <div class=\"logo-dot\"><\/div> AVDX\n <\/a>\n \n <div class=\"mobile-menu-btn\" id=\"mobile-menu-btn\">\n <span class=\"material-symbols-outlined\">menu<\/span>\n <\/div>\n\n <div class=\"nav-links\" id=\"nav-links\">\n <a href=\"https:\/\/avdx.nl\/?page_id=210\" class=\"active\">Discover AVDX<\/a>\n <a href=\"https:\/\/avdx.nl\/?page_id=115\">Terms & Privacy<\/a>\n <a href=\"https:\/\/avdx.nl\/?page_id=158\">Policy (EU)<\/a>\n <a href=\"https:\/\/avdx.nl\/?page_id=159\">Imprint<\/a>\n <a href=\"https:\/\/avdx.nl\/\" class=\"btn-launch\">Talk to AVDX<\/a>\n <\/div>\n <\/nav>\n\n <section class=\"hero\">\n <div class=\"hero-content\">\n <div class=\"status-badge\">\n <div class=\"status-dot\"><\/div>\n AVDX OS v2.4 Live\n <\/div>\n <h1><span class=\"text-gradient\">Vision, Voice, and Logic.<\/span> Engineered to Execute.<\/h1>\n <p>AVDX is an AI-Native Productivity OS crafted for ultimate intelligence. From autonomous computer control to direct host deployment, experience absolute execution with ironclad European privacy.<\/p>\n <div class=\"hero-ctas\">\n <a href=\"https:\/\/avdx.nl\/\" class=\"btn-launch\" style=\"padding: 14px 34px; font-size: 0.95rem;\">Talk to AVDX<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-image-container\">\n <div class=\"hero-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/avdx.nl\/wp-content\/uploads\/2026\/04\/AVDX_00006_.png\" alt=\"AVDX Future Interface\" onerror=\"this.style.display='none';\">\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"capabilities\">\n <div class=\"section-header\">\n <h2 class=\"section-title text-gradient\">The Bento Grid of Power<\/h2>\n <p class=\"section-subtitle\">A cohesive ecosystem engineered to replace fragmented AI tools with native, seamless execution.<\/p>\n <\/div>\n \n <div class=\"bento-grid\">\n \n <div class=\"bento-card col-span-2\">\n <div class=\"bento-card-header\">\n <div class=\"bento-icon\"><span class=\"material-symbols-outlined\">desktop_windows<\/span><\/div>\n <h3>Autonomous OS Takeover (80\/20 Security Split)<\/h3>\n <p>Delegate the tedious 80% of any workflow. AVDX visually maps your screen, opens local apps, types, and prepares drafts. For absolute safety, the final 20%\u2014clicking <strong>Send<\/strong>, <strong>Buy<\/strong>, or <strong>Submit<\/strong>\u2014is strictly left to you. You review, you approve, you execute.<\/p>\n <\/div>\n <div class=\"mockup-area\">\n <div class=\"mock-browser-bar\">\n <div class=\"mock-dot\" style=\"background:#ff5f56\"><\/div>\n <div class=\"mock-dot\" style=\"background:#ffbd2e\"><\/div>\n <div class=\"mock-dot\" style=\"background:#27c93f\"><\/div>\n <span style=\"color: #8e96a0; font-size: 0.72rem; margin-left: 12px; font-family: monospace;\">AVDX Vision Agent Active<\/span>\n <\/div>\n <div style=\"display: flex; flex-direction: column; gap: 10px; font-family: monospace; line-height: 1.4;\">\n <div style=\"display: flex; align-items: flex-start; gap: 8px; color: var(--primary);\">\n <span class=\"material-symbols-outlined\" style=\"font-size: 1rem; margin-top: 2px;\">visibility<\/span>\n <span>Vision Engine: Analyzing screen layout (1920×1080) [OK]<\/span>\n <\/div>\n <div style=\"display: flex; align-items: flex-start; gap: 8px; color: #4cd964;\">\n <span class=\"material-symbols-outlined\" style=\"font-size: 1rem; margin-top: 2px;\">keyboard<\/span>\n <span>Executing Shortcut: [Win + R] \u2192 Opening Google Chrome<\/span>\n <\/div>\n <div style=\"display: flex; align-items: flex-start; gap: 8px; color: #8e96a0;\">\n <span class=\"material-symbols-outlined\" style=\"font-size: 1rem; margin-top: 2px;\">ads_click<\/span>\n <span>Moving Cursor to (X: 480, Y: 220) \u2192 Clicking Gmail [Compose]<\/span>\n <\/div>\n <div style=\"display: flex; align-items: flex-start; gap: 8px; color: var(--primary);\">\n <span class=\"material-symbols-outlined\" style=\"font-size: 1rem; margin-top: 2px;\">edit_note<\/span>\n <span>Writing response draft… [Done 80% of Task]<\/span>\n <\/div>\n <div style=\"display: flex; align-items: flex-start; gap: 8px; color: #ffbd2e; border-top: 1px solid rgba(255,255,255,0.08); padding-top: 10px; margin-top: 4px; font-weight: bold; animation: pulse-glow 1.5s infinite alternate;\">\n <span class=\"material-symbols-outlined\" style=\"font-size: 1.1rem; margin-top: 2px;\">gavel<\/span>\n <span>[AWAITING USER APPROVAL] Please review the draft and click [Send] to confirm.<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bento-card\">\n <div class=\"bento-card-header\">\n <div class=\"bento-icon\"><span class=\"material-symbols-outlined\">cloud_upload<\/span><\/div>\n <h3>Deploy to Host<\/h3>\n <p>Write complete production-ready code with advanced SQL databases and securely push the entire project directly to your live hosting server with a single command.<\/p>\n <\/div>\n <div class=\"mockup-area\">\n <div class=\"mock-deploy-line\"><span>[1\/3] Compiling PHP…<\/span><span>100%<\/span><\/div>\n <div class=\"mock-deploy-line\"><span>[2\/3] Building DB Schema…<\/span><span>100%<\/span><\/div>\n <div class=\"mock-deploy-line\" style=\"color: var(--primary);\"><span>[3\/3] Pushing to server…<\/span><span>ACTIVE<\/span><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bento-card\">\n <div class=\"bento-card-header\">\n <div class=\"bento-icon\"><span class=\"material-symbols-outlined\">videocam<\/span><\/div>\n <h3>Live Vision Mode<\/h3>\n <p>Connect AVDX directly to your live camera feed. Scan physical documents, analyze the real-world environment, and interact dynamically in real-time.<\/p>\n <\/div>\n <div style=\"display:flex; justify-content:center; align-items:center; height:60px; margin-top:20px; border: 1px dashed rgba(0, 243, 255, 0.2); border-radius:12px;\">\n <span style=\"font-size:0.8rem; color:var(--primary); font-weight:600; letter-spacing:1px; animation: pulse-glow 1.5s infinite alternate; padding: 4px 10px; border-radius:4px;\">CAMERA_STREAM_CONNECTED<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"bento-card col-span-2\">\n <div class=\"bento-card-header\">\n <div class=\"bento-icon\"><span class=\"material-symbols-outlined\">movie_creation<\/span><\/div>\n <h3>Cinematic Media Studio<\/h3>\n <p>Generate high-fidelity cinematic videos from static text prompts or images. Blend, edit, and orchestrate rich visual layouts inside an integrated AI-Native creative studio.<\/p>\n <\/div>\n <div class=\"mockup-area\" style=\"display:flex; flex-direction:column; gap:10px;\">\n <div style=\"display:flex; justify-content:space-between; color:#8e96a0; font-family: monospace;\"><span>Timeline Track 1 (Cinematic Render)<\/span><span>00:04s<\/span><\/div>\n <div style=\"height:6px; background:linear-gradient(90deg, var(--secondary) 0%, var(--primary) 70%, rgba(0,0,0,0) 100%); border-radius:3px;\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bento-card\">\n <div class=\"bento-card-header\">\n <div class=\"bento-icon\"><span class=\"material-symbols-outlined\">terminal<\/span><\/div>\n <h3>Full-Stack UI Artifacts<\/h3>\n <p>Generate clean interactive UI\/UX, complex dashboards, presentations, and modern CVs with fully native export capabilities built directly into the workspace.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bento-card\">\n <div class=\"bento-card-header\">\n <div class=\"bento-icon\"><span class=\"material-symbols-outlined\">record_voice_over<\/span><\/div>\n <h3>Natural Voice Engine<\/h3>\n <p>Convert text to rich regional voices with hyper-realistic pronunciation, delivering seamless vocal interaction without robotic latency.<\/p>\n <\/div>\n <div class=\"audio-wave\">\n <div class=\"wave-bar\"><\/div>\n <div class=\"wave-bar\"><\/div>\n <div class=\"wave-bar\"><\/div>\n <div class=\"wave-bar\"><\/div>\n <div class=\"wave-bar\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"comparison\">\n <div class=\"section-header\">\n <h2 class=\"section-title text-gradient\">AVDX vs. Standard Chatbots<\/h2>\n <p class=\"section-subtitle\">Why builders, creators, and engineers choose an AI-Native OS over basic text boxes.<\/p>\n <\/div>\n <div class=\"comp-container\">\n <div class=\"comp-col\">\n <h3><span class=\"material-symbols-outlined bad-icon\">chat_bubble_outline<\/span> Standard Chatbots<\/h3>\n <ul class=\"comp-list\">\n <li><span class=\"material-symbols-outlined bad-icon\">close<\/span> Confined to text outputs; zero ability to control screens.<\/li>\n <li><span class=\"material-symbols-outlined bad-icon\">close<\/span> Fragmented tools requiring multiple paid software integrations.<\/li>\n <li><span class=\"material-symbols-outlined bad-icon\">close<\/span> No deployment path\u2014you must host and upload code manually.<\/li>\n <li><span class=\"material-symbols-outlined bad-icon\">close<\/span> Exploit user data to train commercial corporate models.<\/li>\n <\/ul>\n <\/div>\n <div class=\"comp-col avdx-col\">\n <h3><span class=\"material-symbols-outlined good-icon\">terminal<\/span> AVDX OS<\/h3>\n <ul class=\"comp-list\">\n <li><span class=\"material-symbols-outlined good-icon\">check<\/span> Full computer control to automate browser actions & apps.<\/li>\n <li><span class=\"material-symbols-outlined good-icon\">check<\/span> Integrated Vision, Voice, Video, and Logic in one space.<\/li>\n <li><span class=\"material-symbols-outlined good-icon\">check<\/span> Direct Server Deployment to push live code directly to your domain.<\/li>\n <li><span class=\"material-symbols-outlined good-icon\">check<\/span> Strict European data privacy; 0% data sold or trained on.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"trust-section\">\n <h2 class=\"section-title text-gradient\">Engineered with Integrity<\/h2>\n <p class=\"section-subtitle\" style=\"max-width: 700px; margin: 0 auto;\">AVDX is forged in Groningen, Netherlands, under strict European privacy frameworks. We protect your sovereignty while delivering absolute technical dominance.<\/p>\n \n <div class=\"stats-grid\">\n <div class=\"stat-box\">\n <div class=\"stat-num\">0%<\/div>\n <div class=\"stat-label\">Data Sold or Shared<\/div>\n <\/div>\n <div class=\"stat-box\">\n <div class=\"stat-num\">AES-256<\/div>\n <div class=\"stat-label\">End-to-End Encryption<\/div>\n <\/div>\n <div class=\"stat-box\">\n <div class=\"stat-num\">100%<\/div>\n <div class=\"stat-label\">EU Data Sovereignty<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <footer>\n <div class=\"footer-container\">\n <div class=\"footer-links\">\n <a href=\"https:\/\/avdx.nl\/\">AVDX App<\/a>\n <a href=\"https:\/\/avdx.nl\/?page_id=115\">Terms & Privacy Policy<\/a>\n <a href=\"https:\/\/avdx.nl\/?page_id=158\">Policy (EU)<\/a>\n <a href=\"https:\/\/avdx.nl\/?page_id=159\">Imprint<\/a>\n <\/div>\n <p class=\"footer-credit\">\u00a9 2026 AVDX. Engineered in Groningen, Netherlands. All rights reserved.<\/p>\n <\/div>\n <\/footer>\n\n <\/div>\n\n <script>\n \/\/ Navbar Scroll Effect\n window.addEventListener('scroll', () => {\n const nav = document.getElementById('navbar');\n if (window.scrollY > 50) {\n nav.style.background = 'rgba(3, 3, 3, 0.95)';\n nav.style.boxShadow = '0 4px 30px rgba(0, 0, 0, 0.7)';\n nav.style.padding = '12px 5%';\n } else {\n nav.style.background = 'rgba(3, 3, 3, 0.75)';\n nav.style.boxShadow = 'none';\n nav.style.padding = '16px 5%';\n }\n });\n\n \/\/ Mobile Menu Toggle\n const mobileBtn = document.getElementById('mobile-menu-btn');\n const navLinks = document.getElementById('nav-links');\n const iconSpan = mobileBtn.querySelector('span');\n\n mobileBtn.addEventListener('click', () => {\n navLinks.classList.toggle('active');\n if (navLinks.classList.contains('active')) {\n iconSpan.textContent = 'close';\n } else {\n iconSpan.textContent = 'menu';\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>AVDX | AI-Native Productivity OS – Vision, Voice, and Logic AVDX menu Discover AVDX Terms & Privacy Policy (EU) Imprint […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-210","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/avdx.nl\/index.php?rest_route=\/wp\/v2\/pages\/210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/avdx.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/avdx.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/avdx.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/avdx.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=210"}],"version-history":[{"count":16,"href":"https:\/\/avdx.nl\/index.php?rest_route=\/wp\/v2\/pages\/210\/revisions"}],"predecessor-version":[{"id":348,"href":"https:\/\/avdx.nl\/index.php?rest_route=\/wp\/v2\/pages\/210\/revisions\/348"}],"wp:attachment":[{"href":"https:\/\/avdx.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}