| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>My app</title> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| <meta charset="utf-8"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <style> |
| |
| :root { |
| --primary-orange: #e65103; |
| --smoke-white: #f5f5f5; |
| } |
| |
| |
| |
| html, body { |
| overflow-x: hidden; |
| } |
| body { |
| font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; |
| background-color: #0f172a; |
| color: var(--smoke-white); |
| } |
| .navbar-logo { |
| width: 150px; |
| height: 50px; |
| |
| background: linear-gradient( |
| to right, |
| #e65103 0%, |
| #e65103 20%, |
| #ffffff 40%, |
| #ffffff 100% |
| ); |
| |
| |
| -webkit-mask: url('/wp-content/uploads/2025/09/cl_new_logo.png') no-repeat center; |
| -webkit-mask-size: contain; |
| mask: url('/wp-content/uploads/2025/09/cl_new_logo.png') no-repeat center; |
| mask-size: contain; |
| } |
| |
| .navbar-logo-mobile { |
| width: 50px; |
| height: 50px; |
| |
| background: linear-gradient( |
| to right, |
| #e65103 0%, |
| #e65103 20%, |
| #ffffff 90%, |
| #ffffff 100% |
| ); |
| |
| |
| -webkit-mask: url('/wp-content/uploads/2025/09/cropped-logo.png') no-repeat center; |
| -webkit-mask-size: contain; |
| mask: url('/wp-content/uploads/2025/09/cropped-logo.png') no-repeat center; |
| mask-size: contain; |
| } |
| |
| .bg-orange-600 { |
| background-color: var(--primary-orange); |
| } |
| |
| .hero-bg { |
| background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); |
| } |
| |
| .card-gradient { |
| background: linear-gradient(145deg, #1e293b, #0f172a); |
| border: 1px solid rgba(255, 255, 255, 0.05); |
| } |
| |
| .feature-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
| } |
| |
| .tech-icon { |
| background: linear-gradient(135deg, var(--primary-orange) 0%, #ff8c42 100%); |
| padding: 1rem; |
| border-radius: 1rem; |
| } |
| |
| .btn-primary { |
| background: linear-gradient(135deg, var(--primary-orange) 0%, #ff6d00 100%); |
| transition: all 0.3s ease; |
| } |
| |
| .border-orange-600 { |
| border-color: var(--primary-orange); |
| } |
| |
| .text-orange-500 { |
| color: var(--primary-orange); |
| } |
| |
| .btn-primary:hover { |
| transform: scale(1.05); |
| box-shadow: 0 10px 25px -5px rgba(230, 81, 3, 0.4); |
| } |
| |
| .section-divider { |
| height: 1px; |
| background: linear-gradient(90deg, transparent, var(--primary-orange), transparent); |
| } |
| |
| .text-gradient { |
| background: linear-gradient(90deg, var(--primary-orange), #ff8c42); |
| -webkit-background-clip: text; |
| -webkit-text-fill-color: transparent; |
| } |
| |
| .breaking-news-banner { |
| min-height: 60px; |
| width: 100%; |
| text-align: center; |
| padding: 12px 20px; |
| background: linear-gradient(90deg, #0f172a 0%, var(--primary-orange) 50%, #0f172a 100%); |
| border-bottom: 2px solid rgba(255,255,255,0.1); |
| position: relative; |
| overflow: hidden; |
| } |
| |
| .breaking-news-banner::before { |
| content: ""; |
| position: absolute; |
| top: 0; |
| left: 0; |
| right: 0; |
| bottom: 0; |
| background: linear-gradient(90deg, |
| transparent 0%, |
| rgba(255,255,255,0.1) 50%, |
| transparent 100%); |
| animation: shine 3s infinite; |
| } |
| |
| .banner-logo { |
| height: 30px; |
| width: auto; |
| margin: 0; |
| padding: 0; |
| filter: brightness(0) invert(1); |
| transition: all 0.3s ease; |
| } |
| |
| |
| @keyframes shine { |
| 0% { transform: translateX(-100%); } |
| 100% { transform: translateX(100%); } |
| } |
| |
| .partner-logo { |
| height: 40px; |
| width: auto; |
| margin: 0 10px; |
| filter: brightness(0.5) invert(1); |
| transition: all 0.3s ease; |
| } |
| |
| .partner-logo:hover { |
| filter: brightness(1) invert(0); |
| transform: scale(1.05); |
| } |
| |
| .privacy-content { |
| max-width: 900px; |
| margin: 0 auto; |
| padding: 2rem; |
| } |
| |
| .privacy-section { |
| margin-bottom: 3rem; |
| } |
| |
| .privacy-title { |
| font-size: 1.5rem; |
| font-weight: 600; |
| margin-bottom: 1.5rem; |
| color: var(--primary-orange); |
| } |
| |
| .privacy-subtitle { |
| font-size: 1.25rem; |
| font-weight: 500; |
| margin: 1.5rem 0 1rem; |
| } |
| |
| .privacy-text { |
| line-height: 1.6; |
| margin-bottom: 1rem; |
| } |
| |
| .contact-card { |
| background: rgba(255, 255, 255, 0.05); |
| border-radius: 0.5rem; |
| padding: 1.5rem; |
| margin: 2rem 0; |
| } |
| |
| |
| |
| .mobile-menu { |
| transition: all 0.3s ease-in-out; |
| max-height: 0; |
| overflow: hidden; |
| } |
| .mobile-menu.open { |
| max-height: 500px; |
| } |
| |
| |
| .hover\:bg-orange-600:hover { |
| background-color: var(--primary-orange); |
| } |
| |
| |
| |
| |
| #story-pyramid { |
| position: relative; |
| background: radial-gradient(circle at top, #111827 0%, #0f172a 90%); |
| } |
| |
| .pyramid-layer { |
| perspective: 800px; |
| transform-style: preserve-3d; |
| transition: transform 0.8s ease, opacity 0.8s ease; |
| } |
| |
| .pyramid-face { |
| height: 100%; |
| width: 100%; |
| clip-path: polygon(8% 0%, 92% 0%, 100% 100%, 0% 100%); |
| background: linear-gradient(180deg, #ff8c42 0%, #e65103 70%, #a13d02 100%); |
| box-shadow: 0 10px 25px rgba(230, 81, 3, 0.4), inset 0 -4px 10px rgba(0, 0, 0, 0.3); |
| border: 1px solid rgba(255, 255, 255, 0.08); |
| transform: rotateX(6deg); |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| font-weight: 700; |
| font-size: 1.5rem; |
| } |
| |
| .narrative-step { |
| transition: opacity 0.6s ease; |
| } |
| |
| |
| </style> |
|
|
| <script> |
| |
| document.addEventListener("DOMContentLoaded", function () { |
| |
| if (document.getElementById("vanta-bg")) { |
| VANTA.NET({ |
| el: "#vanta-bg", |
| mouseControls: true, |
| touchControls: true, |
| gyroControls: false, |
| minHeight: 200.00, |
| minWidth: 200.00, |
| scale: 1.00, |
| scaleMobile: 1.00, |
| color: 0xe65103, |
| backgroundColor: 0xf172a, |
| points: 15.00, |
| maxDistance: 25.00, |
| spacing: 20.00 |
| }) |
| } |
| |
| |
| if (typeof AOS !== "undefined") { |
| AOS.init({ duration: 1000, once: true }); |
| } |
| |
| |
| if (typeof feather !== "undefined") { |
| feather.replace(); |
| } |
| |
| |
| |
| const mobileMenuButton = document.getElementById("mobile-menu-button"); |
| const mobileMenu = document.getElementById("mobile-menu"); |
| |
| if (mobileMenuButton && mobileMenu) { |
| mobileMenuButton.addEventListener("click", () => { |
| mobileMenu.classList.toggle("open"); |
| |
| if (mobileMenu.classList.contains("open")) { |
| mobileMenuButton.innerHTML = '<i data-feather="x"></i>'; |
| } else { |
| mobileMenuButton.innerHTML = '<i data-feather="menu"></i>'; |
| } |
| if (typeof feather !== "undefined") { |
| feather.replace(); |
| } |
| }); |
| |
| |
| const mobileLinks = mobileMenu.querySelectorAll("a"); |
| mobileLinks.forEach((link) => { |
| link.addEventListener("click", () => { |
| mobileMenu.classList.remove("open"); |
| mobileMenuButton.innerHTML = '<i data-feather="menu"></i>'; |
| if (typeof feather !== "undefined") { |
| feather.replace(); |
| } |
| }); |
| }); |
| } |
| if (typeof gsap === "undefined" || typeof ScrollTrigger === "undefined") return; |
| gsap.registerPlugin(ScrollTrigger); |
| |
| |
| const tl = gsap.timeline({ |
| scrollTrigger: { |
| trigger: "#story-pyramid", |
| start: "top top", |
| end: "+=2500", |
| scrub: true, |
| pin: true, |
| }, |
| }); |
| |
| |
| tl.to("#layer1", { opacity: 1, scale: 1, y: -10, duration: 1 }) |
| .to("#narrative-step-1", { opacity: 1 }, "<") |
| .to("#layer2", { opacity: 1, scale: 1, y: -20, duration: 1 }) |
| .to("#narrative-step-1", { opacity: 0.3 }, "<") |
| .to("#narrative-step-2", { opacity: 1 }, "<") |
| .to("#layer3", { opacity: 1, scale: 1, y: -30, duration: 1 }) |
| .to("#narrative-step-2", { opacity: 0.3 }, "<") |
| .to("#narrative-step-3", { opacity: 1 }, "<"); |
| |
| |
| gsap.to(".pyramid-face", { |
| repeat: -1, |
| yoyo: true, |
| scale: 1.015, |
| duration: 2.5, |
| ease: "sine.inOut", |
| }); |
| |
| }); |
| |
| |
| |
| </script> |
| </head> |
| <body class="bg-slate-900 font-sans text-slate-100"> |
| |
| <div id="vanta-bg" class="relative h-screen w-full overflow-hidden"> |
| <div class="absolute inset-0 bg-gradient-to-b from-black/70 via-black/50 to-transparent z-10"></div> |
|
|
| <div class="relative z-20 flex flex-col items-center justify-center h-full text-center px-4"> |
| <h1 class="text-5xl md:text-7xl font-extrabold mb-6 max-w-5xl bg-clip-text text-transparent bg-gradient-to-r from-orange-500 to-orange-300"> |
| Protecting Data in the<br>Post-Quantum Era |
| </h1> |
| <p class="text-xl md:text-2xl mb-10 max-w-3xl text-slate-300 font-light"> |
| Security that follows the data. Quantum-resistant protection for the post-perimeter world. |
| </p> |
| <div class="flex flex-col sm:flex-row gap-4"> |
| <a class="btn-primary px-8 py-4 rounded-full font-semibold text-lg hover:shadow-xl hover:shadow-orange-500/20 transition-all duration-300" href="/contact"> |
| Get Started |
| </a> |
| <a href="/solutions" class="bg-transparent border-2 border-orange-600 px-8 py-4 rounded-full font-semibold text-lg hover:bg-orange-600/10 hover:shadow-lg hover:shadow-orange-500/10 transition-all duration-300 text-center"> |
| Explore Solutions |
| </a> |
| </div> |
| </div> |
| </div> |
| |
| <section class="py-32 px-4 max-w-6xl mx-auto"> |
| <div class="text-center mb-16" data-aos="fade-up"> |
| <h2 class="text-4xl md:text-5xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-orange-400 to-orange-600"> |
| Complex Problems.<br>Elegant Solutions. |
| </h2> |
| <div class="w-32 h-1 bg-gradient-to-r from-transparent via-orange-500 to-transparent mx-auto"></div> |
| </div> |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-16 items-start"> |
| <div class="space-y-6 text-slate-300 text-lg leading-relaxed" data-aos="fade-right"> |
| <p class="text-lg leading-relaxed">We are at an inflection point in the digital transformation journey. The convergence of <span class="font-bold text-orange-400">IoT</span>, <span class="font-bold text-orange-400">OT</span>, <span class="font-bold text-orange-400">Quantum Computing</span>, and <span class="font-bold text-orange-400">AI</span> is reshaping how industries operate.</p> |
| <p class="text-lg leading-relaxed">This rapid change raises a critical question — <span class="font-bold text-orange-400">are we ready?</span> Will cybersecurity protect digital assets across this expanded frontier?</p> |
| <p class="text-lg leading-relaxed">Security must protect three critical data flows:</p> |
| <ul class="space-y-4 mt-4"> |
| <li class="flex items-start"> |
| <span class="bg-orange-500/20 rounded-full p-2 mr-3"> |
| <i data-feather="user" class="w-5 h-5 text-orange-400"></i> |
| </span> |
| <span class="font-medium">Human-to-Machine (H2M) data flows</span> |
| </li> |
| <li class="flex items-start"> |
| <span class="bg-orange-500/20 rounded-full p-2 mr-3"> |
| <i data-feather="cpu" class="w-5 h-5 text-orange-400"></i> |
| </span> |
| <span class="font-medium">Machine-to-Machine (M2M) data flows</span> |
| </li> |
| <li class="flex items-start"> |
| <span class="bg-orange-500/20 rounded-full p-2 mr-3"> |
| <i data-feather="truck" class="w-5 h-5 text-orange-400"></i> |
| </span> |
| <span class="font-medium">Supply Chain (SCRM) data flows</span> |
| </li> |
| </ul> |
| <p class="text-lg leading-relaxed mt-6">We're pioneering a world of <span class="font-bold text-orange-400">secure data</span>, <span class="font-bold text-orange-400">resilient infrastructure</span>, and <span class="font-bold text-orange-400">trusted AI</span> for the post-Quantum era.</p> |
| </div> |
| </div> |
| </section> |
| |
| <section id="story-pyramid" class="relative py-32 bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 overflow-hidden"> |
| <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-12 px-4 items-start"> |
| |
| <div id="narrative" class="relative text-left text-slate-200 space-y-16 md:sticky md:top-40 self-start"> |
| |
| <div class="narrative-step" id="narrative-step-1"> |
| <div class="bg-slate-800/50 backdrop-blur-sm p-8 rounded-2xl border border-slate-700/50"> |
| <h2 class="text-3xl md:text-4xl font-bold text-orange-400 mb-6">The Foundation — SCRM</h2> |
| <p class="text-lg text-slate-300 leading-relaxed"> |
| Security starts at the base — <span class="font-semibold text-orange-300">Supply Chain Resource Management (SCRM)</span>. |
| Continuous visibility, integrity, and compliance across device lifecycles. |
| </p> |
| <ul class="mt-6 space-y-3"> |
| <li class="flex items-start"> |
| <span class="bg-orange-500/10 rounded-full p-1 mr-3"> |
| <i data-feather="check" class="w-4 h-4 text-orange-400"></i> |
| </span> |
| <span class="text-slate-300">Device monitoring & anomaly detection</span> |
| </li> |
| <li class="flex items-start"> |
| <span class="bg-orange-500/10 rounded-full p-1 mr-3"> |
| <i data-feather="check" class="w-4 h-4 text-orange-400"></i> |
| </span> |
| <span class="text-slate-300">Predictive AI reliability analytics</span> |
| </li> |
| <li class="flex items-start"> |
| <span class="bg-orange-500/10 rounded-full p-1 mr-3"> |
| <i data-feather="check" class="w-4 h-4 text-orange-400"></i> |
| </span> |
| <span class="text-slate-300">Regulatory compliance & self-healing</span> |
| </li> |
| </ul> |
| </div> |
| </div> |
| |
| <div class="narrative-step opacity-50" id="narrative-step-2"> |
| <div class="bg-slate-800/50 backdrop-blur-sm p-8 rounded-2xl border border-slate-700/50"> |
| <h2 class="text-3xl md:text-4xl font-bold text-orange-400 mb-6">Interconnection — M2M</h2> |
| <p class="text-lg text-slate-300 leading-relaxed"> |
| The next layer secures <span class="font-semibold text-orange-300">Machine-to-Machine (M2M)</span> communication. |
| Devices authenticate without static credentials using quantum-resistant encryption. |
| </p> |
| <ul class="mt-6 space-y-3"> |
| <li class="flex items-start"> |
| <span class="bg-orange-500/10 rounded-full p-1 mr-3"> |
| <i data-feather="check" class="w-4 h-4 text-orange-400"></i> |
| </span> |
| <span class="text-slate-300">Credential-less device authentication</span> |
| </li> |
| <li class="flex items-start"> |
| <span class="bg-orange-500/10 rounded-full p-1 mr-3"> |
| <i data-feather="check" class="w-4 h-4 text-orange-400"></i> |
| </span> |
| <span class="text-slate-300">Post-Quantum encryption</span> |
| </li> |
| <li class="flex items-start"> |
| <span class="bg-orange-500/10 rounded-full p-1 mr-3"> |
| <i data-feather="check" class="w-4 h-4 text-orange-400"></i> |
| </span> |
| <span class="text-slate-300">Secure inter-device communication</span> |
| </li> |
| </ul> |
| </div> |
| </div> |
| |
| <div class="narrative-step opacity-50" id="narrative-step-3"> |
| <div class="bg-slate-800/50 backdrop-blur-sm p-8 rounded-2xl border border-slate-700/50"> |
| <h2 class="text-3xl md:text-4xl font-bold text-orange-400 mb-6">The Human Layer — H2M</h2> |
| <p class="text-lg text-slate-300 leading-relaxed"> |
| The top of the pyramid — <span class="font-semibold text-orange-300">Human-to-Machine (H2M)</span> Security. |
| Eliminating the weakest link — passwords — with next-gen authentication. |
| </p> |
| <ul class="mt-6 space-y-3"> |
| <li class="flex items-start"> |
| <span class="bg-orange-500/10 rounded-full p-1 mr-3"> |
| <i data-feather="check" class="w-4 h-4 text-orange-400"></i> |
| </span> |
| <span class="text-slate-300">Credential-less login with sonic OTP</span> |
| </li> |
| <li class="flex items-start"> |
| <span class="bg-orange-500/10 rounded-full p-1 mr-3"> |
| <i data-feather="check" class="w-4 h-4 text-orange-400"></i> |
| </span> |
| <span class="text-slate-300">Voice-based user verification</span> |
| </li> |
| <li class="flex items-start"> |
| <span class="bg-orange-500/10 rounded-full p-1 mr-3"> |
| <i data-feather="check" class="w-4 h-4 text-orange-400"></i> |
| </span> |
| <span class="text-slate-300">Adaptive MFA for any endpoint</span> |
| </li> |
| </ul> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div id="pyramid" class="relative flex flex-col items-center justify-center h-[700px] text-white"> |
| <div id="layer1" class="pyramid-layer w-[90%] md:w-[75%] h-48 opacity-0 scale-90"> |
| <div class="pyramid-face"> |
| <h3>SCRM</h3> |
| </div> |
| </div> |
| <div id="layer2" class="pyramid-layer w-[70%] md:w-[55%] h-44 opacity-0 scale-90"> |
| <div class="pyramid-face"> |
| <h3>M2M</h3> |
| </div> |
| </div> |
| <div id="layer3" class="pyramid-layer w-[50%] md:w-[35%] h-40 opacity-0 scale-90"> |
| <div class="pyramid-face"> |
| <h3>H2M</h3> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
|
|
|
|
|
|
| |
| <section class="py-20 bg-slate-800 px-4"> |
| <div class="max-w-7xl mx-auto"> |
| <div class="text-center mb-16" data-aos="fade-up"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Security That Follows the Data — From Edge to Cloud</h2> |
| <p class="text-xl max-w-3xl mx-auto text-slate-300"> |
| Our data-centric architecture provides end-to-end protection across IoT, OT, AI, and hybrid environments — wherever data lives or moves. |
| </p> |
| <div class="w-24 h-1 bg-orange-600 mx-auto mt-6"></div> |
| </div> |
|
|
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| |
| <div class="card-gradient rounded-2xl p-8 feature-card transition-all duration-300" data-aos="fade-up" data-aos-delay="100"> |
| <div class="tech-icon w-16 h-16 flex items-center justify-center mb-6"> |
| <i data-feather="user-check" class="text-white text-2xl"></i> |
| </div> |
| <h3 class="text-2xl font-bold mb-4">Human-to-Machine (H2M) Security</h3> |
| <p class="text-slate-300 mb-4"> |
| Adaptive identity protection for users, devices, and edge nodes. Eliminates credential-based vulnerabilities and enforces Zero Trust seamlessly. |
| </p> |
| <ul class="space-y-2 text-slate-400"> |
| <li class="flex items-start"><i data-feather="check-circle" class="text-orange-500 mr-2 mt-1"></i><span>Credential-less access</span></li> |
| <li class="flex items-start"><i data-feather="check-circle" class="text-orange-500 mr-2 mt-1"></i><span>Adaptive, context-aware policies</span></li> |
| <li class="flex items-start"><i data-feather="check-circle" class="text-orange-500 mr-2 mt-1"></i><span>Zero Trust enforcement</span></li> |
| </ul> |
| </div> |
|
|
| |
| <div class="card-gradient rounded-2xl p-8 feature-card transition-all duration-300" data-aos="fade-up" data-aos-delay="200"> |
| <div class="tech-icon w-16 h-16 flex items-center justify-center mb-6"> |
| <i data-feather="cpu" class="text-white text-2xl"></i> |
| </div> |
| <h3 class="text-2xl font-bold mb-4">Machine-to-Machine (M2M) Security</h3> |
| <p class="text-slate-300 mb-4"> |
| Lightweight encryption for constrained IoT/OT environments. Secures device-to-device communication with no dependence on hardware, OS, or protocols. |
| </p> |
| <ul class="space-y-2 text-slate-400"> |
| <li class="flex items-start"><i data-feather="check-circle" class="text-orange-500 mr-2 mt-1"></i><span>Runs on low-power chips</span></li> |
| <li class="flex items-start"><i data-feather="check-circle" class="text-orange-500 mr-2 mt-1"></i><span>No hardware upgrades required</span></li> |
| <li class="flex items-start"><i data-feather="check-circle" class="text-orange-500 mr-2 mt-1"></i><span>Secure device-to-device comms</span></li> |
| </ul> |
| </div> |
|
|
| |
| <div class="card-gradient rounded-2xl p-8 feature-card transition-all duration-300" data-aos="fade-up" data-aos-delay="300"> |
| <div class="tech-icon w-16 h-16 flex items-center justify-center mb-6"> |
| <i data-feather="truck" class="text-white text-2xl"></i> |
| </div> |
| <h3 class="text-2xl font-bold mb-4">Supply Chain Risk Management (SCRM)</h3> |
| <p class="text-slate-300 mb-4"> |
| Continuous verification and cryptographic attestation across the data lifecycle. Unified visibility from code to cloud protects against tampering and third-party risk. |
| </p> |
| <ul class="space-y-2 text-slate-400"> |
| <li class="flex items-start"><i data-feather="check-circle" class="text-orange-500 mr-2 mt-1"></i><span>Integrity tracking end-to-end</span></li> |
| <li class="flex items-start"><i data-feather="check-circle" class="text-orange-500 mr-2 mt-1"></i><span>Partner & vendor assurance</span></li> |
| <li class="flex items-start"><i data-feather="check-circle" class="text-orange-500 mr-2 mt-1"></i><span>Attestation & SBOM alignment</span></li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20 px-4 max-w-7xl mx-auto"> |
| <div class="text-center mb-12" data-aos="fade-up"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Why We’re Here</h2> |
| <div class="w-24 h-1 bg-orange-600 mx-auto"></div> |
| </div> |
| <div class="max-w-4xl mx-auto text-slate-300 text-lg space-y-6" data-aos="fade-up"> |
| <p>The technologies reshaping industries — IoT, OT, Quantum Computing, and AI — have made <strong>security complexity explode</strong>. Traditional perimeter-based models can’t keep up.</p> |
| <p>Security must <strong>follow the asset</strong> — agnostic, impervious, and indifferent to infrastructure or environment.</p> |
| <p>At Cyberus, we designed an approach that addresses this reality: security that protects <strong>data itself</strong>, adapting to its characteristics and context — not to the systems it passes through.</p> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20 bg-slate-800 px-4"> |
| <div class="max-w-7xl mx-auto"> |
| <div class="text-center mb-12" data-aos="fade-up"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Our Eye to the Future</h2> |
| <div class="w-24 h-1 bg-orange-600 mx-auto"></div> |
| </div> |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-10 items-center"> |
| <div class="text-slate-300 text-lg space-y-6" data-aos="fade-right"> |
| <p>As Quantum computing advances and <strong>Agentic AI</strong> ecosystems emerge, traditional encryption and access models will become obsolete. The future demands a universal, unbreakable security layer that travels with the data — wherever it flows.</p> |
| <p class="font-semibold text-slate-200">Meet <span class="text-orange-500">ELIoT Pro</span> — our living framework for data-centric, post-Quantum security. Built to secure AI prompts, Retrieval-Augmented Generation (RAG), and machine-driven ecosystems.</p> |
| <div class="flex gap-4"> |
| <a href="/eliot-pro" class="btn-primary px-6 py-3 rounded-lg font-semibold">Learn More About ELIoT Pro</a> |
| <a href="/solutions" class="border-2 border-orange-600 px-6 py-3 rounded-lg font-semibold hover:bg-orange-600 transition">Explore Solutions</a> |
| </div> |
| </div> |
| <div data-aos="fade-left" class="relative"> |
| <div class="absolute -inset-4 bg-orange-600 rounded-2xl opacity-10 blur"></div> |
| <img src="/wp-content/uploads/2025/09/main-page-what-we-do-1.png" alt="Cyberus Labs Technology" class="relative rounded-2xl shadow-2xl"> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20 px-4 max-w-7xl mx-auto"> |
| <div class="text-center mb-12" data-aos="fade-up"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">The Art of the Possible</h2> |
| <p class="text-xl max-w-3xl mx-auto text-slate-300">Explore what becomes possible when protection follows information itself.</p> |
| <div class="w-24 h-1 bg-orange-600 mx-auto mt-6"></div> |
| </div> |
|
|
| <div class="grid grid-cols-1 md:grid-cols-4 gap-6"> |
| <div class="card-gradient rounded-xl p-6" data-aos="fade-up" data-aos-delay="100"> |
| <h3 class="font-bold text-lg mb-2">Securing Critical Infrastructure</h3> |
| <p class="text-slate-400">Operational resilience for energy, transport, and public services.</p> |
| </div> |
| <div class="card-gradient rounded-xl p-6" data-aos="fade-up" data-aos-delay="200"> |
| <h3 class="font-bold text-lg mb-2">Protecting Autonomous IoT Systems</h3> |
| <p class="text-slate-400">Lightweight, device-agnostic controls for constrained environments.</p> |
| </div> |
| <div class="card-gradient rounded-xl p-6" data-aos="fade-up" data-aos-delay="300"> |
| <h3 class="font-bold text-lg mb-2">Post-Quantum Data Resilience</h3> |
| <p class="text-slate-400">Data-centric protection designed for the post-Quantum horizon.</p> |
| </div> |
| <div class="card-gradient rounded-xl p-6" data-aos="fade-up" data-aos-delay="400"> |
| <h3 class="font-bold text-lg mb-2">AI-Agent Trust Layer</h3> |
| <p class="text-slate-400">Zero Trust from data sources to AI agents and RAG pipelines.</p> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="trusted-partnerships" class="py-20 bg-slate-800 px-4"> |
| <div class="max-w-7xl mx-auto"> |
| <div class="text-center mb-16" data-aos="fade-up"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Trusted Partnerships</h2> |
| <p class="text-xl max-w-3xl mx-auto text-slate-300"> |
| Backed by industry leaders and recognized for innovation |
| </p> |
| <div class="w-24 h-1 bg-orange-600 mx-auto mt-6"></div> |
| </div> |
| |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-8 mb-16"> |
| |
| <div class="flex flex-col items-center justify-center p-6 card-gradient rounded-xl" data-aos="fade-up" data-aos-delay="100"> |
| <img src="https://upload.wikimedia.org/wikipedia/commons/b/b7/Flag_of_Europe.svg" |
| alt="EU emblem / Horizon 2020" class="w-16 h-16 mb-4 object-contain" loading="lazy"> |
| <span class="font-bold text-center">EU Horizon 2020 Funded</span> |
| <a href="https://ec.europa.eu/info/funding-tenders/opportunities/portal/screen/opportunities/projects-details/31045243/822641" class="mt-2 text-orange-500 hover:underline text-sm">See details</a> |
| </div> |
|
|
| |
| <div class="flex flex-col items-center justify-center p-6 card-gradient rounded-xl" data-aos="fade-up" data-aos-delay="300"> |
| <img src="/wp-content/uploads/2025/09/european-cybersec-market.png" |
| alt="European Cybersecurity Market journal" class="w-16 h-16 mb-4 object-contain" loading="lazy"> |
| <span class="font-bold text-center">Featured in ECM Journal</span> |
| <a href="https://cyberuslabs.com/wp-content/uploads/2020/05/European-Cybersecurity-Market-Vol.1-issue-2.pdf" |
| class="mt-2 text-orange-500 hover:underline text-sm">Read issue</a> |
| </div> |
|
|
| |
| <div class="flex flex-col items-center justify-center p-6 card-gradient rounded-xl" data-aos="fade-up" data-aos-delay="400"> |
| <img src="/wp-content/uploads/2025/09/cybersecurity-call.png" |
| alt="KI Study 2020" class="w-16 h-16 mb-4 object-contain" loading="lazy"> |
| <span class="font-bold text-center">Included in KI Study</span> |
| <a href="https://cyberuslabs.com/wp-content/uploads/2020/05/Cybersecurity_Call_KI_Study_2020.pdf" |
| class="mt-2 text-orange-500 hover:underline text-sm">Download</a> |
| </div> |
|
|
| |
| <div class="flex flex-col items-center justify-center p-6 card-gradient rounded-xl" data-aos="fade-up" data-aos-delay="500"> |
| <div class="rounded-xl w-16 h-16 mb-4 flex items-center justify-center bg-slate-900 border border-slate-800"> |
| <span class="font-extrabold text-xl bg-gradient-to-br from-orange-600 to-white bg-clip-text text-transparent">RG</span> |
| </div> |
| <span class="font-bold text-center">ResearchGate Publication</span> |
| <a href="https://www.researchgate.net/publication/369305177_An_Introduction_to_a_New_Lightweight_Encryption_Algorithm_Cybpher" |
| class="mt-2 text-orange-500 hover:underline text-sm text-center">“Cybpher” lightweight encryption</a> |
| </div> |
| </div> |
|
|
| <div class="bg-slate-900 rounded-2xl p-8 md:p-12 hovered-element" data-aos="fade-up"> |
| <div class="flex flex-col md:flex-row items-center"> |
| <div class="md:w-2/3 mb-8 md:mb-0 md:pr-8"> |
| <h3 class="text-2xl font-bold mb-4 hovered-element">ELIoT Pro Project</h3> |
| <p class="text-slate-300 mb-4"> |
| Our flagship IoT security initiative earned support from the European Union's Horizon 2020 research programme, validating the novelty and credibility of our approach. |
| </p> |
| <p class="text-slate-300"> |
| This recognition underscores our commitment to pushing the boundaries of cybersecurity innovation while meeting the highest international standards. |
| </p> |
| </div> |
| <div class="md:w-1/3 flex justify-center"> |
| <span class="bg-transparent border-2 px-8 py-4 rounded-lg font-semibold text-lg"> |
| EU HORIZON 2020<br>APPROVED |
| </span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20 px-4"> |
| <div class="max-w-4xl mx-auto text-center" data-aos="fade-up"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Protect What Truly Matters?</h2> |
| <p class="text-xl text-slate-300 mb-10"> |
| Take the next step toward post-Quantum resilience. Contact us for a consultation or request a live demo. |
| </p> |
| <div class="flex flex-col sm:flex-row justify-center gap-4"> |
| <a class="btn-primary px-8 py-4 rounded-lg font-semibold text-lg" href="/contact"> |
| Request Demo |
| </a> |
| <a class="bg-transparent border-2 border-orange-600 px-8 py-4 rounded-lg font-semibold text-lg hover:bg-orange-600 transition" href="/solutions"> |
| Explore Solutions |
| </a> |
| </div> |
| </div> |
| </section> |
| <script></script> |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> |
| </body> |
| </html> |
|
|
