:root{--bg-color:#0d0f1a;--bg-secondary:#161a2b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-primary:#8b5cf6;--accent-secondary:#ec4899;--glass-bg:rgba(255,255,255,0.03);--glass-border:rgba(255,255,255,0.08);--glass-shadow:0 8px 32px 0 rgba(0,0,0,0.36);--highlight:rgba(139,92,246,0.4)}*{margin:0;padding:0;box-sizing:border-box;font-family:'Outfit',sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden;line-height:1.6}h1,h2,h3,h4{line-height:1.2;font-weight:700}a{text-decoration:none;color:inherit}.bg-grid{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(to right,rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:50px 50px;z-index:-2;pointer-events:none}.bg-shape{position:fixed;border-radius:50%;filter:blur(120px);z-index:-1;opacity:0.5;animation:drift 20s infinite alternate linear}.shape-1{width:500px;height:500px;background:var(--accent-primary);top:-100px;right:-100px}.shape-2{width:400px;height:400px;background:var(--accent-secondary);bottom:-100px;left:-100px;animation-delay:-5s}@keyframes drift{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-50px,50px) scale(1.1)}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--glass-shadow)}.text-gradient{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary,.btn-primary-small,.btn-secondary,.btn-large{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:600;cursor:pointer;transition:all 0.3s ease}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:white;padding:14px 28px;font-size:1.1rem;box-shadow:0 4px 15px rgba(139,92,246,0.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(139,92,246,0.6)}.btn-primary-small{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:white;padding:10px 20px;font-size:0.95rem}.btn-primary-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,92,246,0.4)}.btn-secondary{background:rgba(255,255,255,0.05);border:1px solid var(--glass-border);color:var(--text-primary);padding:14px 28px;font-size:1.1rem}.btn-secondary:hover{background:rgba(255,255,255,0.1);transform:translateY(-2px)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;position:fixed;top:0;width:100%;z-index:100;background:rgba(13,15,26,0.7);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border)}.logo{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:800;letter-spacing:-0.5px}.logo i{color:var(--accent-primary);font-size:1.8rem}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a:not([class]){color:var(--text-secondary);font-weight:500;transition:color 0.3s}.nav-links a:not([class]):hover{color:var(--text-primary)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:160px 5% 100px;max-width:1400px;margin:0 auto;align-items:center}.hero-content{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.badge{background:rgba(139,92,246,0.15);border:1px solid rgba(139,92,246,0.3);color:#c4b5fd;padding:6px 16px;border-radius:999px;font-size:0.85rem;font-weight:600;letter-spacing:0.5px}.hero h1{font-size:4.5rem;letter-spacing:-1.5px}.hero p{font-size:1.25rem;color:var(--text-secondary);max-width:500px}.cta-group{display:flex;gap:16px;margin-top:10px}.rating{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:0.9rem;color:var(--text-secondary)}.stars{color:#fbbf24;display:flex;gap:2px}.hero-visual-logos{display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:30px;flex-wrap:wrap;padding:15px 30px;background:rgba(255,255,255,0.05);border-radius:16px;border:1px solid var(--glass-border);backdrop-filter:blur(10px);box-shadow:0 10px 30px -10px rgba(0,0,0,0.5);z-index:2;position:relative}.visual-logo{height:54px;width:auto;object-fit:contain;transition:transform 0.3s ease;filter:drop-shadow(0 4px 6px rgba(0,0,0,0.3))}.visual-logo:hover{transform:scale(1.1)}.vlogo-prime{height:44px}.vlogo-hbo{height:44px}.hero-visual{position:relative;perspective:1000px}.mockup-card{border-radius:12px;overflow:hidden;transform:rotateY(-5deg) rotateX(5deg);transition:transform 0.5s ease;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5)}.mockup-card:hover{transform:rotateY(0) rotateX(0)}.mockup-header{background:rgba(0,0,0,0.2);padding:12px 16px;display:flex;align-items:center;border-bottom:1px solid var(--glass-border)}.mockup-dots{display:flex;gap:6px}.mockup-dots span{width:10px;height:10px;border-radius:50%;background:#475569}.mockup-dots span:nth-child(1){background:#ef4444}.mockup-dots span:nth-child(2){background:#eab308}.mockup-dots span:nth-child(3){background:#22c55e}.mockup-url{margin:0 auto;background:rgba(255,255,255,0.05);padding:4px 60px;border-radius:6px;font-size:0.75rem;color:var(--text-secondary)}.mockup-body{padding:20px}.movie-scene{background:#000;border-radius:8px;aspect-ratio:16/9;position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background-image:linear-gradient(to top,rgba(0,0,0,0.8),transparent 40%),url('https://images.unsplash.com/photo-1536440136628-849c177e76a1?auto=format&fit=crop&q=80&w=1000');background-size:cover;background-position:center}.play-btn-mock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(255,255,255,0.2);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:white}.subtitle-overlay{text-align:center;padding:20px;z-index:10}.sub-target{font-size:1.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,0.8);margin-bottom:8px;position:relative}.sub-native{font-size:1.1rem;color:#e2e8f0;text-shadow:1px 1px 2px rgba(0,0,0,0.8)}.highlight-word{background:var(--highlight);padding:0 4px;border-radius:4px;cursor:pointer;border-bottom:2px solid var(--accent-primary)}.tooltip{position:absolute;bottom:120%;left:50%;transform:translateX(-50%) translateY(10px);opacity:0;visibility:hidden;width:200px;padding:12px;text-align:left;transition:all 0.3s ease;font-size:0.9rem;font-weight:400;text-shadow:none;z-index:20}.tooltip-trigger:hover .tooltip,.tooltip.active{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.tt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;border-bottom:1px solid var(--glass-border);padding-bottom:6px}.tt-header strong{color:var(--accent-primary);font-size:1.1rem}.tt-type{font-size:0.75rem;color:var(--text-secondary);background:rgba(255,255,255,0.1);padding:2px 6px;border-radius:4px}.tt-action{margin-top:10px;background:rgba(139,92,246,0.2);color:#c4b5fd;padding:6px;border-radius:4px;text-align:center;cursor:pointer;font-size:0.8rem;display:flex;align-items:center;justify-content:center;gap:4px;transition:background 0.2s}.tt-action:hover{background:rgba(139,92,246,0.4)}.features{padding:100px 5%;max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;margin-bottom:60px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-card{padding:30px;transition:transform 0.3s ease,background 0.3s ease}.feature-card:hover{transform:translateY(-5px);background:rgba(255,255,255,0.05)}.feature-icon{width:50px;height:50px;background:rgba(139,92,246,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--accent-primary);margin-bottom:20px}.feature-card h3{font-size:1.25rem;margin-bottom:12px}.feature-card p{color:var(--text-secondary);font-size:0.95rem}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:100px 5%;max-width:1200px;margin:0 auto;align-items:center}.showcase h2{font-size:2.5rem;margin-bottom:24px}.showcase p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:30px}.feature-list{list-style:none;display:flex;flex-direction:column;gap:16px}.feature-list li{display:flex;align-items:center;gap:12px;font-size:1.1rem}.feature-list i{color:var(--accent-primary);font-size:24px}.settings-mock{padding:2px;background:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.0))}.glow-border{position:relative}.glow-border::before{content:'';position:absolute;inset:-1px;border-radius:25px;padding:1px;background:linear-gradient(135deg,var(--accent-primary),transparent,var(--accent-secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.settings-header{background:rgba(0,0,0,0.2);padding:20px;border-radius:23px 23px 0 0;border-bottom:1px solid var(--glass-border)}.settings-header h3{display:flex;align-items:center;gap:10px;font-size:1.1rem}.settings-body{padding:24px;display:flex;flex-direction:column;gap:16px;background:var(--glass-bg);border-radius:0 0 23px 23px}.api-option{display:flex;align-items:center;padding:16px;border:1px solid var(--glass-border);border-radius:12px;gap:16px;background:rgba(255,255,255,0.02);transition:all 0.3s ease}.api-option.active{border-color:var(--accent-primary);background:rgba(139,92,246,0.1)}.api-option>i{font-size:28px;color:var(--text-secondary)}.api-option.active>i{color:var(--accent-primary)}.api-info{flex:1}.api-info h4{margin-bottom:4px}.api-info span{font-size:0.85rem;color:var(--text-secondary)}.radio-checked{width:20px;height:20px;border-radius:50%;border:2px solid var(--accent-primary);position:relative;display:flex;align-items:center;justify-content:center}.radio-checked::after{content:'';width:10px;height:10px;background:var(--accent-primary);border-radius:50%}.radio-unchecked{width:20px;height:20px;border-radius:50%;border:2px solid var(--text-secondary)}.cta-bottom{padding:60px 5% 100px;max-width:1000px;margin:0 auto}.cta-banner{padding:60px 40px;text-align:center;background:linear-gradient(135deg,rgba(139,92,246,0.1),rgba(236,72,153,0.1));border:1px solid rgba(139,92,246,0.2)}.cta-banner h2{font-size:2.5rem;margin-bottom:16px}.cta-banner p{color:var(--text-secondary);font-size:1.2rem;margin-bottom:32px}footer{border-top:1px solid var(--glass-border);padding:60px 5% 20px;background:rgba(0,0,0,0.3)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:60px}.footer-brand{max-width:300px}.footer-brand p{margin-top:16px;color:var(--text-secondary);font-size:0.95rem}.footer-links{display:flex;gap:80px;flex-wrap:wrap}.link-group{display:flex;flex-direction:column;gap:12px}.link-group h4{margin-bottom:8px;color:var(--text-primary)}.link-group a{color:var(--text-secondary);font-size:0.95rem;transition:color 0.2s}.link-group a:hover{color:var(--accent-primary)}.copyright{text-align:center;color:var(--text-secondary);font-size:0.9rem;padding-top:20px;border-top:1px solid rgba(255,255,255,0.05)}@media (max-width:1024px){.hero,.showcase{grid-template-columns:1fr;text-align:center}.hero-content{align-items:center}.cta-group{justify-content:center}.hero h1{font-size:3.5rem}.feature-list{align-items:center}.mockup-card{transform:none;max-width:700px;margin:0 auto}.settings-mock{max-width:500px;margin:0 auto}}@media (max-width:768px){.nav-links{display:none}.hero h1{font-size:2.5rem}.sub-target{font-size:1.2rem}.cta-group{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%}.features,.showcase,.cta-bottom{padding:60px 5%}.footer-links{gap:40px}}.section-platforms{padding:100px 5%;position:relative}.text-center{text-align:center}.text-left{text-align:left}.mb-60{margin-bottom:60px}.mb-15{margin-bottom:15px}.mb-0{margin-bottom:0}.mx-auto{margin:0 auto}.max-w-600{max-width:600px}.lh-16{line-height:1.6}.flex-row{display:flex}.items-center{align-items:center}.gap-15{gap:15px}.gap-8{gap:8px}.text-secondary-color{color:var(--text-secondary)}.text-primary-color{color:var(--text-primary)}.text-accent{color:var(--accent-primary)}.text-inherit{color:inherit}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-sm{font-size:0.9rem}.text-md{font-size:0.95rem}.text-2xl{font-size:2rem}.grid-auto-300{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.no-underline{text-decoration:none}.underline{text-decoration:underline}