diff --git a/assets/nuviotext.png b/assets/nuviotext.png
new file mode 100644
index 0000000..3cf8ed3
Binary files /dev/null and b/assets/nuviotext.png differ
diff --git a/index.html b/index.html
index e617241..3726ebc 100644
--- a/index.html
+++ b/index.html
@@ -7,934 +7,219 @@
     <title>Nuvio - Media Hub</title>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap"
         rel="stylesheet">
-    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
     <style>
         * {
             margin: 0;
             padding: 0;
             box-sizing: border-box;
+            -webkit-tap-highlight-color: transparent;
         }
 
-        /* Privacy Policy Styles */
-        .privacy-policy {
-            min-height: 100vh;
-            padding: 4rem 0;
-            background: linear-gradient(135deg, #000000 0%, #0a0a0a 15%, #1a1a1a 35%, #0f0f0f 65%, #000000 100%);
-            background-attachment: fixed;
-        }
-
-        .privacy-content {
-            max-width: 800px;
-            margin: 0 auto;
-            position: relative;
-        }
-
-        .privacy-back-btn {
-            display: flex;
-            align-items: center;
-            gap: 0.5rem;
-            background: rgba(255, 255, 255, 0.1);
-            border: 1px solid rgba(255, 255, 255, 0.2);
-            border-radius: 12px;
-            padding: 0.75rem 1.25rem;
-            color: white;
-            font-size: 0.9rem;
-            font-weight: 500;
-            cursor: pointer;
-            transition: all 0.3s ease;
-            margin-bottom: 2rem;
-            backdrop-filter: blur(10px);
-        }
-
-        .privacy-back-btn:hover {
-            background: rgba(255, 255, 255, 0.15);
-            border-color: rgba(255, 255, 255, 0.3);
-            transform: translateY(-2px);
-        }
-
-        .privacy-content h1 {
-            font-size: 3rem;
-            font-weight: 800;
-            color: white;
-            margin-bottom: 0.5rem;
-            text-align: center;
-            background: linear-gradient(135deg, #ffffff 0%, #e0e0e0 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
-        }
-
-        .last-updated {
-            text-align: center;
-            color: rgba(255, 255, 255, 0.6);
-            font-size: 0.9rem;
-            margin-bottom: 3rem;
-        }
-
-        .privacy-section {
-            margin-bottom: 2.5rem;
-            background: rgba(255, 255, 255, 0.02);
-            border: 1px solid rgba(255, 255, 255, 0.05);
-            border-radius: 16px;
-            padding: 2rem;
-            backdrop-filter: blur(10px);
-        }
-
-        .privacy-section h2 {
-            font-size: 1.5rem;
-            font-weight: 700;
-            color: white;
-            margin-bottom: 1rem;
-            border-bottom: 2px solid rgba(255, 255, 255, 0.1);
-            padding-bottom: 0.5rem;
-        }
-
-        .privacy-section h3 {
-            font-size: 1.2rem;
-            font-weight: 600;
-            color: white;
-            margin: 1.5rem 0 0.75rem 0;
-        }
-
-        .privacy-section p {
-            color: rgba(255, 255, 255, 0.8);
-            line-height: 1.7;
-            margin-bottom: 1rem;
-        }
-
-        .privacy-section ul {
-            list-style: none;
-            padding: 0;
-            margin: 1rem 0;
-        }
-
-        .privacy-section li {
-            color: rgba(255, 255, 255, 0.8);
-            line-height: 1.7;
-            margin-bottom: 0.75rem;
-            padding-left: 1.5rem;
-            position: relative;
-        }
-
-        .privacy-section li::before {
-            content: '•';
-            color: rgba(255, 255, 255, 0.4);
-            position: absolute;
-            left: 0;
-            font-weight: bold;
-        }
-
-        .privacy-section a {
-            color: #4a9eff;
-            text-decoration: none;
-            transition: color 0.3s ease;
-        }
-
-        .privacy-section a:hover {
-            color: #66b3ff;
-            text-decoration: underline;
-        }
-
-        .privacy-link {
-            color: rgba(255, 255, 255, 0.8);
-            text-decoration: none;
-            font-size: 0.9rem;
-            font-weight: 500;
-            transition: all 0.3s ease;
-            position: relative;
-            padding: 0.5rem 0;
-        }
-
-        .privacy-link::after {
-            content: '';
-            position: absolute;
-            bottom: 0;
-            left: 0;
-            width: 0;
-            height: 2px;
-            background: linear-gradient(90deg, #4a9eff, #66b3ff);
-            transition: width 0.3s ease;
-        }
-
-        .privacy-link:hover {
-            color: white;
-        }
-
-        .privacy-link:hover::after {
-            width: 100%;
-        }
-
-        /* Mobile responsive for privacy policy */
-        @media (max-width: 768px) {
-            .privacy-policy {
-                padding: 2rem 0;
-            }
-
-            .privacy-content {
-                padding: 0 1rem;
-            }
-
-            .privacy-content h1 {
-                font-size: 2.2rem;
-            }
-
-            .privacy-section {
-                padding: 1.5rem;
-                margin-bottom: 2rem;
-            }
-
-            .privacy-section h2 {
-                font-size: 1.3rem;
-            }
-
-            .privacy-section h3 {
-                font-size: 1.1rem;
-            }
-
-            .privacy-back-btn {
-                padding: 0.625rem 1rem;
-                font-size: 0.85rem;
-            }
-        }
-
-        @media (max-width: 480px) {
-            .privacy-content h1 {
-                font-size: 1.8rem;
-            }
-
-            .privacy-section {
-                padding: 1.25rem;
-                border-radius: 12px;
-            }
-
-            .privacy-section h2 {
-                font-size: 1.2rem;
-            }
-
-            .privacy-section h3 {
-                font-size: 1rem;
-            }
-
-            .privacy-section p,
-            .privacy-section li {
-                font-size: 0.9rem;
-            }
-        }
-
-        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
-
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
+        *:focus,
+        *:active {
+            outline: none !important;
         }
 
         html {
             scroll-behavior: smooth;
         }
 
-        html,
         body {
-            width: 100%;
-            min-height: 100%;
-            margin: 0;
-            padding: 0;
-        }
-
-        body {
-            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
-            background: linear-gradient(135deg, #000000 0%, #0a0a0a 15%, #1a1a1a 35%, #0f0f0f 65%, #000000 100%);
-            background-attachment: fixed;
-            color: #ffffff;
+            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            background: #000;
+            color: #fff;
             overflow-x: hidden;
-            line-height: 1.6;
-            width: 100vw;
-            min-height: 100vh;
-            display: flex;
-            flex-direction: column;
+            line-height: 1.5;
         }
 
         .container {
-            width: 100%;
+            max-width: 1400px;
             margin: 0 auto;
-            padding: 0 3rem;
+            padding: 0 2rem;
         }
 
         /* Hero Section */
         .hero {
             min-height: 100vh;
-            height: auto;
-            width: 100vw;
             display: flex;
             align-items: center;
             justify-content: center;
-            text-align: center;
-            background: transparent;
             position: relative;
-            overflow: hidden;
-            padding: 2rem 0;
-            margin: 0;
-        }
-
-        .hero::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background:
-                radial-gradient(circle at 20% 80%, rgba(40, 40, 40, 0.15) 0%, transparent 50%),
-                radial-gradient(circle at 80% 20%, rgba(60, 60, 60, 0.15) 0%, transparent 50%),
-                radial-gradient(circle at 40% 40%, rgba(80, 80, 80, 0.1) 0%, transparent 50%);
-            animation: float 20s ease-in-out infinite;
-        }
-
-        .hero::after {
-            content: '';
-            position: absolute;
-            top: 10%;
-            left: 10%;
-            right: 10%;
-            bottom: 10%;
-            background:
-                linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.01) 50%, transparent 70%),
-                linear-gradient(-45deg, transparent 30%, rgba(100, 100, 100, 0.02) 50%, transparent 70%);
-            border-radius: 50%;
-            animation: rotate 30s linear infinite;
-        }
-
-        @keyframes float {
-
-            0%,
-            100% {
-                transform: translateY(0px) rotate(0deg);
-            }
-
-            33% {
-                transform: translateY(-20px) rotate(1deg);
-            }
-
-            66% {
-                transform: translateY(10px) rotate(-1deg);
-            }
-        }
-
-        @keyframes rotate {
-            0% {
-                transform: rotate(0deg);
-            }
-
-            100% {
-                transform: rotate(360deg);
-            }
+            padding: 4rem 2rem;
         }
 
         .hero-content {
-            position: relative;
-            z-index: 3;
-            max-width: 1100px;
-            padding: 0 2rem;
-        }
-
-        .hero-content::before {
-            content: '';
-            position: absolute;
-            top: -50px;
-            left: -50px;
-            right: -50px;
-            bottom: -50px;
-            background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.015) 0%, transparent 70%);
-            border-radius: 50%;
-            z-index: -1;
-        }
-
-        .hero-title {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            gap: 2rem;
-            margin-bottom: 2rem;
-            animation: fadeInUp 1s ease-out both;
+            text-align: center;
+            max-width: 1200px;
         }
 
         .hero-logo {
-            width: clamp(7rem, 18vw, 12rem);
-            height: clamp(7rem, 18vw, 12rem);
-            object-fit: contain;
-            filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.3));
+            width: 120px;
+            height: 120px;
+            margin-bottom: 2rem;
+            opacity: 0.9;
+        }
+
+        .hero-brand-text {
+            height: clamp(4rem, 15vw, 10rem);
+            width: auto;
+            max-width: 90vw;
+            margin: 0 auto 2rem auto;
+            display: block;
+            filter: brightness(0) invert(1);
         }
 
         .hero h1 {
-            font-size: clamp(6rem, 15vw, 10rem);
-            font-weight: 800;
-            margin-bottom: 0;
-            background: linear-gradient(120deg, #ffffff 0%, #e8f0ff 25%, #f0e8ff 50%, #e8fffb 75%, #ffffff 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
-            background-size: 300% 300%;
-            letter-spacing: -0.05em;
-            line-height: 1.1;
+            font-size: clamp(5rem, 20vw, 14rem);
+            font-weight: 900;
+            letter-spacing: -0.06em;
+            line-height: 0.9;
+            margin-bottom: 1.5rem;
             text-transform: uppercase;
-            animation: nuvioGradient 20s ease-in-out infinite;
-            position: relative;
-            z-index: 1;
-            text-shadow: 0 0 40px rgba(255, 255, 255, 0.15);
-            transform-style: preserve-3d;
         }
 
-        .hero h1::before {
-            content: attr(data-text);
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background: linear-gradient(135deg, rgba(100, 100, 100, 0.1) 0%, rgba(150, 150, 150, 0.1) 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
-            transform: translateZ(-1px) scale(1.02);
-            filter: blur(2px);
-            opacity: 0.6;
-        }
-
-
-
-        @keyframes nuvioGradient {
-            0% {
-                background-position: 0% 50%;
-            }
-
-            50% {
-                background-position: 100% 50%;
-            }
-
-            100% {
-                background-position: 0% 50%;
-            }
-        }
-
-        @keyframes titleFloat {
-
-            0%,
-            100% {
-                transform: translateY(0px) rotateX(0deg);
-            }
-
-            50% {
-                transform: translateY(-10px) rotateX(2deg);
-            }
-        }
-
-        .hero p {
-            font-family: 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-            font-size: clamp(1.8rem, 4.5vw, 2.2rem);
+        .hero-tagline {
+            font-size: clamp(1.2rem, 3vw, 1.8rem);
             font-weight: 300;
+            color: rgba(255, 255, 255, 0.5);
+            margin-bottom: 4rem;
             letter-spacing: 0.02em;
-            opacity: 0.95;
-            margin-bottom: 3rem;
-            max-width: 700px;
-            margin-left: auto;
-            margin-right: auto;
-            line-height: 1.5;
-            color: #ffffff;
-            position: relative;
-            z-index: 1;
-            animation: fadeInUp 1s ease-out 0.5s both;
-            text-shadow: 0 2px 20px rgba(255, 255, 255, 0.1);
-            background: linear-gradient(135deg, #ffffff 0%, #e0e0e0 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
-        }
-
-        @keyframes fadeInUp {
-            0% {
-                opacity: 0;
-                transform: translateY(30px);
-            }
-
-            100% {
-                opacity: 0.9;
-                transform: translateY(0);
-            }
         }
 
         .download-buttons {
             display: flex;
-            gap: 2rem;
+            gap: 1rem;
             justify-content: center;
             flex-wrap: wrap;
-            margin-top: 1rem;
-            animation: fadeInUp 1s ease-out 1s both;
-        }
-
-        .download-buttons::before {
-            content: '';
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            width: 300px;
-            height: 300px;
-            background: radial-gradient(circle, rgba(100, 100, 100, 0.05) 0%, transparent 70%);
-            transform: translate(-50%, -50%);
-            border-radius: 50%;
-            animation: pulse 4s ease-in-out infinite;
-            z-index: -1;
-        }
-
-        @keyframes pulse {
-
-            0%,
-            100% {
-                transform: translate(-50%, -50%) scale(1);
-                opacity: 0.3;
-            }
-
-            50% {
-                transform: translate(-50%, -50%) scale(1.2);
-                opacity: 0.1;
-            }
         }
 
         .download-btn {
             display: inline-flex;
             align-items: center;
-            gap: 1rem;
-            padding: 1.25rem 2.5rem;
-            background: rgba(255, 255, 255, 0.04);
-            border: 1px solid rgba(255, 255, 255, 0.12);
-            border-radius: 60px;
-            color: white;
+            gap: 0.75rem;
+            padding: 1rem 2rem;
+            background: transparent;
+            border: 1px solid rgba(255, 255, 255, 0.2);
+            border-radius: 100px;
+            color: #fff;
             text-decoration: none;
-            font-size: 1.1rem;
+            font-size: 0.95rem;
             font-weight: 500;
-            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-            backdrop-filter: blur(30px);
-            letter-spacing: 0.005em;
-            position: relative;
-            overflow: hidden;
-        }
-
-        .download-btn::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: -100%;
-            width: 100%;
-            height: 100%;
-            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
-            transition: left 0.6s;
-        }
-
-        .download-btn:hover::before {
-            left: 100%;
+            transition: all 0.3s ease;
+            cursor: pointer;
         }
 
         .download-btn:hover {
-            background: rgba(120, 120, 120, 0.15);
-            border-color: rgba(150, 150, 150, 0.4);
-            transform: translateY(-3px);
-            box-shadow: 0 15px 40px rgba(100, 100, 100, 0.2);
+            background: #fff;
+            color: #000;
+            border-color: #fff;
         }
 
-        .download-btn svg {
-            width: 22px;
-            height: 22px;
-            opacity: 0.9;
-        }
-
-        .scroll-down {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            gap: 0.5rem;
-            color: rgba(255, 255, 255, 0.7);
+        .scroll-indicator {
+            position: absolute;
+            bottom: 3rem;
+            left: 50%;
+            transform: translateX(-50%);
+            color: rgba(255, 255, 255, 0.3);
             text-decoration: none;
-            transition: all 0.3s ease;
-            animation: fadeInUp 1s ease-out 1.5s both;
-            margin-top: 3rem;
-        }
-
-        .scroll-down:hover {
-            color: rgba(255, 255, 255, 1);
-            transform: translateY(-5px);
-        }
-
-        .scroll-down-arrow {
-            width: 24px;
-            height: 24px;
-            border: 2px solid currentColor;
-            border-radius: 50%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            animation: bounce 2s infinite;
-        }
-
-        .scroll-down-arrow svg {
-            width: 12px;
-            height: 12px;
-        }
-
-        .scroll-down-text {
-            font-size: 0.9rem;
-            font-weight: 300;
-            letter-spacing: 0.1em;
+            font-size: 0.75rem;
+            font-weight: 500;
+            letter-spacing: 0.2em;
             text-transform: uppercase;
+            transition: color 0.3s;
         }
 
-        @keyframes bounce {
-
-            0%,
-            20%,
-            50%,
-            80%,
-            100% {
-                transform: translateY(0);
-            }
-
-            40% {
-                transform: translateY(-8px);
-            }
-
-            60% {
-                transform: translateY(-4px);
-            }
+        .scroll-indicator:hover {
+            color: rgba(255, 255, 255, 0.6);
         }
 
         /* Features Section */
         .features {
-            min-height: 100vh;
-            padding: 4rem 0;
-            background: transparent;
-            width: 100%;
-            position: relative;
-            overflow: hidden;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
+            padding: 10rem 2rem;
+            border-top: 1px solid rgba(255, 255, 255, 0.05);
         }
 
-        .features::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            height: 1px;
-            background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.05) 50%, transparent 100%);
-        }
-
-        .features::after {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            background-image:
-                radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
-                radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.015) 1px, transparent 1px),
-                radial-gradient(circle at 40% 80%, rgba(255, 255, 255, 0.01) 1px, transparent 1px);
-            background-size: 100px 100px, 150px 150px, 200px 200px;
-            animation: floatParticles 20s linear infinite;
-            pointer-events: none;
-        }
-
-        @keyframes floatParticles {
-            0% {
-                transform: translateY(0) rotate(0deg);
-            }
-
-            100% {
-                transform: translateY(-20px) rotate(360deg);
-            }
-        }
-
-        .features h2 {
-            text-align: center;
-            font-size: 3.2rem;
-            font-weight: 700;
+        .section-title {
+            font-size: clamp(3rem, 10vw, 8rem);
+            font-weight: 900;
+            letter-spacing: -0.05em;
+            line-height: 0.95;
             margin-bottom: 6rem;
-            color: #ffffff;
-            opacity: 0.95;
-            letter-spacing: -0.03em;
-            line-height: 1.2;
-            position: relative;
-            background: linear-gradient(135deg, #ffffff 0%, #cccccc 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
-        }
-
-        .features h2::after {
-            content: '';
-            position: absolute;
-            bottom: -20px;
-            left: 50%;
-            transform: translateX(-50%);
-            width: 80px;
-            height: 3px;
-            background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.6) 50%, transparent 100%);
-            border-radius: 2px;
+            text-transform: uppercase;
         }
 
         .features-grid {
             display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
-            gap: 3rem;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 4rem 3rem;
         }
 
-        /* Mobile Carousel Styles */
-        @media (max-width: 768px) {
-            .features-grid {
-                display: flex;
-                overflow-x: auto;
-                scroll-snap-type: x mandatory;
-                gap: 2rem;
-                padding: 0 1rem;
-                scrollbar-width: none;
-                -ms-overflow-style: none;
-            }
-
-            .features-grid::-webkit-scrollbar {
-                display: none;
-            }
-
-            .feature-card {
-                flex: 0 0 85%;
-                scroll-snap-align: center;
-                max-width: 350px;
-            }
+        .feature-item {
+            border-top: 1px solid rgba(255, 255, 255, 0.1);
+            padding-top: 2rem;
         }
 
-        .feature-card {
-            background: rgba(255, 255, 255, 0.025);
-            border: 1px solid rgba(255, 255, 255, 0.08);
-            border-radius: 32px;
-            padding: 4rem 3rem;
-            text-align: left;
-            transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
-            backdrop-filter: blur(30px);
-            position: relative;
-            overflow: hidden;
-            cursor: pointer;
+        .feature-number {
+            font-size: 0.75rem;
+            font-weight: 500;
+            color: rgba(255, 255, 255, 0.3);
+            margin-bottom: 1rem;
+            letter-spacing: 0.1em;
         }
 
-        .feature-card::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background: linear-gradient(135deg,
-                    rgba(255, 255, 255, 0.08) 0%,
-                    rgba(255, 255, 255, 0.02) 50%,
-                    transparent 100%);
-            opacity: 0;
-            transition: all 0.6s ease;
-            transform: translateX(-100%);
-        }
-
-        .feature-card::after {
-            content: '';
-            position: absolute;
-            top: -50%;
-            right: -50%;
-            width: 100%;
-            height: 200%;
-            background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.03) 50%, transparent 70%);
-            transform: rotate(45deg);
-            opacity: 0;
-            transition: all 0.8s ease;
-        }
-
-        .feature-card:hover::before {
-            opacity: 1;
-            transform: translateX(0);
-        }
-
-        .feature-card:hover::after {
-            opacity: 1;
-            animation: shimmerSweep 1.5s ease-in-out;
-        }
-
-        @keyframes shimmerSweep {
-            0% {
-                transform: translateX(-100%) rotate(45deg);
-            }
-
-            100% {
-                transform: translateX(100%) rotate(45deg);
-            }
-        }
-
-        .feature-card:hover {
-            transform: translateY(-12px) scale(1.02);
-            background: rgba(255, 255, 255, 0.08);
-            border-color: rgba(255, 255, 255, 0.25);
-            box-shadow:
-                0 25px 80px rgba(0, 0, 0, 0.6),
-                0 0 0 1px rgba(255, 255, 255, 0.1),
-                inset 0 1px 0 rgba(255, 255, 255, 0.1);
-        }
-
-        .feature-icon {
-            width: 80px;
-            height: 80px;
-            margin-bottom: 2rem;
-            color: #cccccc;
-            opacity: 0.9;
-            position: relative;
-            z-index: 1;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            background: rgba(255, 255, 255, 0.03);
-            border-radius: 20px;
-            border: 1px solid rgba(255, 255, 255, 0.08);
-            transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
-            backdrop-filter: blur(20px);
-        }
-
-        .feature-icon svg {
-            width: 40px;
-            height: 40px;
-            transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
-        }
-
-        .feature-card:hover .feature-icon {
-            background: rgba(255, 255, 255, 0.08);
-            border-color: rgba(255, 255, 255, 0.2);
-            transform: translateY(-5px) scale(1.1);
-            box-shadow: 0 15px 40px rgba(255, 255, 255, 0.1);
-        }
-
-        .feature-card:hover .feature-icon svg {
-            transform: scale(1.2) rotate(5deg);
-            color: #ffffff;
-        }
-
-        .feature-card h3 {
-            font-size: 1.6rem;
+        .feature-title {
+            font-size: 1.5rem;
             font-weight: 700;
-            margin-bottom: 1.5rem;
-            color: #ffffff;
+            margin-bottom: 1rem;
             letter-spacing: -0.02em;
-            line-height: 1.3;
-            position: relative;
-            z-index: 1;
-            transition: all 0.4s ease;
         }
 
-        .feature-card:hover h3 {
-            transform: translateY(-2px);
-            text-shadow: 0 4px 20px rgba(255, 255, 255, 0.2);
-        }
-
-        .feature-card p {
-            opacity: 0.75;
-            line-height: 1.8;
-            font-weight: 400;
-            font-size: 1.05rem;
-            position: relative;
-            z-index: 1;
-            transition: all 0.4s ease;
-            color: #e0e0e0;
-        }
-
-        .feature-card:hover p {
-            opacity: 0.9;
-            transform: translateY(-1px);
+        .feature-desc {
+            font-size: 1rem;
+            color: rgba(255, 255, 255, 0.5);
+            line-height: 1.7;
         }
 
         /* Screenshots Section */
         .screenshots {
-            min-height: 100vh;
-            padding: 4rem 0;
-            background: transparent;
-            width: 100%;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-        }
-
-        .screenshots h2 {
-            text-align: center;
-            font-size: 2.8rem;
-            font-weight: 600;
-            margin-bottom: 5rem;
-            color: #ffffff;
-            opacity: 0.95;
-            letter-spacing: -0.03em;
-            line-height: 1.2;
+            padding: 10rem 2rem;
+            border-top: 1px solid rgba(255, 255, 255, 0.05);
         }
 
         .screenshots-grid {
             display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
-            gap: 2.5rem;
+            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+            gap: 2rem;
         }
 
         .screenshot {
-            background: rgba(255, 255, 255, 0.025);
-            border: 1px solid rgba(255, 255, 255, 0.08);
-            border-radius: 28px;
-            padding: 2rem;
-            text-align: center;
-            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
-            backdrop-filter: blur(30px);
             position: relative;
+            border-radius: 16px;
             overflow: hidden;
+            background: rgba(255, 255, 255, 0.02);
             cursor: pointer;
-        }
-
-        .screenshot::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background: linear-gradient(135deg, rgba(168, 85, 247, 0.02) 0%, transparent 50%);
-            opacity: 0;
-            transition: opacity 0.5s ease;
-        }
-
-        .screenshot:hover::before {
-            opacity: 1;
+            transition: transform 0.4s ease;
         }
 
         .screenshot:hover {
-            transform: translateY(-5px) scale(1.02);
-            background: rgba(255, 255, 255, 0.05);
-            border-color: rgba(168, 85, 247, 0.25);
-            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
+            transform: translateY(-8px);
         }
 
         .screenshot img {
             width: 100%;
             height: auto;
-            max-height: 500px;
-            object-fit: contain;
-            border-radius: 16px;
-            margin-bottom: 1.5rem;
-            opacity: 0.95;
-            position: relative;
-            z-index: 1;
-            transition: all 0.4s ease;
+            display: block;
+            opacity: 0.9;
+            transition: opacity 0.3s;
         }
 
         .screenshot:hover img {
-            transform: scale(1.05);
             opacity: 1;
         }
 
-        /* Modal Styles */
+
+
+        /* Modal */
         .modal-overlay {
             position: fixed;
             top: 0;
@@ -949,7 +234,7 @@
             justify-content: center;
             opacity: 0;
             visibility: hidden;
-            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+            transition: all 0.3s ease;
         }
 
         .modal-overlay.active {
@@ -961,60 +246,34 @@
             position: relative;
             max-width: 90vw;
             max-height: 90vh;
-            transform: scale(0.8) translateY(50px);
-            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-        }
-
-        .modal-overlay.active .modal-content {
-            transform: scale(1) translateY(0);
         }
 
         .modal-image {
-            width: 100%;
-            height: auto;
             max-width: 100%;
-            max-height: 90vh;
-            object-fit: contain;
-            border-radius: 20px;
-            box-shadow: 0 25px 100px rgba(0, 0, 0, 0.8);
+            max-height: 85vh;
+            border-radius: 12px;
         }
 
         .modal-close {
             position: absolute;
-            top: -50px;
+            top: -3rem;
             right: 0;
-            background: rgba(255, 255, 255, 0.1);
-            border: 1px solid rgba(255, 255, 255, 0.2);
-            border-radius: 50%;
-            width: 40px;
-            height: 40px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: white;
+            background: none;
+            border: none;
+            color: rgba(255, 255, 255, 0.6);
+            font-size: 0.75rem;
+            font-weight: 500;
+            letter-spacing: 0.1em;
+            text-transform: uppercase;
             cursor: pointer;
-            transition: all 0.3s ease;
-            backdrop-filter: blur(20px);
+            transition: color 0.3s;
         }
 
         .modal-close:hover {
-            background: rgba(255, 255, 255, 0.2);
-            transform: scale(1.1);
+            color: #fff;
         }
 
-        .modal-title {
-            position: absolute;
-            bottom: -60px;
-            left: 50%;
-            transform: translateX(-50%);
-            color: white;
-            font-size: 1.2rem;
-            font-weight: 500;
-            text-align: center;
-            opacity: 0.9;
-        }
-
-        /* iOS Installation Modal */
+        /* iOS Modal */
         .ios-modal {
             position: fixed;
             top: 0;
@@ -1029,7 +288,7 @@
             justify-content: center;
             opacity: 0;
             visibility: hidden;
-            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+            transition: all 0.3s ease;
         }
 
         .ios-modal.active {
@@ -1038,71 +297,58 @@
         }
 
         .ios-modal-content {
-            background: rgba(20, 20, 20, 0.95);
+            background: #0a0a0a;
             border: 1px solid rgba(255, 255, 255, 0.1);
-            border-radius: 24px;
+            border-radius: 20px;
             padding: 2.5rem;
-            max-width: 500px;
+            max-width: 440px;
             width: 90%;
-            backdrop-filter: blur(30px);
-            transform: scale(0.8) translateY(50px);
-            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-            position: relative;
-        }
-
-        .ios-modal.active .ios-modal-content {
-            transform: scale(1) translateY(0);
         }
 
         .ios-modal-header {
-            text-align: center;
             margin-bottom: 2rem;
         }
 
         .ios-modal-title {
-            color: white;
-            font-size: 1.8rem;
-            font-weight: 600;
+            font-size: 1.5rem;
+            font-weight: 700;
             margin-bottom: 0.5rem;
             letter-spacing: -0.02em;
         }
 
         .ios-modal-subtitle {
-            color: rgba(255, 255, 255, 0.7);
-            font-size: 1rem;
-            font-weight: 400;
+            font-size: 0.9rem;
+            color: rgba(255, 255, 255, 0.4);
         }
 
         .ios-install-options {
             display: flex;
             flex-direction: column;
-            gap: 1rem;
+            gap: 0.75rem;
         }
 
         .ios-install-option {
             display: flex;
             align-items: center;
             gap: 1rem;
-            padding: 1.25rem;
-            background: rgba(255, 255, 255, 0.04);
-            border: 1px solid rgba(255, 255, 255, 0.08);
-            border-radius: 16px;
-            color: white;
+            padding: 1rem;
+            background: rgba(255, 255, 255, 0.03);
+            border: 1px solid rgba(255, 255, 255, 0.06);
+            border-radius: 12px;
+            color: #fff;
             text-decoration: none;
             transition: all 0.3s ease;
             cursor: pointer;
         }
 
         .ios-install-option:hover {
-            background: rgba(255, 255, 255, 0.08);
-            border-color: rgba(255, 255, 255, 0.2);
-            transform: translateY(-2px);
+            background: rgba(255, 255, 255, 0.06);
+            border-color: rgba(255, 255, 255, 0.1);
         }
 
         .ios-option-icon {
-            width: 48px;
-            height: 48px;
-            border-radius: 12px;
+            width: 40px;
+            height: 40px;
             display: flex;
             align-items: center;
             justify-content: center;
@@ -1120,39 +366,30 @@
         }
 
         .ios-option-title {
-            font-size: 1.1rem;
+            font-size: 0.95rem;
             font-weight: 600;
-            margin-bottom: 0.25rem;
-            color: white;
+            margin-bottom: 0.2rem;
         }
 
         .ios-option-description {
-            font-size: 0.9rem;
-            color: rgba(255, 255, 255, 0.6);
-            line-height: 1.4;
+            font-size: 0.8rem;
+            color: rgba(255, 255, 255, 0.4);
         }
 
         .ios-modal-close {
             position: absolute;
             top: 1rem;
             right: 1rem;
-            background: rgba(255, 255, 255, 0.1);
+            background: none;
             border: none;
-            border-radius: 50%;
-            width: 36px;
-            height: 36px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: white;
+            color: rgba(255, 255, 255, 0.5);
+            font-size: 1.5rem;
             cursor: pointer;
-            transition: all 0.3s ease;
-            font-size: 1.2rem;
+            transition: color 0.3s;
         }
 
         .ios-modal-close:hover {
-            background: rgba(255, 255, 255, 0.2);
-            transform: scale(1.1);
+            color: #fff;
         }
 
         .copy-feedback {
@@ -1160,11 +397,12 @@
             top: 50%;
             left: 50%;
             transform: translate(-50%, -50%);
-            background: rgba(0, 0, 0, 0.8);
-            color: white;
+            background: #fff;
+            color: #000;
             padding: 1rem 2rem;
-            border-radius: 12px;
-            font-size: 0.9rem;
+            border-radius: 8px;
+            font-size: 0.875rem;
+            font-weight: 500;
             z-index: 3000;
             opacity: 0;
             transition: opacity 0.3s ease;
@@ -1174,190 +412,49 @@
             opacity: 1;
         }
 
-        /* Mobile Responsive Styles for iOS Modal */
-        @media (max-width: 768px) {
-            .ios-modal-content {
-                padding: 1.5rem;
-                margin: 1rem;
-                max-width: calc(100% - 2rem);
-                width: calc(100% - 2rem);
-                border-radius: 20px;
-            }
-
-            .ios-modal-title {
-                font-size: 1.5rem;
-                margin-bottom: 0.25rem;
-            }
-
-            .ios-modal-subtitle {
-                font-size: 0.9rem;
-            }
-
-            .ios-modal-header {
-                margin-bottom: 1.5rem;
-            }
-
-            .ios-install-option {
-                padding: 1rem;
-                gap: 0.75rem;
-                border-radius: 12px;
-            }
-
-            .ios-option-icon {
-                width: 40px;
-                height: 40px;
-                border-radius: 10px;
-            }
-
-            .ios-option-icon img {
-                width: 28px;
-                height: 28px;
-                border-radius: 6px;
-            }
-
-            .ios-option-title {
-                font-size: 1rem;
-                margin-bottom: 0.2rem;
-            }
-
-            .ios-option-description {
-                font-size: 0.85rem;
-                line-height: 1.3;
-            }
-
-            .ios-modal-close {
-                top: 0.75rem;
-                right: 0.75rem;
-                width: 32px;
-                height: 32px;
-                font-size: 1.1rem;
-            }
-
-            .copy-feedback {
-                padding: 0.75rem 1.5rem;
-                font-size: 0.85rem;
-                border-radius: 10px;
-                margin: 0 1rem;
-                max-width: calc(100% - 2rem);
-            }
-        }
-
-        @media (max-width: 480px) {
-            .ios-modal-content {
-                padding: 1.25rem;
-                margin: 0.75rem;
-                max-width: calc(100% - 1.5rem);
-                width: calc(100% - 1.5rem);
-                border-radius: 16px;
-            }
-
-            .ios-modal-title {
-                font-size: 1.3rem;
-            }
-
-            .ios-modal-subtitle {
-                font-size: 0.85rem;
-            }
-
-            .ios-install-option {
-                padding: 0.875rem;
-                gap: 0.625rem;
-                border-radius: 10px;
-            }
-
-            .ios-option-icon {
-                width: 36px;
-                height: 36px;
-                border-radius: 8px;
-            }
-
-            .ios-option-icon img {
-                width: 24px;
-                height: 24px;
-                border-radius: 5px;
-            }
-
-            .ios-option-title {
-                font-size: 0.95rem;
-            }
-
-            .ios-option-description {
-                font-size: 0.8rem;
-            }
-
-            .ios-modal-close {
-                top: 0.5rem;
-                right: 0.5rem;
-                width: 30px;
-                height: 30px;
-                font-size: 1rem;
-            }
-
-            .copy-feedback {
-                padding: 0.625rem 1.25rem;
-                font-size: 0.8rem;
-                border-radius: 8px;
-            }
-        }
-
-        .screenshot h4 {
-            font-size: 1rem;
-            font-weight: 500;
-            color: #ffffff;
-            opacity: 0.8;
-            position: relative;
-            z-index: 1;
-        }
-
         /* Footer */
         .footer {
-            padding: 5rem 0 3rem;
-            background: transparent;
+            padding: 8rem 2rem 4rem;
+            border-top: 1px solid rgba(255, 255, 255, 0.05);
+        }
+
+        .footer-content {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 3rem;
+        }
+
+        .footer-credits {
             text-align: center;
-            border-top: 1px solid rgba(255, 255, 255, 0.08);
-            width: 100%;
-            margin-top: auto;
         }
 
-        .credits {
-            margin-bottom: 3rem;
-            padding: 2rem 0;
+        .footer-credits-title {
+            font-size: 0.75rem;
+            font-weight: 500;
+            color: rgba(255, 255, 255, 0.3);
+            letter-spacing: 0.15em;
+            text-transform: uppercase;
+            margin-bottom: 1.5rem;
         }
 
-        .credits h3 {
-            color: #ffffff;
-            font-size: 1.2rem;
-            margin-bottom: 2rem;
-            opacity: 0.9;
-        }
-
-        .credits-grid {
+        .credits-logos {
             display: flex;
             justify-content: center;
             align-items: center;
-            gap: 3rem;
+            gap: 2.5rem;
             flex-wrap: wrap;
-            max-width: 800px;
-            margin: 0 auto;
-        }
-
-        .credit-item {
-            display: flex;
-            align-items: center;
-            gap: 0.5rem;
-            opacity: 0.8;
-            transition: opacity 0.3s ease, transform 0.3s ease;
-        }
-
-        .credit-item:hover {
-            opacity: 1;
-            transform: translateY(-2px);
         }
 
         .credit-logo {
-            height: 32px;
+            height: 28px;
             width: auto;
-            filter: brightness(0.9);
+            opacity: 0.5;
+            transition: opacity 0.3s;
+        }
+
+        .credit-logo:hover {
+            opacity: 0.8;
         }
 
         .stremio-logos {
@@ -1366,254 +463,213 @@
             gap: 0.5rem;
         }
 
-        .footer p {
-            opacity: 0.5;
-            margin-bottom: 3rem;
-            font-weight: 400;
-            font-size: 1rem;
+        .footer-tagline {
+            font-size: 0.875rem;
+            color: rgba(255, 255, 255, 0.3);
         }
 
         .footer-links {
             display: flex;
-            justify-content: center;
-            gap: 4rem;
+            gap: 2.5rem;
             flex-wrap: wrap;
-            margin-bottom: 2rem;
+            justify-content: center;
         }
 
-        .footer-links a {
-            color: #cccccc;
-            text-decoration: none;
-            transition: all 0.3s ease;
-            font-weight: 500;
-            font-size: 1rem;
-            opacity: 0.8;
-            position: relative;
-        }
-
-        .footer-links a::after {
-            content: '';
-            position: absolute;
-            bottom: -4px;
-            left: 0;
-            width: 0;
-            height: 2px;
-            background: #cccccc;
-            transition: width 0.3s ease;
-        }
-
-        .footer-links a:hover::after {
-            width: 100%;
-        }
-
-        .footer-links a:hover {
-            opacity: 1;
-            transform: translateY(-2px);
-        }
-
-        .github-link {
+        .footer-link {
             display: inline-flex;
             align-items: center;
             gap: 0.5rem;
+            color: rgba(255, 255, 255, 0.5);
+            text-decoration: none;
+            font-size: 0.875rem;
+            font-weight: 500;
+            transition: color 0.3s;
         }
 
-        .github-logo {
-            width: 20px;
-            height: 20px;
+        .footer-link:hover {
+            color: #fff;
+        }
+
+        .footer-link img {
+            width: 18px;
+            height: 18px;
             filter: invert(1);
+            opacity: 0.6;
         }
 
-        /* Discord icon styling to make it white */
-        .footer-links a[href*="discord"] .github-logo {
+        .footer-link[href*="discord"] img {
             filter: brightness(0) invert(1);
         }
 
-        @media (max-width: 768px) {
-            .credits-grid {
-                gap: 2rem;
-            }
-
-            .credit-logo {
-                height: 28px;
-            }
+        .footer-copyright {
+            font-size: 0.75rem;
+            color: rgba(255, 255, 255, 0.2);
+            text-align: center;
         }
 
-        /* Responsive */
-        @media (max-width: 1024px) {
-            .container {
-                padding: 0 2rem;
-            }
-
-            .features-grid {
-                grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
-                gap: 2rem;
-            }
-
-            .feature-card {
-                padding: 3rem 2.5rem;
-            }
+        /* Privacy Policy */
+        .privacy-policy {
+            min-height: 100vh;
+            padding: 4rem 2rem;
+            display: none;
         }
 
+        .privacy-back-btn {
+            display: inline-flex;
+            align-items: center;
+            gap: 0.5rem;
+            background: none;
+            border: 1px solid rgba(255, 255, 255, 0.2);
+            border-radius: 100px;
+            padding: 0.75rem 1.5rem;
+            color: #fff;
+            font-size: 0.875rem;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s;
+            margin-bottom: 4rem;
+        }
+
+        .privacy-back-btn:hover {
+            background: #fff;
+            color: #000;
+        }
+
+        .privacy-content h1 {
+            font-size: clamp(3rem, 10vw, 6rem);
+            font-weight: 900;
+            letter-spacing: -0.04em;
+            margin-bottom: 1rem;
+            text-transform: uppercase;
+        }
+
+        .last-updated {
+            color: rgba(255, 255, 255, 0.3);
+            font-size: 0.875rem;
+            margin-bottom: 4rem;
+        }
+
+        .privacy-section {
+            margin-bottom: 3rem;
+            max-width: 700px;
+        }
+
+        .privacy-section h2 {
+            font-size: 1.25rem;
+            font-weight: 700;
+            margin-bottom: 1rem;
+            letter-spacing: -0.02em;
+        }
+
+        .privacy-section p {
+            color: rgba(255, 255, 255, 0.6);
+            line-height: 1.8;
+            margin-bottom: 1rem;
+        }
+
+        .privacy-section ul {
+            list-style: none;
+            padding: 0;
+            margin: 1rem 0;
+        }
+
+        .privacy-section li {
+            color: rgba(255, 255, 255, 0.6);
+            line-height: 1.8;
+            padding-left: 1rem;
+            position: relative;
+            margin-bottom: 0.5rem;
+        }
+
+        .privacy-section li::before {
+            content: '—';
+            position: absolute;
+            left: 0;
+            color: rgba(255, 255, 255, 0.2);
+        }
+
+        .privacy-section a {
+            color: #fff;
+            text-decoration: underline;
+            text-underline-offset: 3px;
+        }
+
+        .privacy-section a:hover {
+            text-decoration: none;
+        }
+
+        /* Mobile Responsive */
         @media (max-width: 768px) {
             .container {
                 padding: 0 1.5rem;
             }
 
             .hero {
-                padding: 2rem 0;
-                min-height: 100vh;
-            }
-
-            .hero-title {
-                flex-direction: column;
-                gap: 1rem;
+                padding: 3rem 1.5rem;
             }
 
             .hero-logo {
-                width: clamp(5rem, 15vw, 8rem);
-                height: clamp(5rem, 15vw, 8rem);
+                width: 80px;
+                height: 80px;
             }
 
-            .hero h1 {
-                font-size: clamp(3rem, 12vw, 8rem);
-                margin-bottom: 1.5rem;
-            }
-
-            .hero p {
-                font-size: 1.1rem;
-                margin-bottom: 2.5rem;
-            }
-
-            .scroll-down {
-                display: flex;
-                margin-top: 2rem;
+            .hero-tagline {
+                margin-bottom: 3rem;
             }
 
             .download-buttons {
                 flex-direction: column;
                 align-items: center;
-                gap: 1.5rem;
             }
 
             .download-btn {
                 width: 100%;
-                max-width: 300px;
+                max-width: 280px;
                 justify-content: center;
             }
 
             .features,
             .screenshots {
-                padding: 3rem 0;
-                min-height: 100vh;
+                padding: 6rem 1.5rem;
             }
 
-            .features h2 {
-                font-size: 2.5rem;
-                margin-bottom: 3rem;
-            }
-
-            .screenshots h2 {
-                font-size: 2.2rem;
-                margin-bottom: 3rem;
+            .section-title {
+                margin-bottom: 4rem;
             }
 
             .features-grid {
-                grid-template-columns: 1fr;
-                gap: 2rem;
+                gap: 3rem;
             }
 
-            .feature-card {
-                padding: 3rem 2rem;
-            }
-
-            .screenshots-grid {
-                grid-template-columns: 1fr;
-                gap: 2rem;
+            .footer {
+                padding: 6rem 1.5rem 3rem;
             }
 
             .footer-links {
-                gap: 2rem;
+                gap: 1.5rem;
+            }
+
+            .ios-modal-content {
+                padding: 2rem 1.5rem;
             }
         }
 
         @media (max-width: 480px) {
-            .container {
-                padding: 0 1rem;
-            }
-
-            .hero {
-                min-height: 80vh;
-                padding: 1.5rem 0;
-            }
-
             .hero h1 {
-                font-size: clamp(2.5rem, 10vw, 6rem);
-                margin-bottom: 1rem;
+                font-size: clamp(3.5rem, 18vw, 6rem);
             }
 
-            .hero p {
-                font-size: 1rem;
-                margin-bottom: 2rem;
+            .section-title {
+                font-size: clamp(2.5rem, 12vw, 4rem);
             }
 
-            .features,
-            .screenshots {
-                padding: 3rem 0;
+            .screenshots-grid {
+                grid-template-columns: 1fr;
             }
 
-            .features h2,
-            .screenshots h2 {
-                font-size: 1.8rem;
-                margin-bottom: 2rem;
+            .privacy-content h1 {
+                font-size: clamp(2.5rem, 12vw, 4rem);
             }
-
-            .feature-card {
-                padding: 2rem 1.5rem;
-            }
-
-            .screenshot {
-                padding: 1.5rem;
-            }
-        }
-
-        /* Mobile focus highlight removal */
-        a,
-        button,
-        .download-btn,
-        .privacy-back-btn,
-        .ios-install-option,
-        .ios-modal-close,
-        .scroll-down {
-            -webkit-tap-highlight-color: transparent;
-        }
-
-        a:focus,
-        a:active,
-        button:focus,
-        button:active,
-        .download-btn:focus,
-        .download-btn:active,
-        .privacy-back-btn:focus,
-        .privacy-back-btn:active,
-        .ios-install-option:focus,
-        .ios-install-option:active,
-        .ios-modal-close:focus,
-        .ios-modal-close:active,
-        .scroll-down:focus,
-        .scroll-down:active {
-            outline: none;
-            box-shadow: none;
-        }
-
-        /* Apply tap highlight and focus removal globally, including feature cards and screenshots */
-        * {
-            -webkit-tap-highlight-color: transparent;
-        }
-
-        *:focus,
-        *:active {
-            outline: none !important;
-            box-shadow: none !important;
         }
     </style>
 </head>
@@ -1621,11 +677,9 @@
 <body>
     <section class="hero">
         <div class="hero-content">
-            <div class="hero-title">
-                <img src="assets/splash-icon.png" alt="Nuvio Logo" class="hero-logo">
-                <h1 data-text="NUVIO">NUVIO</h1>
-            </div>
-            <p>The Ultimate Open-Source Media Experience</p>
+            <img src="assets/splash-icon.png" alt="Nuvio" class="hero-logo">
+            <img src="assets/nuviotext.png" alt="NUVIO" class="hero-brand-text">
+            <p class="hero-tagline">The Ultimate Open-Source Media Experience</p>
 
             <div class="download-buttons">
                 <a href="https://github.com/tapframe/NuvioStreaming/releases" class="download-btn">
@@ -1635,17 +689,9 @@
                     Install for iOS
                 </a>
             </div>
-
-            <a href="#features" class="scroll-down">
-                <div class="scroll-down-arrow">
-                    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path d="M7 13L12 18L17 13" stroke="currentColor" stroke-width="2" stroke-linecap="round"
-                            stroke-linejoin="round" />
-                    </svg>
-                </div>
-                <span class="scroll-down-text">Explore</span>
-            </a>
         </div>
+
+        <a href="#features" class="scroll-indicator">Scroll</a>
     </section>
 
     <!-- iOS Installation Modal -->
@@ -1653,142 +699,104 @@
         <div class="ios-modal-content">
             <button class="ios-modal-close" id="ios-modal-close">×</button>
             <div class="ios-modal-header">
-                <h3 class="ios-modal-title">Install Nuvio on iOS</h3>
-                <p class="ios-modal-subtitle">Choose your preferred installation method</p>
+                <h3 class="ios-modal-title">Install on iOS</h3>
+                <p class="ios-modal-subtitle">Choose your preferred method</p>
             </div>
             <div class="ios-install-options">
-                <a href="https://testflight.apple.com/join/QkKMGRqp" class="ios-install-option" id="testflight-install">
+                <a href="https://testflight.apple.com/join/QkKMGRqp" class="ios-install-option">
                     <div class="ios-option-icon">
                         <img src="https://upload.wikimedia.org/wikipedia/fr/b/bc/TestFlight-icon.png" alt="TestFlight">
                     </div>
                     <div class="ios-option-content">
                         <div class="ios-option-title">TestFlight (Recommended)</div>
-                        <div class="ios-option-description">Install via Apple's official beta testing platform</div>
+                        <div class="ios-option-description">Apple's official beta testing platform</div>
                     </div>
                 </a>
 
-                <a href="https://github.com/tapframe/NuvioStreaming/releases" class="ios-install-option"
-                    id="direct-download">
+                <a href="https://github.com/tapframe/NuvioStreaming/releases" class="ios-install-option">
                     <div class="ios-option-icon">
                         <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJMMTMuMDkgOC4yNkwyMCA5TDEzLjA5IDE1Ljc0TDEyIDIyTDEwLjkxIDE1Ljc0TDQgOUwxMC45MSA4LjI2TDEyIDJaIiBmaWxsPSIjNjY2NjY2Ii8+Cjwvc3ZnPgo="
-                            alt="Direct Download">
+                            alt="Download">
                     </div>
                     <div class="ios-option-content">
                         <div class="ios-option-title">Direct Download</div>
-                        <div class="ios-option-description">Download the IPA file directly to your device</div>
+                        <div class="ios-option-description">Download the IPA file</div>
                     </div>
                 </a>
 
-                <a href="https://tinyurl.com/NuvioAltstore" class="ios-install-option" id="altstore-install">
+                <a href="https://tinyurl.com/NuvioAltstore" class="ios-install-option">
                     <div class="ios-option-icon">
                         <img src="https://upload.wikimedia.org/wikipedia/commons/2/20/AltStore_logo.png" alt="AltStore">
                     </div>
                     <div class="ios-option-content">
-                        <div class="ios-option-title">Install via AltStore</div>
-                        <div class="ios-option-description">One-click installation through AltStore</div>
+                        <div class="ios-option-title">AltStore</div>
+                        <div class="ios-option-description">One-click installation</div>
                     </div>
                 </a>
 
-                <a href="https://tinyurl.com/NuvioSidestore" class="ios-install-option" id="sidestore-install">
+                <a href="https://tinyurl.com/NuvioSidestore" class="ios-install-option">
                     <div class="ios-option-icon">
                         <img src="https://github.com/SideStore/assets/blob/main/icon.png?raw=true" alt="SideStore">
                     </div>
                     <div class="ios-option-content">
-                        <div class="ios-option-title">Install via SideStore</div>
-                        <div class="ios-option-description">One-click installation through SideStore</div>
+                        <div class="ios-option-title">SideStore</div>
+                        <div class="ios-option-description">One-click installation</div>
                     </div>
                 </a>
 
                 <div class="ios-install-option" id="copy-url">
                     <div class="ios-option-icon">
-                        <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggNUMzIDUgMyA1IDMgMTBWMTRDMyAxOSAzIDE5IDggMTlIMTZDMjEgMTkgMjEgMTkgMjEgMTRWMTBDMjEgNSAyMSA1IDE2IDVIOFoiIHN0cm9rZT0iIzY2NjY2NiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEwIDEySDEwLjAxIiBzdHJva2U9IiM2NjY2NjYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNCAxMkgxNC4wMSIgc3Ryb2tlPSIjNjY2NjY2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"
-                            alt="Copy URL">
+                        <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggNUMzIDUgMyA1IDMgMTBWMTRDMyAxOSAzIDE5IDggMTlIMTZDMjEgMTkgMjEgMTkgMjEgMTRWMTBDMjEgNSAyMSA1IDE2IDVIOFoiIHN0cm9rZT0iIzY2NjY2NiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEwIDEySDE4LjAxIiBzdHJva2U9IiM2NjY2NjYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNCAxMkgxNC4wMSIgc3Ryb2tlPSIjNjY2NjY2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"
+                            alt="Copy">
                     </div>
                     <div class="ios-option-content">
                         <div class="ios-option-title">Copy Source URL</div>
-                        <div class="ios-option-description">Copy the repository URL to add manually</div>
+                        <div class="ios-option-description">Add manually to your app</div>
                     </div>
                 </div>
             </div>
         </div>
     </div>
 
-    <!-- Copy Feedback -->
-    <div id="copy-feedback" class="copy-feedback">
-        URL copied to clipboard!
-    </div>
+    <div id="copy-feedback" class="copy-feedback">Copied</div>
 
     <section class="features" id="features">
         <div class="container">
-            <h2>POWERFUL FEATURES</h2>
+            <h2 class="section-title">Features</h2>
             <div class="features-grid">
-                <div class="feature-card" data-aos="fade-up" data-aos-delay="100">
-                    <div class="feature-icon">
-                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M12 2L3 7L12 12L21 7L12 2Z" stroke="currentColor" stroke-width="2"
-                                stroke-linecap="round" stroke-linejoin="round" />
-                            <path d="M3 17L12 22L21 17" stroke="currentColor" stroke-width="2" stroke-linecap="round"
-                                stroke-linejoin="round" />
-                            <path d="M3 12L12 17L21 12" stroke="currentColor" stroke-width="2" stroke-linecap="round"
-                                stroke-linejoin="round" />
-                        </svg>
-                    </div>
-                    <h3>Stremio Addon Support</h3>
-                    <p>Full compatibility with Stremio addons, allowing you to access your favorite content providers
-                        seamlessly.</p>
+                <div class="feature-item">
+                    <div class="feature-number">01</div>
+                    <h3 class="feature-title">Stremio Addon Support</h3>
+                    <p class="feature-desc">Full compatibility with Stremio addons. Access your favorite content
+                        providers seamlessly.</p>
                 </div>
 
-                <div class="feature-card" data-aos="fade-up" data-aos-delay="200">
-                    <div class="feature-icon">
-                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M12 2L13.09 8.26L22 9L17 14L18.18 23L12 19.77L5.82 23L7 14L2 9L10.91 8.26L12 2Z"
-                                stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
-                        </svg>
-                    </div>
-                    <h3>Advanced Rating System</h3>
-                    <p>Comprehensive rating screens with IMDB, TMDB, Rotten Tomatoes, and Metacritic scores for informed
-                        viewing decisions.</p>
+                <div class="feature-item">
+                    <div class="feature-number">02</div>
+                    <h3 class="feature-title">Advanced Rating System</h3>
+                    <p class="feature-desc">Comprehensive ratings from IMDB, TMDB, Rotten Tomatoes, and Metacritic for
+                        informed viewing.</p>
                 </div>
 
-                <div class="feature-card" data-aos="fade-up" data-aos-delay="300">
-                    <div class="feature-icon">
-                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M12 1L3 5V11C3 16.55 6.84 21.74 12 23C17.16 21.74 21 16.55 21 11V5L12 1Z"
-                                stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
-                            <path d="M9 12L11 14L15 10" stroke="currentColor" stroke-width="2" stroke-linecap="round"
-                                stroke-linejoin="round" />
-                        </svg>
-                    </div>
-                    <h3>Deep Customization</h3>
-                    <p>Extensive customization options including themes, player settings, notification preferences, and
-                        personalized content discovery.</p>
+                <div class="feature-item">
+                    <div class="feature-number">03</div>
+                    <h3 class="feature-title">Deep Customization</h3>
+                    <p class="feature-desc">Extensive customization including themes, player settings, and personalized
+                        discovery.</p>
                 </div>
 
-                <div class="feature-card" data-aos="fade-up" data-aos-delay="400">
-                    <div class="feature-icon">
-                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M9 12L11 14L15 10" stroke="currentColor" stroke-width="2" stroke-linecap="round"
-                                stroke-linejoin="round" />
-                            <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2" />
-                        </svg>
-                    </div>
-                    <h3>Watch Progress Tracking</h3>
-                    <p>Seamless progress synchronization across devices with Trakt.tv integration and local watch
-                        history management.</p>
+                <div class="feature-item">
+                    <div class="feature-number">04</div>
+                    <h3 class="feature-title">Watch Progress Tracking</h3>
+                    <p class="feature-desc">Seamless progress sync across devices with Trakt.tv integration and local
+                        history.</p>
                 </div>
 
-                <div class="feature-card" data-aos="fade-up" data-aos-delay="500">
-                    <div class="feature-icon">
-                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M21 16V8A2 2 0 0 0 19 6H5A2 2 0 0 0 3 8V16A2 2 0 0 0 5 18H19A2 2 0 0 0 21 16Z"
-                                stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
-                            <polygon points="7 10 12 15 17 10" stroke="currentColor" stroke-width="2"
-                                stroke-linecap="round" stroke-linejoin="round" />
-                        </svg>
-                    </div>
-                    <h3>Multi-Platform Support</h3>
-                    <p>Available on iOS and Android platforms with consistent experience and cross-device
-                        synchronization</p>
+                <div class="feature-item">
+                    <div class="feature-number">05</div>
+                    <h3 class="feature-title">Multi-Platform</h3>
+                    <p class="feature-desc">Available on iOS and Android with consistent experience and cross-device
+                        sync.</p>
                 </div>
             </div>
         </div>
@@ -1796,120 +804,110 @@
 
     <section class="screenshots">
         <div class="container">
-            <h2>SEE IT IN ACTION</h2>
+            <h2 class="section-title">In Action</h2>
             <div class="screenshots-grid">
                 <div class="screenshot">
                     <img src="screenshots/Simulator Screenshot - iPhone 16 Pro - 2025-08-27 at 21.08.32-portrait.png"
                         alt="Home Screen" loading="lazy">
-                    <h4>Home Screen</h4>
+
                 </div>
                 <div class="screenshot">
-                    <img src="screenshots/WhatsApp Image 2025-09-02 at 00.24.31-portrait.png" alt="App Interface"
+                    <img src="screenshots/WhatsApp Image 2025-09-02 at 00.24.31-portrait.png" alt="Details"
                         loading="lazy">
-                    <h4>Details Page</h4>
+
                 </div>
                 <div class="screenshot">
                     <img src="screenshots/Simulator Screenshot - iPhone 16 Pro - 2025-08-27 at 21.09.43-portrait.png"
-                        alt="Home Screen 2" loading="lazy">
-                    <h4>Home Screen 2</h4>
+                        alt="Discover" loading="lazy">
+
                 </div>
                 <div class="screenshot">
                     <img src="screenshots/Simulator Screenshot - iPhone 16 Pro - 2025-08-27 at 21.10.14-portrait.png"
                         alt="Library" loading="lazy">
-                    <h4>Library</h4>
+
                 </div>
                 <div class="screenshot">
                     <img src="screenshots/Simulator Screenshot - iPhone 16 Pro - 2025-08-27 at 21.12.41-landscape.png"
-                        alt="Player Loading" loading="lazy">
-                    <h4>Player Loading</h4>
+                        alt="Player" loading="lazy">
+
                 </div>
                 <div class="screenshot">
                     <img src="screenshots/Simulator Screenshot - iPhone 16 Pro - 2025-08-27 at 21.13.36-landscape.png"
-                        alt="Video Player" loading="lazy">
-                    <h4>Video Player</h4>
+                        alt="Player" loading="lazy">
+
                 </div>
                 <div class="screenshot">
                     <img src="screenshots/ratingscreen-portrait.png" alt="Ratings" loading="lazy">
-                    <h4>Ratings</h4>
-                </div>
-                <div class="screenshot">
-                    <img src="screenshots/seasonandepisode-portrait.png" alt="Episodes & Seasons" loading="lazy">
-                    <h4>Episodes & Seasons</h4>
-                </div>
-                <div class="screenshot">
-                    <img src="screenshots/search-portrait.png" alt="Search & Details" loading="lazy">
-                    <h4>Search & Details</h4>
-                </div>
 
+                </div>
+                <div class="screenshot">
+                    <img src="screenshots/seasonandepisode-portrait.png" alt="Episodes" loading="lazy">
+
+                </div>
+                <div class="screenshot">
+                    <img src="screenshots/search-portrait.png" alt="Search" loading="lazy">
+
+                </div>
             </div>
         </div>
     </section>
 
     <!-- Privacy Policy Section -->
-    <section id="privacy-policy" class="privacy-policy" style="display: none;">
+    <section id="privacy-policy" class="privacy-policy">
         <div class="container">
             <div class="privacy-content">
                 <button class="privacy-back-btn" onclick="hidePrivacyPolicy()">
-                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                         <path d="M19 12H5M12 19l-7-7 7-7" />
                     </svg>
                     Back
                 </button>
-                <h1>Privacy Policy</h1>
+                <h1>Privacy</h1>
                 <p class="last-updated">Last updated: January 2025</p>
 
                 <div class="privacy-section">
                     <h2>No Account Sync</h2>
-                    <p>Nuvio operates entirely offline regarding user data. We <strong>do not</strong> have servers to
-                        store your account, preferences, or viewing history. All data is stored locally on your device.
-                    </p>
+                    <p>Nuvio operates entirely offline regarding user data. We do not have servers to store your
+                        account, preferences, or viewing history. All data is stored locally on your device.</p>
                 </div>
 
                 <div class="privacy-section">
-                    <h2>Data Storage & Backup</h2>
-                    <p>We use <strong>React Native MMKV</strong> for high-performance local storage. This includes:</p>
+                    <h2>Data Storage</h2>
+                    <p>We use React Native MMKV for high-performance local storage including:</p>
                     <ul>
                         <li>Library and favorites</li>
                         <li>Watch history and progress</li>
                         <li>App settings and customization</li>
                     </ul>
-                    <p><strong>Important:</strong> Since data is stored only on your device, you are responsible for
-                        backing it up. If you uninstall the app or clear its data without a backup, your personalized
-                        data will be lost permanently.</p>
+                    <p>Since data is stored only on your device, you are responsible for backing it up.</p>
                 </div>
 
                 <div class="privacy-section">
                     <h2>Third-Party Services</h2>
-                    <p>Nuvio integrates with external services to provide content and features:</p>
+                    <p>Nuvio integrates with external services:</p>
                     <ul>
-                        <li><strong>TMDB (The Movie Database):</strong> Used to fetch metadata like posters, plot
-                            summaries, and cast info.</li>
-                        <li><strong>Trakt.tv (Optional):</strong> If you choose to connect your account, your watch
-                            history will be synced with Trakt.tv subject to their privacy policy.</li>
-                        <li><strong>Sentry:</strong> We use Sentry for anonymous crash reporting to help us identify and
-                            fix bugs. No personal identifiable information (PII) is sent.</li>
+                        <li>TMDB for metadata like posters and cast info</li>
+                        <li>Trakt.tv (optional) for watch history sync</li>
+                        <li>Sentry for anonymous crash reporting</li>
                     </ul>
                 </div>
 
                 <div class="privacy-section">
                     <h2>Content Disclaimer</h2>
-                    <p>Nuvio is a media player and aggregator. We <strong>do not host</strong> any content. All video
-                        content is provided by user-installed addons. Nuvio has no control over and assumes no
-                        responsibility for the content provided by third-party addons.</p>
+                    <p>Nuvio is a media player and aggregator. We do not host any content. All video content is
+                        provided by user-installed addons.</p>
                 </div>
 
                 <div class="privacy-section">
                     <h2>Open Source</h2>
-                    <p>Nuvio is open-source software. You can review our source code to verify our data handling
-                        practices on our <a href="https://github.com/tapframe/NuvioStreaming" target="_blank">GitHub
-                            repository</a>.</p>
+                    <p>Nuvio is open-source. Review our code on <a href="https://github.com/tapframe/NuvioStreaming"
+                            target="_blank">GitHub</a>.</p>
                 </div>
 
                 <div class="privacy-section">
                     <h2>Contact</h2>
-                    <p>Questions or concerns? Please reach out via our <a
-                            href="https://github.com/tapframe/NuvioStreaming/issues" target="_blank">GitHub Issues</a>.
-                    </p>
+                    <p>Questions? Reach out via <a href="https://github.com/tapframe/NuvioStreaming/issues"
+                            target="_blank">GitHub Issues</a>.</p>
                 </div>
             </div>
         </div>
@@ -1917,84 +915,60 @@
 
     <footer class="footer">
         <div class="container">
-            <div class="credits">
-                <h3>Special Thanks</h3>
-                <div class="credits-grid">
-                    <div class="credit-item">
+            <div class="footer-content">
+                <div class="footer-credits">
+                    <div class="footer-credits-title">Powered By</div>
+                    <div class="credits-logos">
                         <img src="https://www.themoviedb.org/assets/2/v4/logos/v2/blue_square_2-d537fb228cf3ded904ef09b136fe3fec72548ebc1fea3fbbd1ad9e36364db38b.svg"
                             alt="TMDB" class="credit-logo">
-                    </div>
-                    <div class="credit-item">
                         <div class="stremio-logos">
                             <img src="https://www.stremio.com/website/stremio-logo-small.png" alt="Stremio"
                                 class="credit-logo">
                             <img src="https://www.stremio.com/website/stremio-txt-logo-small.png" alt="Stremio"
                                 class="credit-logo">
                         </div>
-                    </div>
-                    <div class="credit-item">
                         <img src="https://upload.wikimedia.org/wikipedia/commons/6/69/IMDB_Logo_2016.svg" alt="IMDb"
                             class="credit-logo">
-                    </div>
-                    <div class="credit-item">
                         <img src="https://mdblist.com/static/mdblist_logo.png" alt="MDBList" class="credit-logo">
                     </div>
                 </div>
+
+                <p class="footer-tagline">Built with React Native & Expo</p>
+
+                <div class="footer-links">
+                    <a href="https://discord.gg/6w8dr3TSDN" class="footer-link" target="_blank">
+                        <img src="https://cdn.prod.website-files.com/6257adef93867e50d84d30e2/66e3d7f4ef6498ac018f2c55_Symbol.svg"
+                            alt="Discord">
+                        Discord
+                    </a>
+                    <a href="https://github.com/tapframe/NuvioStreaming" class="footer-link" target="_blank">
+                        <img src="https://github.githubassets.com/assets/GitHub-Mark-ea2971cee799.png" alt="GitHub">
+                        GitHub
+                    </a>
+                    <a href="#privacy-policy" class="footer-link" onclick="showPrivacyPolicy()">
+                        Privacy
+                    </a>
+                </div>
+
+                <p class="footer-copyright">© 2025 Nuvio. GNU GPLv3. Free and Open Source.</p>
             </div>
-            <p>Built with ❤️ using React Native & Expo</p>
-            <div class="footer-links">
-                <a href="https://discord.gg/6w8dr3TSDN" class="github-link" target="_blank">
-                    <img src="https://cdn.prod.website-files.com/6257adef93867e50d84d30e2/66e3d7f4ef6498ac018f2c55_Symbol.svg"
-                        alt="Discord" class="github-logo">
-                    Discord
-                </a>
-                <a href="https://github.com/tapframe/NuvioStreaming" class="github-link">
-                    <img src="https://github.githubassets.com/assets/GitHub-Mark-ea2971cee799.png" alt="GitHub"
-                        class="github-logo">
-                    GitHub
-                </a>
-                <a href="#privacy-policy" class="privacy-link" onclick="showPrivacyPolicy()">
-                    Privacy Policy
-                </a>
-            </div>
-            <p style="margin-top: 2rem; opacity: 0.3; font-size: 0.8rem;">
-                © 2025 Nuvio. Licensed under GNU GPLv3. Free and Open Source.
-            </p>
         </div>
     </footer>
 
-    <!-- Modal for expanded screenshots -->
+    <!-- Screenshot Modal -->
     <div class="modal-overlay" id="screenshotModal">
         <div class="modal-content">
-            <button class="modal-close" onclick="closeModal()">
-                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                    <line x1="18" y1="6" x2="6" y2="18"></line>
-                    <line x1="6" y1="6" x2="18" y2="18"></line>
-                </svg>
-            </button>
+            <button class="modal-close" onclick="closeModal()">Close</button>
             <img class="modal-image" id="modalImage" src="" alt="">
-            <div class="modal-title" id="modalTitle"></div>
         </div>
     </div>
 
-    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
     <script>
-        AOS.init({
-            duration: 800,
-            easing: 'ease-out-cubic',
-            once: true,
-            offset: 100
-        });
-
-        // Screenshot modal functionality
-        function openModal(imageSrc, title) {
+        // Screenshot modal
+        function openModal(imageSrc) {
             const modal = document.getElementById('screenshotModal');
             const modalImage = document.getElementById('modalImage');
-            const modalTitle = document.getElementById('modalTitle');
-
             modalImage.src = imageSrc;
-            modalTitle.textContent = title;
-
             modal.classList.add('active');
             document.body.style.overflow = 'hidden';
         }
@@ -2002,188 +976,85 @@
         function closeModal() {
             const modal = document.getElementById('screenshotModal');
             modal.classList.remove('active');
-            document.body.style.overflow = 'auto';
+            document.body.style.overflow = '';
         }
 
-        // Add click event listeners to all screenshots
         document.addEventListener('DOMContentLoaded', function () {
             const screenshots = document.querySelectorAll('.screenshot');
-
             screenshots.forEach(screenshot => {
                 screenshot.addEventListener('click', function () {
                     const img = this.querySelector('img');
-                    const title = this.querySelector('h4');
-
-                    if (img && title) {
-                        openModal(img.src, title.textContent);
-                    }
+                    if (img) openModal(img.src);
                 });
             });
 
-            // Close modal when clicking outside the image
             document.getElementById('screenshotModal').addEventListener('click', function (e) {
-                if (e.target === this) {
-                    closeModal();
-                }
+                if (e.target === this) closeModal();
             });
 
-            // Close modal with Escape key
             document.addEventListener('keydown', function (e) {
-                if (e.key === 'Escape') {
-                    closeModal();
-                }
+                if (e.key === 'Escape') closeModal();
             });
         });
-    </script>
-    <script>
-        // iOS Installation Modal functionality
+
+        // iOS Modal
         document.addEventListener('DOMContentLoaded', function () {
             const iosInstallBtn = document.getElementById('ios-install-btn');
             const iosModal = document.getElementById('ios-modal');
             const iosModalClose = document.getElementById('ios-modal-close');
             const copyUrlBtn = document.getElementById('copy-url');
             const copyFeedback = document.getElementById('copy-feedback');
-
-            // Source URL for manual installation
             const sourceUrl = 'https://raw.githubusercontent.com/tapframe/NuvioStreaming/main/nuvio-source.json';
 
-            // Open modal
             iosInstallBtn.addEventListener('click', function (e) {
                 e.preventDefault();
                 iosModal.classList.add('active');
                 document.body.style.overflow = 'hidden';
             });
 
-            // Close modal
-            function closeModal() {
+            function closeIOSModal() {
                 iosModal.classList.remove('active');
                 document.body.style.overflow = '';
             }
 
-            iosModalClose.addEventListener('click', closeModal);
-
-            // Close modal when clicking outside
+            iosModalClose.addEventListener('click', closeIOSModal);
             iosModal.addEventListener('click', function (e) {
-                if (e.target === iosModal) {
-                    closeModal();
-                }
+                if (e.target === iosModal) closeIOSModal();
             });
 
-            // Close modal with Escape key
             document.addEventListener('keydown', function (e) {
-                if (e.key === 'Escape' && iosModal.classList.contains('active')) {
-                    closeModal();
-                }
+                if (e.key === 'Escape' && iosModal.classList.contains('active')) closeIOSModal();
             });
 
-            // Copy URL functionality
             copyUrlBtn.addEventListener('click', function (e) {
                 e.preventDefault();
-
-                // Try to copy to clipboard
-                if (navigator.clipboard && window.isSecureContext) {
-                    navigator.clipboard.writeText(sourceUrl).then(function () {
-                        showCopyFeedback();
-                    }).catch(function () {
-                        fallbackCopyTextToClipboard(sourceUrl);
-                    });
-                } else {
-                    fallbackCopyTextToClipboard(sourceUrl);
-                }
+                navigator.clipboard.writeText(sourceUrl).then(function () {
+                    copyFeedback.classList.add('show');
+                    setTimeout(() => copyFeedback.classList.remove('show'), 1500);
+                });
             });
-
-            // Fallback copy method for older browsers
-            function fallbackCopyTextToClipboard(text) {
-                const textArea = document.createElement('textarea');
-                textArea.value = text;
-                textArea.style.position = 'fixed';
-                textArea.style.left = '-999999px';
-                textArea.style.top = '-999999px';
-                document.body.appendChild(textArea);
-                textArea.focus();
-                textArea.select();
-
-                try {
-                    document.execCommand('copy');
-                    showCopyFeedback();
-                } catch (err) {
-                    console.error('Failed to copy text: ', err);
-                    // Show URL in alert as last resort
-                    alert('Copy this URL manually: ' + text);
-                }
-
-                document.body.removeChild(textArea);
-            }
-
-            // Show copy feedback
-            function showCopyFeedback() {
-                copyFeedback.classList.add('show');
-                setTimeout(function () {
-                    copyFeedback.classList.remove('show');
-                }, 2000);
-            }
         });
-    </script>
 
-    <script>
-        // Privacy Policy functionality
+        // Privacy Policy
         function showPrivacyPolicy() {
-            const privacySection = document.getElementById('privacy-policy');
-            const mainContent = document.querySelector('body > *:not(#privacy-policy)');
-
-            // Hide all main content
-            const allSections = document.querySelectorAll('body > *:not(#privacy-policy)');
-            allSections.forEach(section => {
-                if (section.id !== 'privacy-policy') {
-                    section.style.display = 'none';
-                }
-            });
-
-            // Show privacy policy
-            privacySection.style.display = 'block';
-
-            // Scroll to top
+            document.querySelectorAll('body > *:not(#privacy-policy)').forEach(el => el.style.display = 'none');
+            document.getElementById('privacy-policy').style.display = 'block';
             window.scrollTo(0, 0);
-
-            // Prevent body scroll
-            document.body.style.overflow = 'auto';
         }
 
         function hidePrivacyPolicy() {
-            const privacySection = document.getElementById('privacy-policy');
-
-            // Hide privacy policy
-            privacySection.style.display = 'none';
-
-            // Show all main content
-            const allSections = document.querySelectorAll('body > *:not(#privacy-policy)');
-            allSections.forEach(section => {
-                if (section.id !== 'privacy-policy') {
-                    section.style.display = '';
-                }
-            });
-
-            // Scroll to top
+            document.getElementById('privacy-policy').style.display = 'none';
+            document.querySelectorAll('body > *:not(#privacy-policy)').forEach(el => el.style.display = '');
             window.scrollTo(0, 0);
-
-            // Restore body scroll
-            document.body.style.overflow = '';
         }
 
-        // Handle browser back button
-        window.addEventListener('popstate', function (event) {
-            if (window.location.hash === '#privacy-policy') {
-                showPrivacyPolicy();
-            } else {
-                hidePrivacyPolicy();
-            }
+        window.addEventListener('popstate', function () {
+            if (window.location.hash === '#privacy-policy') showPrivacyPolicy();
+            else hidePrivacyPolicy();
         });
 
-        // Check if privacy policy should be shown on page load
         document.addEventListener('DOMContentLoaded', function () {
-            if (window.location.hash === '#privacy-policy') {
-                showPrivacyPolicy();
-            }
+            if (window.location.hash === '#privacy-policy') showPrivacyPolicy();
         });
     </script>
 </body>
diff --git a/libmpv-android b/libmpv-android
new file mode 160000
index 0000000..1a94da4
--- /dev/null
+++ b/libmpv-android
@@ -0,0 +1 @@
+Subproject commit 1a94da42094b524b94a28902ae43c27e3286460d
diff --git a/mpv-android b/mpv-android
new file mode 160000
index 0000000..a31e9a0
--- /dev/null
+++ b/mpv-android
@@ -0,0 +1 @@
+Subproject commit a31e9a0d270066deb41fe330ed34ddeb0e38f0ab
diff --git a/mpvKt b/mpvKt
new file mode 160000
index 0000000..01a9306
--- /dev/null
+++ b/mpvKt
@@ -0,0 +1 @@
+Subproject commit 01a93062dd73f642cbb0511f6a05f1fd344b36a9