Features - DataShield <script src="/tailwindcss.js">"></script> <style> .animate-fade-in { animation: fadeIn 0.5s ease forwards; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } </style> </head> <body class="bg-gradient-to-br from-blue-900 to-indigo-900 text-white min-h-screen">  <nav class="container mx-auto px-6 py-4"> <ul class="flex justify-center gap-8"> <li>><a href="/backup/index.html" class="font-bold hover:text-indigo-300 transition">Home <li>><a href="/backup/faq.html" class="hover:text-indigo-300 transition">FAQ <li>><a href="/backup/pricing.html" class="text-emerald-400 font-bold">Pricing </ul> </nav>  <main class="container mx-auto px-6 py-16"> <section class="text-center py-20 animate-fade-in"> <div class="inline-block p-4 bg-white/10 rounded-full backdrop-blur-sm mb-8"> <svg viewBox="0 0 24 24" class="w-12 h-12 text-emerald-400" fill="none" stroke="currentColor"> <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" stroke-width="2" /> </svg> </div> <h1 class="text-5xl md:text-6xl font-extrabold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-white to-emerald-400"> Smart. Secure. Simple. </h1> <p class="text-xl opacity-90 max-w-3xl mx-auto"> Discover the premium features that make DataShield the ultimate backup solution for individuals and teams. </p> <div class="mt-10 flex justify-center"> <a href="/backup/pricing.html"> <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-8 py-3 rounded-full shadow-lg transition-all hover:scale-105"> View Pricing </button> </a> </div> </section>  <section class="grid md:grid-cols-3 gap-10 max-w-6xl mx-auto px-4">  <div class="p-8 rounded-2xl bg-white/10 backdrop-blur-lg border border-white/20 shadow-xl hover:scale-105 hover:bg-white/20 transition-all duration-300 transform hover:-translate-y-1"> <div class="flex justify-between items-center mb-6"> <div class="text-indigo-400">🔐 <span class="text-sm bg-emerald-600 text-white px-2 py-1 rounded-full">Pro </div> <h2 class="text-2xl font-bold mb-4">Military Grade Encryption <p class="opacity-90 text-indigo-200"> AES-256 encryption with 4096-bit TLS during transfer. Access logs monitored by AI to detect anomalies. </p> </div>  <div class="p-8 rounded-2xl bg-white/10 backdrop-blur-lg border border-white/20 shadow-xl hover:scale-105 hover:bg-white/20 transition-all duration-300 transform hover:-translate-y-1"> <div class="flex