New experience launching soon

Website is
Under Construction

We are building something beautiful, fast, and powerful. Our new website is almost ready. Stay connected and be the first to know when we launch.

Thank you for your patience. We are working hard behind the scenes.

ArchyZen body { margin: 0; font-family: Arial, sans-serif; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; color: white; text-align: center; position: relative; overflow: hidden; } video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; filter: blur(1px); /* 10% blur effect on video */ } h1 { font-size: 4em; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); z-index: 1; /* Ensure text is above video */ } p { font-size: 1.5em; max-width: 600px; margin: 20px 0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); z-index: 1; /* Ensure text is above video */ } button { padding: 15px 30px; font-size: 1.2em; background: linear-gradient(145deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1)); backdrop-filter: blur(10px); /* Liquid glass effect */ color: white; border: 2px solid transparent; border-radius: 25px; /* Increased border radius */ cursor: pointer; position: relative; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; z-index: 1; /* Ensure button is above video */ } button::before { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; border: 2px solid white; border-radius: 25px; animation: neon-border 2s linear infinite; z-index: -1; } @keyframes neon-border { 0% { border-color: white; box-shadow: 0 0 10px white, 0 0 20px white; } 50% { border-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 5px white, 0 0 10px white; } 100% { border-color: white; box-shadow: 0 0 10px white, 0 0 20px white; } } button:hover { transform: scale(1.1); /* Slight scale up on hover */ box-shadow: 0 0 20px rgba(255, 255, 255, 0.5), 0 0 30px rgba(255, 255, 255, 0.3); background: linear-gradient(145deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.2)); } button:active { transform: scale(0.95); /* Slight scale down on press */ box-shadow: 0 0 30px rgba(255, 255, 255, 0.7), 0 0 40px rgba(255, 255, 255, 0.5); background: linear-gradient(145deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.3)); } .center-text { margin-top: -40px; margin-bottom: 30px; } Your browser does not support the video tag. ArchyZenHello, we are an AI company who works with AI every day and night, and that's all.Start Now // JavaScript to enhance button interaction const button = document.querySelector('button'); button.addEventListener('mouseover', () => { button.style.animation = 'pulse 0.5s ease-in-out'; }); button.addEventListener('mouseout', () => { button.style.animation = ''; }); button.addEventListener('mousedown', () => { button.style.animation = 'press 0.2s ease-in-out'; }); button.addEventListener('mouseup', () => { button.style.animation = 'pulse 0.5s ease-in-out'; });