Secure Backup Solutions <script src="/tailwindcss.js">"></script> </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/plans.html" class="hover:text-indigo-300 transition">Pricing </ul> </nav> <main class="container mx-auto px-6 py-20"> <section class="text-center mb-40 animate-fade-in"> <div class="inline-block p-3 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="currentColor"> <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/> </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"> Data. Secured. </h1> <p class="text-xl opacity-90 max-w-3xl mx-auto"> Our intelligent backup solution protects your most valuable information with bank-level security and infinite scalability. </p> <div class="mt-10 flex justify-center gap-4"> <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-8 py-3 rounded-full shadow-lg transition-all transform hover:scale-105"> Get Started </button> <button class="border-2 border-emerald-500 text-emerald-300 hover:bg-emerald-900/30 px-8 py-3 rounded-full transition-all"> Demo </button> </div> </section> <section class="grid md:grid-cols-3 gap-10"> <div class="p-10 rounded-2xl bg-white/10 backdrop-blur-lg shadow-xl transform transition hover:scale-105"> <div class="w-16 h-16 rounded-full bg-emerald-600/30 flex items-center justify-center mb-6"> <svg viewBox="0 0 24 24" class="w-8 h-8 text-emerald-400"> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14l-4-4h3V6h2v6h3l-4 4z"/> </svg> </div> <h2 class="text-xl font-bold mb-3">Military Grade Security <p class="opacity-80">AES-256 encryption in-transit and at-rest with zero-knowledge privacy. Your data is yours, and yours alone..</p> </div> <div class="p-10 rounded-2xl bg-white/10 backdrop-blur-lg shadow-xl transform transition hover:scale-105"> <div class="w-16 h-16 rounded-full bg-blue-600/30 flex items-center justify-center mb-6"> <svg viewBox="0 0 24 24" class="w-8 h-8 text-blue-400"> <path d="M14 3v4h5.59L12 14.59 6.41 9H11V3h3zM3.5 18h7l-2-2H3.5v-1.59c-.3-.96-1.64-1.38-2.59-.93-.95.45-1.33 1.81-.98 2.77L.5 18h3v2H1v-2z"/> </svg> </div> <h2 class="text-xl font-bold mb-3">Auto-Sync Intelligence <p class="opacity-80">Real-time backup with machine learning powered file recognition. Never lose work between sessions..</p> </div> <div class="p-10 rounded-2xl bg-white/10 backdrop-blur-lg shadow-xl transform transition hover:scale-105"> <div class="w-16 h-16 rounded-full bg-purple-600/30 flex items-center justify-center mb-6"> <svg viewBox="0 0 24 24" class="w-8 h-8 text-purple-400"> <path d="M14 3v4h5.59L12 14.59 6.41 9H11V3h3zM3.5 18h7l-2-2H3.5v-1.59c-.3-.96-1.64-1.38-2.59-.93-.95.45-1.33 1.81-.98 2.77L.5 18h3v2H1v-2z"/> </svg> </div> <h2 class="text-xl font-bold mb-3">Redundant Storage <p class="opacity-80">Triple-redundant global storage system with instant cross-region failover for maximum uptime..</p> </div> </section> </main> <footer class="mt-32 py-16 text-center opacity-70 text-sm"> <p>© 2025 DataShield Inc. All rights reserved..</p> <div class="mt-4 space-x-4"> <a href="/backup/privacy.html" class="hover:underline transition">Privacy <a href="/backup/terms.html" class="hover:underline transition">Terms <a href="/backup/support.html" class="hover:underline transition