:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a2e;--purple-deep:#4a0e78;--purple-mid:#7b2fbe;--purple-light:#a855f7;--purple-glow:#c084fc;--neon-purple:#e879f9;--neon-blue:#38bdf8;--accent-cyan:#22d3ee;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--glass-bg:rgba(255,255,255,0.05);--glass-border:rgba(255,255,255,0.1);--glass-hover:rgba(255,255,255,0.08);--green-safe:#22c55e;--yellow-warn:#eab308;--red-danger:#ef4444;--gradient-purple:linear-gradient(135deg,#4a0e78,#7b2fbe,#a855f7);--gradient-aurora:linear-gradient(135deg,#4a0e78,#2563eb,#06b6d4,#a855f7);--gradient-neon:linear-gradient(90deg,#a855f7,#38bdf8);--shadow-glow:0 0 30px rgba(168,85,247,0.3);--shadow-card:0 8px 32px rgba(0,0,0,0.4);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--font-display:'Outfit',sans-serif;--font-body:'Inter',sans-serif;--transition-smooth:all 0.4s cubic-bezier(0.16,1,0.3,1);}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}img,picture,video,canvas,svg{display:block;max-width:100%;}input,button,textarea,select{font:inherit;color:inherit;}a{text-decoration:none;color:inherit;}ul,ol{list-style:none;}::selection{background-color:var(--purple-mid);color:#ffffff;}::-webkit-scrollbar{width:8px;}::-webkit-scrollbar-track{background:var(--bg-primary);}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px;}::-webkit-scrollbar-thumb:hover{background:var(--purple-deep);}html{scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) var(--bg-primary);}.section-label{text-transform:uppercase;letter-spacing:3px;font-size:0.85rem;color:var(--purple-light);font-weight:600;margin-bottom:1rem;}.section-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;margin-bottom:1.5rem;}.section-subtitle{font-size:1.15rem;color:var(--text-secondary);max-width:600px;line-height:1.7;}.gradient-text{background:var(--gradient-neon);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}.highlight{color:var(--purple-light);font-weight:600;}.container{max-width:1280px;margin:0 auto;padding:0 2rem;}section{padding:8rem 0;position:relative;}.section-header{text-align:center;margin-bottom:4rem;}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:var(--transition-smooth);}.glass-card:hover{background:var(--glass-hover);border-color:rgba(168,85,247,0.3);transform:translateY(-4px);box-shadow:var(--shadow-glow);}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:80px;display:flex;align-items:center;transition:var(--transition-smooth);}.navbar.scrolled{background:rgba(10,10,15,0.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);}.nav-container{max-width:1280px;width:100%;height:100%;margin:0 auto;padding:0 1.2rem 0 2rem;display:flex;justify-content:space-between;align-items:center;}.nav-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:#ffffff;margin-right:auto;}.nav-logo-img{height:64px !important;width:auto !important;max-height:64px !important;object-fit:contain !important;display:block;}@media (max-width:768px){.nav-logo-img{height:46px !important;max-height:46px !important;}}.nav-logo span{background:var(--gradient-neon);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}.nav-links{display:flex;gap:2rem;list-style:none;}.nav-links a{color:var(--text-secondary);font-size:0.9rem;font-weight:500;position:relative;transition:color 0.3s ease;}.nav-links a:hover{color:var(--text-primary);}.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-neon);border-radius:1px;transition:width 0.3s ease;}.nav-links a:hover::after{width:100%;}.nav-links a.active{color:var(--text-primary);}.nav-links a.active::after{width:100%;}.nav-cta{display:inline-block;text-align:center;padding:0.6rem 1.5rem;margin-left:1.5rem;background:var(--gradient-purple);color:#ffffff;border:none;border-radius:var(--radius-xl);font-size:0.9rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);}.nav-cta:hover{transform:scale(1.05);box-shadow:var(--shadow-glow);}.mobile-toggle{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;}#hero{min-height:100vh;display:flex;align-items:center;overflow:hidden;position:relative;}#hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,var(--bg-primary),transparent);pointer-events:none;z-index:3;}.hero-aurora{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 600px 600px at 20% 50%,rgba(74,14,120,0.6),transparent),radial-gradient(ellipse 500px 500px at 70% 30%,rgba(37,99,235,0.4),transparent),radial-gradient(ellipse 400px 400px at 80% 70%,rgba(6,182,212,0.3),transparent);opacity:0.4;animation:aurora-shift 15s ease-in-out infinite;}.hero-particles{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 10% 20%,rgba(168,85,247,0.4),transparent),radial-gradient(2px 2px at 30% 60%,rgba(56,189,248,0.3),transparent),radial-gradient(1px 1px at 50% 40%,rgba(255,255,255,0.3),transparent),radial-gradient(2px 2px at 70% 80%,rgba(168,85,247,0.3),transparent),radial-gradient(1px 1px at 90% 30%,rgba(34,211,238,0.4),transparent),radial-gradient(1px 1px at 15% 85%,rgba(255,255,255,0.2),transparent),radial-gradient(2px 2px at 60% 15%,rgba(192,132,252,0.3),transparent),radial-gradient(1px 1px at 85% 55%,rgba(56,189,248,0.3),transparent);background-size:100% 100%;}.hero-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:60px 60px;opacity:0.05;}.hero-content{display:grid;grid-template-columns:45% 55%;gap:3rem;align-items:center;position:relative;z-index:2;}.hero-content h1{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.05;margin-bottom:0.5rem;}.hero-title-main{display:block;}.hero-title-sub{display:block;font-size:0.42em;font-weight:900;line-height:1.1;margin-top:0.3rem;}.hero-content h1 .brand{background:var(--gradient-neon);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}.tagline{font-size:1.08rem;color:var(--text-secondary);line-height:1.7;max-width:468px;margin-bottom:0.75rem;}.hero-stats{display:flex;gap:2rem;margin-top:2rem;}.hero-stats .stat-value{font-size:1.5rem;font-weight:800;background:var(--gradient-neon);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}.hero-stats .stat-label{font-size:0.8rem;color:#a0a0a8;text-transform:uppercase;letter-spacing:1px;}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative;}.phone-mockup{width:220px;height:440px;border-radius:30px;border:3px solid var(--glass-border);background:var(--bg-secondary);overflow:hidden;position:relative;z-index:3;animation:float 6s ease-in-out infinite;}.tv-mockup{width:380px;height:230px;border-radius:var(--radius-md);border:3px solid var(--glass-border);background:var(--bg-tertiary);overflow:hidden;position:absolute;top:50%;left:-60px;transform:translateY(-50%);z-index:2;}.floating-poster{width:100px;height:140px;border-radius:var(--radius-sm);background:var(--gradient-purple);position:absolute;z-index:4;box-shadow:var(--shadow-card);}.hero-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,0.4),transparent 70%);filter:blur(60px);z-index:1;animation:glow-pulse 4s ease-in-out infinite;}.hero-devices-img{width:100%;max-width:100%;height:auto;object-fit:contain;z-index:2;position:relative;filter:drop-shadow(0 15px 35px rgba(0,0,0,0.65)) drop-shadow(0 0 25px rgba(168,85,247,0.25));animation:float 6s ease-in-out infinite;}.hero-mockup{position:relative;display:flex;align-items:center;justify-content:center;}.mockup-screen{width:100%;height:100%;display:flex;flex-direction:column;}.mockup-header{display:flex;gap:4px;padding:12px 14px 8px;background:rgba(0,0,0,0.3);}.mockup-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);}.mockup-dot:first-child{background:var(--red-danger);}.mockup-dot:nth-child(2){background:var(--yellow-warn);}.mockup-dot:nth-child(3){background:var(--green-safe);}.mockup-content{flex:1;padding:12px;display:flex;flex-direction:column;gap:10px;}.mockup-poster-row{display:flex;gap:8px;}.mockup-mini-poster{flex:1;height:120px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.3);}.mockup-channel-bar{height:12px;border-radius:6px;background:var(--glass-bg);border:1px solid var(--glass-border);}.mockup-channel-bar.short{width:60%;}.tv-screen{width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#0f0f23);position:relative;overflow:hidden;}.tv-content{width:100%;height:100%;background:linear-gradient(135deg,rgba(75,14,120,0.3),rgba(37,99,235,0.2));display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;}.tv-overlay-text{position:absolute;top:12px;right:12px;padding:3px 10px;background:var(--red-danger);color:white;font-size:0.65rem;font-weight:800;border-radius:4px;letter-spacing:1px;animation:glow-pulse 2s ease-in-out infinite;}.tv-progress{height:3px;background:var(--glass-bg);border-radius:2px;position:relative;overflow:hidden;}.tv-progress::after{content:'';position:absolute;left:0;top:0;height:100%;width:65%;background:var(--gradient-neon);border-radius:2px;}.tv-stand{width:60px;height:6px;background:var(--glass-border);margin:6px auto 0;border-radius:3px;}.fp-1{top:5%;right:10%;background:linear-gradient(135deg,#e879f9,#7b2fbe);}.fp-2{bottom:10%;right:-10%;background:linear-gradient(135deg,#38bdf8,#2563eb);}.fp-3{top:30%;left:-15%;background:linear-gradient(135deg,#f97316,#dc2626);width:70px;height:100px;}.fp-4{bottom:5%;left:5%;background:linear-gradient(135deg,#22d3ee,#059669);width:60px;height:85px;}.floating-poster{animation-name:float;animation-timing-function:ease-in-out;animation-iteration-count:infinite;}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}.channel-card{border-radius:var(--radius-sm);padding:1rem 0.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;transition:var(--transition-smooth);}.channel-card:hover{transform:scale(1.05);}.channel-card span{font-size:1.5rem;}.channel-card small{font-size:0.7rem;color:rgba(255,255,255,0.8);font-weight:600;}.about-ui-overlay{padding:1rem;display:flex;justify-content:center;}.about-nav-dots{display:flex;gap:6px;}.about-nav-dots .dot{width:8px;height:8px;border-radius:50%;background:var(--glass-border);transition:var(--transition-smooth);}.about-nav-dots .dot.active{background:var(--purple-light);width:24px;border-radius:4px;}.btn-group{display:flex;gap:1rem;flex-wrap:wrap;}.btn-primary{padding:1rem 2.5rem;background:var(--gradient-purple);color:#ffffff;border:none;border-radius:var(--radius-xl);font-weight:700;font-size:1rem;cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-glow);transition:var(--transition-smooth);}.btn-primary::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transform:translateX(-100%);transition:none;}.btn-primary:hover::before{animation:shimmer 0.8s ease forwards;}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 50px rgba(168,85,247,0.5);}.btn-secondary{padding:1rem 2.5rem;background:rgba(255,255,255,0.08);color:var(--text-primary);border:2px solid rgba(255,255,255,0.25);border-radius:var(--radius-xl);font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition-smooth);}.btn-secondary:hover{border-color:rgba(168,85,247,0.5);background:rgba(255,255,255,0.15);transform:scale(1.05);}#quick-answer{position:relative;}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;}.quick-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:var(--transition-smooth);position:relative;overflow:hidden;}.quick-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-neon);}.quick-card:hover{background:var(--glass-hover);border-color:rgba(168,85,247,0.3);transform:translateY(-4px);box-shadow:var(--shadow-glow);}.card-icon{width:56px;height:56px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.25rem;}.quick-card h3{font-size:1.15rem;font-weight:700;margin-bottom:0.75rem;}.quick-card p{color:var(--text-secondary);font-size:0.95rem;line-height:1.6;margin-bottom:1rem;}.card-badge{display:inline-block;padding:0.35rem 1rem;border-radius:var(--radius-xl);font-size:0.8rem;font-weight:600;}.badge-green{background:rgba(34,197,94,0.15);color:var(--green-safe);border:1px solid rgba(34,197,94,0.3);}.badge-yellow{background:rgba(234,179,8,0.15);color:var(--yellow-warn);border:1px solid rgba(234,179,8,0.3);}.badge-purple{background:rgba(168,85,247,0.15);color:var(--purple-light);border:1px solid rgba(168,85,247,0.3);}#about{position:relative;}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}.about-devices-img{width:100%;max-width:480px;height:auto;object-fit:contain;display:block;margin:0 auto;filter:drop-shadow(0 15px 35px rgba(0,0,0,0.65)) drop-shadow(0 0 25px rgba(168,85,247,0.15));}.about-mockup-container{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;padding:2rem;border:1px solid var(--glass-border);}.about-screen{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-primary));border-radius:var(--radius-md);aspect-ratio:16 / 10;overflow:hidden;position:relative;}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.75rem;padding:1rem;}.channel-grid .channel-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.25rem;}.about-content p{color:var(--text-secondary);line-height:1.8;margin-bottom:1.25rem;}#why-xuper{position:relative;}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}.bento-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2.25rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:var(--transition-smooth);overflow:hidden;position:relative;}.bento-card.large{grid-column:span 3;display:flex;align-items:center;justify-content:space-between;padding:3.5rem;min-height:380px;position:relative;overflow:hidden;}.bento-card-content{max-width:50%;position:relative;z-index:2;}.bento-card-visual{position:absolute;top:0;right:-5%;bottom:0;width:58%;background-size:contain;background-position:right center;background-repeat:no-repeat;opacity:0.9;z-index:1;pointer-events:none;mask-image:linear-gradient(to right,transparent 0%,black 20%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 20%);}.bento-card.large::before{content:'';position:absolute;top:50%;right:15%;transform:translateY(-50%);width:320px;height:320px;background:radial-gradient(circle,rgba(168,85,247,0.25),transparent 70%);filter:blur(40px);z-index:0;pointer-events:none;}.bento-card:hover{background:var(--glass-hover);border-color:rgba(168,85,247,0.4);transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.5),0 0 30px rgba(168,85,247,0.15);}.bento-card::after{content:'';position:absolute;inset:0;background:var(--gradient-aurora);opacity:0;transition:opacity 0.4s ease;z-index:0;border-radius:inherit;}.bento-card:hover::after{opacity:0.05;}.bento-card>*{position:relative;z-index:1;}.bento-icon{font-size:2.5rem;margin-bottom:1.25rem;}.bento-card h3{font-size:1.4rem;font-weight:700;margin-bottom:0.85rem;}.bento-card p{color:var(--text-secondary);font-size:0.98rem;line-height:1.65;}#devices{position:relative;}.devices-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;}.device-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2.5rem 1.5rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:center;transition:var(--transition-smooth);}.device-card:hover{background:var(--glass-hover);border-color:rgba(168,85,247,0.3);transform:translateY(-4px);box-shadow:var(--shadow-glow);}.device-icon{font-size:3rem;margin-bottom:1.25rem;}.device-card h3{font-size:1.1rem;font-weight:700;margin-bottom:0.5rem;}.device-card p{color:var(--text-secondary);font-size:0.9rem;margin-bottom:1rem;}.compat-badge{display:inline-block;padding:0.3rem 0.85rem;border-radius:var(--radius-xl);font-size:0.75rem;font-weight:600;background:rgba(34,197,94,0.15);color:var(--green-safe);border:1px solid rgba(34,197,94,0.3);}#installation{position:relative;}.timeline{position:relative;max-width:700px;margin:0 auto;}.timeline::before{content:'';position:absolute;left:32px;top:0;bottom:0;width:2px;background:var(--gradient-purple);}.timeline-step{display:flex;gap:2rem;margin-bottom:2.5rem;position:relative;}.step-number{width:64px;height:64px;min-width:64px;border-radius:50%;background:var(--gradient-purple);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;color:#ffffff;box-shadow:var(--shadow-glow);position:relative;z-index:2;}.step-content{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem 2rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex:1;transition:var(--transition-smooth);}.step-content:hover{background:var(--glass-hover);border-color:rgba(168,85,247,0.3);}.step-content h3{font-size:1.1rem;font-weight:700;margin-bottom:0.5rem;}.step-content p{color:var(--text-secondary);font-size:0.95rem;line-height:1.6;}#features{position:relative;}.features-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}.feature-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:var(--transition-smooth);}.feature-card.featured{grid-column:span 2;}.feature-card.featured-row{grid-row:span 2;}.feature-card:hover{background:var(--glass-hover);border-color:rgba(168,85,247,0.3);transform:translateY(-4px);box-shadow:var(--shadow-glow);}.feature-icon{font-size:2.5rem;margin-bottom:1.25rem;}.feature-card h3{font-size:1.2rem;font-weight:700;margin-bottom:0.75rem;}.feature-card p{color:var(--text-secondary);font-size:0.95rem;line-height:1.6;}.feature-tag{display:inline-block;padding:0.3rem 0.85rem;border-radius:var(--radius-xl);font-size:0.75rem;font-weight:600;background:rgba(168,85,247,0.15);color:var(--purple-light);border:1px solid rgba(168,85,247,0.3);margin-top:1rem;}#safety{position:relative;}.safety-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;}.safety-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:var(--transition-smooth);border-left:4px solid transparent;}.safety-card:hover{background:var(--glass-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow);}.safety-card.safe{border-left-color:var(--green-safe);}.safety-card.warning{border-left-color:var(--yellow-warn);}.safety-card.danger{border-left-color:var(--red-danger);}.safety-card h3{font-size:1.15rem;font-weight:700;margin-bottom:0.75rem;}.safety-card p{color:var(--text-secondary);font-size:0.95rem;line-height:1.6;}#benefits{position:relative;}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;}.benefit-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2.5rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:center;transition:var(--transition-smooth);}.benefit-card:hover{background:var(--glass-hover);border-color:rgba(168,85,247,0.3);transform:translateY(-4px);box-shadow:var(--shadow-glow);}.benefit-icon{font-size:2.5rem;margin-bottom:1rem;}.benefit-card h3{font-size:1.1rem;font-weight:700;margin-bottom:0.75rem;}.benefit-card p{color:var(--text-secondary);font-size:0.95rem;line-height:1.6;}.benefit-stat{font-size:2rem;font-weight:800;background:var(--gradient-neon);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin-bottom:0.5rem;}#mistakes{position:relative;}.mistakes-list{max-width:700px;margin:0 auto;}.mistake-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem 2rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:1rem;transition:var(--transition-smooth);}.mistake-item:hover{background:var(--glass-hover);border-color:rgba(168,85,247,0.3);transform:translateY(-2px);}.mistake-icon{width:48px;height:48px;min-width:48px;border-radius:50%;background:rgba(239,68,68,0.15);color:var(--red-danger);display:flex;align-items:center;justify-content:center;font-size:1.25rem;}.mistake-item h3{font-size:1.1rem;font-weight:700;margin-bottom:0.5rem;}.mistake-item p{color:var(--text-secondary);font-size:0.95rem;line-height:1.6;}#best-practices{position:relative;}.practices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;}.practice-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:var(--transition-smooth);border-left:4px solid transparent;border-image:var(--gradient-neon) 1;border-image-slice:1;border-top:1px solid var(--glass-border);border-right:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);}.practice-card:hover{background:var(--glass-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow);}.practice-check{width:32px;height:32px;min-width:32px;border-radius:50%;background:rgba(34,197,94,0.2);color:var(--green-safe);display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:1rem;}.practice-card h3{font-size:1.1rem;font-weight:700;margin-bottom:0.75rem;}.practice-card p{color:var(--text-secondary);font-size:0.95rem;line-height:1.6;}#alternatives{position:relative;}.alternatives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;}.alt-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2.5rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:center;transition:var(--transition-smooth);position:relative;overflow:hidden;}.alt-card:hover{background:var(--glass-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow);}.alt-logo{width:72px;height:72px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.25rem;}.alt-card h3{font-size:1.15rem;font-weight:700;margin-bottom:0.5rem;}.alt-card p{color:var(--text-secondary);font-size:0.9rem;line-height:1.5;margin-bottom:1rem;}.alt-price{font-size:1.5rem;font-weight:800;background:var(--gradient-neon);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin-bottom:0.75rem;}.alt-badge{display:inline-block;padding:0.3rem 0.85rem;border-radius:var(--radius-xl);font-size:0.75rem;font-weight:600;background:rgba(34,197,94,0.15);color:var(--green-safe);border:1px solid rgba(34,197,94,0.3);}.neon-border{position:absolute;inset:-1px;background:var(--gradient-neon);z-index:-1;border-radius:inherit;opacity:0;transition:opacity 0.4s ease;filter:blur(2px);}.alt-card:hover .neon-border{opacity:1;}#faq{position:relative;}.faq-container{max-width:760px;margin:0 auto;}.faq-search-wrapper{position:relative;margin-bottom:2rem;}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1rem;pointer-events:none;}.faq-search{width:100%;padding:1rem 1.5rem 1rem 3rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);color:var(--text-primary);font-size:1rem;outline:none;transition:var(--transition-smooth);}.faq-search::placeholder{color:var(--text-muted);}.faq-search:focus{border-color:var(--purple-light);box-shadow:0 0 20px rgba(168,85,247,0.2);}.faq-item{margin-bottom:0.75rem;}.faq-question{width:100%;padding:1.25rem 1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1.05rem;font-weight:600;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition-smooth);}.faq-question:hover{background:var(--glass-hover);border-color:rgba(168,85,247,0.3);}.faq-question.active{background:var(--glass-hover);border-color:var(--purple-light);border-bottom-left-radius:0;border-bottom-right-radius:0;}.faq-toggle{width:28px;height:28px;min-width:28px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--purple-light);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:transform 0.3s ease;}.faq-question.active .faq-toggle{transform:rotate(45deg);}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.16,1,0.3,1);}.faq-answer.open{max-height:500px;}.faq-answer-inner{padding:1.25rem 1.5rem;color:var(--text-secondary);line-height:1.7;background:var(--glass-bg);border:1px solid var(--glass-border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);}.cta-section{position:relative;overflow:hidden;padding:6rem 0;}.cta-bg{position:absolute;inset:0;background:var(--gradient-aurora);opacity:0.1;}.cta-content{text-align:center;position:relative;z-index:2;max-width:700px;margin:0 auto;}.cta-content h2{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:1.25rem;}.cta-content p{color:var(--text-secondary);font-size:1.15rem;line-height:1.7;margin-bottom:2rem;}.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,0.4),transparent 70%);filter:blur(80px);opacity:0.3;z-index:1;}footer{background:var(--bg-secondary);border-top:1px solid var(--glass-border);padding:4rem 0 2rem;}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;}.footer-brand .footer-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin-bottom:1rem;}.footer-brand .footer-logo span{background:var(--gradient-neon);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}.footer-brand p{color:var(--text-secondary);font-size:0.9rem;line-height:1.7;max-width:300px;}.footer-links h4{font-size:0.9rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-primary);margin-bottom:1.25rem;font-weight:700;}.footer-links ul{list-style:none;}.footer-links li{margin-bottom:0.75rem;}.footer-links a{color:var(--text-muted);font-size:0.9rem;transition:color 0.3s ease;}.footer-links a:hover{color:var(--purple-light);}.footer-bottom{border-top:1px solid var(--glass-border);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;}.footer-bottom p{color:var(--text-muted);font-size:0.85rem;}.footer-social{display:flex;gap:0.75rem;}.footer-social a{width:40px;height:40px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1rem;transition:var(--transition-smooth);}.footer-social a:hover{color:var(--purple-light);border-color:rgba(168,85,247,0.3);background:var(--glass-hover);}.gradient-divider{height:2px;background:var(--gradient-neon);border:none;margin-bottom:2rem;}.mobile-download-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:999;background:rgba(10,10,15,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);padding:1rem 1.5rem;}.mobile-download-bar .bar-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;}.mobile-download-bar .bar-text{font-size:0.9rem;font-weight:600;}.mobile-download-bar .bar-btn{padding:0.6rem 1.25rem;background:var(--gradient-purple);color:#ffffff;border:none;border-radius:var(--radius-xl);font-size:0.85rem;font-weight:700;white-space:nowrap;cursor:pointer;}.mobile-menu{display:none;position:fixed;inset:0;z-index:998;background:rgba(10,10,15,0.97);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(-20px);transition:opacity 0.4s ease,transform 0.4s ease;pointer-events:none;}.mobile-menu.open{display:flex;opacity:1;transform:translateY(0);pointer-events:auto;}.mobile-menu ul{list-style:none;padding:0;margin:0;text-align:center;}.mobile-menu li{margin-bottom:1.5rem;}.mobile-menu a{color:var(--text-primary);text-decoration:none;font-size:1.5rem;font-weight:600;font-family:var(--font-display);transition:color 0.3s ease;}.mobile-menu a:hover{color:var(--purple-light);}.mobile-menu a.active{color:var(--purple-light);}.mobile-menu .mobile-cta{display:inline-block;margin-top:1rem;padding:1rem 2.5rem;font-size:1.1rem;}@keyframes aurora-shift{0%,100%{transform:translate(0,0) scale(1);}25%{transform:translate(30px,-30px) scale(1.1);}50%{transform:translate(-20px,20px) scale(0.95);}75%{transform:translate(20px,10px) scale(1.05);}}@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-20px);}}@keyframes glow-pulse{0%,100%{opacity:0.5;}50%{opacity:0.8;}}@keyframes fade-up{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes shimmer{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}@keyframes border-glow{0%,100%{opacity:0.5;}50%{opacity:1;}}@keyframes spin-slow{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1);}.reveal.visible{opacity:1;transform:translateY(0);}.reveal-delay-1{transition-delay:0.1s;}.reveal-delay-2{transition-delay:0.2s;}.reveal-delay-3{transition-delay:0.3s;}.reveal-delay-4{transition-delay:0.4s;}.reveal-delay-5{transition-delay:0.5s;}@media (max-width:1024px){.hero-content{grid-template-columns:1fr 1fr;gap:2rem;}.hero-devices-img{max-width:440px;width:100%;}.about-grid{grid-template-columns:1fr;}.bento-grid{grid-template-columns:repeat(2,1fr);}.bento-card.large{grid-column:span 2;}.features-bento{grid-template-columns:repeat(2,1fr);}.footer-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:768px){.hero-content{display:flex;flex-direction:column-reverse;gap:2.5rem;text-align:center;}.hero-content h1{margin-left:auto;margin-right:auto;}.tagline{margin-left:auto;margin-right:auto;}.hero-stats{justify-content:center;}.hero-devices-img{max-width:420px;width:100%;margin:0 auto;}.nav-links{display:none;}.mobile-toggle{display:block;}.container{padding:0 1.25rem;}section{padding:5rem 0;}.section-header{margin-bottom:3rem;}.bento-grid{grid-template-columns:1fr;}.bento-card.large{grid-column:span 1;flex-direction:column;align-items:flex-start;padding:2rem;min-height:auto;}.bento-card.large .bento-card-content{max-width:100%;}.bento-card.large .bento-card-visual{position:relative;width:100%;height:240px;right:0;margin-top:1.5rem;background-position:center;background-size:contain;opacity:0.4;mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%);-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%);}.features-bento{grid-template-columns:1fr;}.article-grid{grid-template-columns:1fr;}.article-card.full-width{grid-column:span 1;}.feature-card.featured{grid-column:span 1;}.feature-card.featured-row{grid-row:span 1;}.safety-grid{grid-template-columns:1fr;}.benefits-grid{grid-template-columns:1fr;}.practices-grid{grid-template-columns:1fr;}.alternatives-grid{grid-template-columns:1fr;}.devices-showcase{grid-template-columns:1fr;}.btn-group{flex-direction:column;}.btn-primary,.btn-secondary{width:100%;text-align:center;}.footer-grid{grid-template-columns:1fr;}.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center;}.mobile-download-bar{display:block;}.timeline::before{left:24px;}.step-number{width:48px;height:48px;min-width:48px;font-size:1rem;}.timeline-step{gap:1.25rem;}.step-content{padding:1.25rem 1.5rem;}.hero-stats{flex-wrap:wrap;gap:1.5rem;}}@media (max-width:480px){.quick-grid{grid-template-columns:1fr;}.devices-showcase{grid-template-columns:1fr;}.section-title{font-size:clamp(1.75rem,7vw,2.25rem);}.section-subtitle{font-size:1rem;}.hero-content h1{font-size:clamp(2rem,8vw,3rem);}.tagline{font-size:0.92rem;}.cta-content h2{font-size:clamp(1.75rem,7vw,2.25rem);}.faq-question{font-size:0.95rem;padding:1rem 1.25rem;}.faq-answer-inner{padding:1rem 1.25rem;}.nav-container{padding:0 1rem;}}.feature-inline-link{color:inherit;font-weight:600;transition:color 0.2s ease-in-out;text-decoration:underline;text-underline-offset:4px;}.feature-inline-link:hover{color:var(--purple-light);}.article-section{padding:6rem 0;position:relative;}.article-intro{max-width:1000px;font-size:1.12rem;line-height:1.7;color:var(--text-secondary);margin-top:1.5rem;}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem;max-width:1200px;}.article-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2.5rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:var(--transition-smooth);position:relative;overflow:hidden;}.article-card:hover{background:var(--glass-hover);border-color:rgba(168,85,247,0.4);transform:translateY(-4px);box-shadow:0 15px 30px rgba(0,0,0,0.4),0 0 25px rgba(168,85,247,0.1);}.article-card.full-width{grid-column:span 2;}.article-card.featured{border-color:rgba(168,85,247,0.4);background:linear-gradient(135deg,rgba(168,85,247,0.08),rgba(56,189,248,0.03));}.article-card h3{font-size:1.45rem;font-weight:700;margin-bottom:1.25rem;color:var(--text-primary);line-height:1.35;}.article-card p{color:var(--text-secondary);font-size:1rem;line-height:1.65;}.lang-dropdown{position:relative;display:inline-block;margin-left:1.5rem;z-index:1010;}.lang-trigger{display:flex;align-items:center;gap:0.5rem;padding:0.6rem 1.2rem;background:rgba(255,255,255,0.05);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-xl);font-size:0.9rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth);}.lang-trigger:hover{background:rgba(255,255,255,0.1);border-color:rgba(168,85,247,0.4);}.lang-trigger .arrow{font-size:0.7rem;transition:transform 0.3s ease;}.lang-dropdown.open .lang-trigger .arrow{transform:rotate(180deg);}.lang-menu{display:none;position:absolute;top:100%;right:0;margin-top:8px;background:#12121c;border:1px solid rgba(255,255,255,0.1);border-radius:8px;min-width:200px;box-shadow:0 8px 24px rgba(0,0,0,0.4);padding:0.5rem 0;z-index:100;}.lang-dropdown.open .lang-menu{display:block;animation:dropdownFadeIn 0.2s cubic-bezier(0.16,1,0.3,1) forwards;}@keyframes dropdownFadeIn{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}.lang-menu a{display:flex;align-items:center;gap:8px;padding:10px 16px;color:var(--text-secondary);font-size:0.9rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth);text-decoration:none;}.lang-menu a:hover{background:rgba(255,255,255,0.08);color:var(--text-primary);}.lang-menu a.active{background:rgba(168,85,247,0.15);color:var(--purple-light);font-weight:600;}.lang-dropdown.mobile{width:100%;margin:0.5rem 0;text-align:left;}.lang-dropdown.mobile .lang-trigger{width:100%;justify-content:space-between;}.lang-dropdown.mobile .lang-menu{position:static;width:100%;margin-top:0.5rem;box-shadow:none;background:rgba(255,255,255,0.02);display:none;border:1px solid var(--glass-border);z-index:auto;}.lang-dropdown.mobile.open .lang-menu{display:block;}@media (max-width:768px){.lang-dropdown:not(.mobile){display:none;}}.lang-banner{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);z-index:2000;background:rgba(15,15,23,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 20px 40px rgba(0,0,0,0.6),0 0 30px rgba(168,85,247,0.15);border-radius:var(--radius-lg);padding:1.25rem 2rem;width:90%;max-width:580px;animation:slideUp 0.4s cubic-bezier(0.16,1,0.3,1) forwards;}@keyframes slideUp{from{transform:translate(-50%,100%);opacity:0;}to{transform:translate(-50%,0);opacity:1;}}.lang-banner-content{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;}.lang-banner-text{font-size:0.95rem;line-height:1.5;color:var(--text-primary);}.lang-banner-buttons{display:flex;gap:0.75rem;}.lang-banner .btn-sm{padding:0.5rem 1rem;font-size:0.85rem;border-radius:var(--radius-md);}@media (max-width:580px){.lang-banner-content{flex-direction:column;align-items:stretch;gap:1rem;text-align:center;}.lang-banner-buttons{justify-content:center;}}body{opacity:1;transition:opacity 0.25s cubic-bezier(0.4,0,0.2,1);}body.page-transitioning{opacity:0;}