:root{--bg-color:#0b111e;--surface:#151c28;--primary:#1cf085;--primary-glow:rgba(28, 240, 133, 0.4);--secondary:#ff3366;--text-main:#ffffff;--text-muted:#94a3b8;--font:'Outfit', sans-serif;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:var(--font);background-color:var(--bg-color);color:var(--text-main);overflow-x:hidden;line-height:1.5;font-size:16px;}.glass{background:var(--surface);border:1px solid rgba(255, 255, 255, 0.05);border-radius:12px;}.btn{display:inline-block;padding:10px 24px;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.3s ease;cursor:pointer;border:none;font-family:var(--font);font-size:0.95rem;}.btn-primary{background:var(--primary);color:#000;}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--primary-glow);}.btn-glow{background:var(--primary);color:#000;box-shadow:0 0 15px var(--primary-glow);}.btn-glow:hover{transform:translateY(-2px);box-shadow:0 0 25px var(--primary-glow);}.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255, 255, 255, 0.2);}.btn-outline:hover{background:rgba(255, 255, 255, 0.05);}.navbar{position:fixed;top:0;width:100%;padding:15px 5%;display:flex;justify-content:space-between;align-items:center;background:rgba(11, 17, 30, 0.9);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(255, 255, 255, 0.05);}.nav-left{flex:1;display:flex;justify-content:flex-start;}.nav-center{display:flex;justify-content:center;align-items:center;gap:30px;}.nav-right{flex:1;display:flex;justify-content:flex-end;}.btn-nav-cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;height:38px;border-radius:20px;font-weight:600;font-size:0.95rem;text-decoration:none;background:linear-gradient(135deg, #22c55e, #16a34a);color:white;border:none;transition:all 0.3s ease;white-space:nowrap;}.btn-nav-cta:hover{background:linear-gradient(135deg, #34d399, #15803d);transform:translateY(-1px);}.logo{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:800;letter-spacing:-0.5px;text-decoration:none;color:var(--text-main);}.logo-img{height:40px;width:auto;border-radius:8px;animation:floatGlow 3s ease-in-out infinite;}@keyframes floatGlow{0%{transform:translateY(0);filter:drop-shadow(0 0 5px rgba(28, 240, 133, 0.2));}50%{transform:translateY(-3px);filter:drop-shadow(0 0 15px rgba(28, 240, 133, 0.6));}100%{transform:translateY(0);filter:drop-shadow(0 0 5px rgba(28, 240, 133, 0.2));}}.logo span{color:var(--primary);}.navbar nav a{color:var(--text-main);text-decoration:none;font-weight:400;font-size:0.95rem;}.navbar nav a:hover{color:var(--primary);}.hero{display:flex;justify-content:space-between;align-items:center;padding:140px 5% 60px;max-width:1300px;margin:0 auto;gap:40px;}.hero-content{flex:1;max-width:600px;text-align:left;}.hero-image{flex:1;display:flex;justify-content:flex-end;}.hero-image img{max-width:100%;border-radius:20px;box-shadow:0 0 30px rgba(28, 240, 133, 0.2);border:2px solid rgba(255,255,255,0.05);}.badge{background:rgba(28, 240, 133, 0.1);color:var(--primary);padding:4px 12px;border-radius:50px;font-size:0.85rem;border:1px solid rgba(28, 240, 133, 0.2);margin-bottom:20px;display:inline-block;}.hero h1{font-size:3.5rem;line-height:1.1;margin-bottom:20px;color:#fff;letter-spacing:-1px;}.hero h1 span.highlight{color:var(--primary);}.hero p{font-size:1.05rem;color:var(--text-muted);margin-bottom:30px;}.hero-stats{display:flex;gap:30px;margin-bottom:30px;justify-content:flex-start;}.hero-stats div{display:flex;flex-direction:column;}.hero-stats strong{font-size:1.8rem;color:var(--primary);line-height:1;margin-bottom:5px;}.hero-stats span{font-size:0.8rem;color:var(--text-muted);text-transform:uppercase;}.hero-actions{display:flex;gap:15px;justify-content:flex-start;}.section-title{text-align:center;margin-bottom:50px;}.section-title h2{font-size:2.5rem;margin-bottom:10px;}.section-title p{color:var(--text-muted);font-size:1rem;}.features-section{padding:60px 5%;}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:20px;max-width:1200px;margin:0 auto;}.feature-card{padding:30px 25px;transition:transform 0.3s;background:var(--surface);}.feature-card:hover{transform:translateY(-5px);border-color:rgba(28, 240, 133, 0.3);}.feature-card .icon{font-size:2.5rem;margin-bottom:15px;}.feature-card .icon i{background:linear-gradient(135deg, #10b981, #34d399);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(16, 185, 129, 0.3));}.feature-card h3{font-size:1.25rem;margin-bottom:10px;}.feature-card p{font-size:0.95rem;color:var(--text-muted);}.compatibility-section{padding:100px 5%;max-width:1200px;margin:0 auto;text-align:center;position:relative;}.compatibility-section::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:300px;background:radial-gradient(circle, rgba(16, 185, 129, 0.05) 0%, transparent 70%);z-index:-1;}.badge-dark{background:rgba(255,255,255,0.03);color:#10b981;border:1px solid rgba(16, 185, 129, 0.2);padding:6px 20px;border-radius:50px;font-size:0.8rem;font-weight:800;letter-spacing:2px;display:inline-block;margin-bottom:25px;box-shadow:0 0 20px rgba(16, 185, 129, 0.1);}.section-title h2{font-size:3rem;font-weight:800;letter-spacing:-1px;margin-bottom:15px;}.compatibility-subtitle{color:#94a3b8;font-size:1.1rem;max-width:700px;margin:0 auto 50px;line-height:1.6;}.setup-link{color:#10b981;text-decoration:none;font-weight:700;border-bottom:1px dashed #10b981;transition:all 0.3s;}.setup-link:hover{color:#34d399;border-bottom-style:solid;text-shadow:0 0 10px rgba(16, 185, 129, 0.5);}.device-icons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:60px;}.device-card{background:rgba(21, 28, 40, 0.6);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.05);border-radius:16px;padding:25px 20px;width:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);box-shadow:0 10px 30px rgba(0,0,0,0.3);}.device-card:hover{transform:translateY(-8px) scale(1.05);background:rgba(255,255,255,0.08);border-color:rgba(16, 185, 129, 0.3);box-shadow:0 15px 35px rgba(16, 185, 129, 0.15);}.device-card .icon{font-size:3rem;margin-bottom:15px;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}.device-card .icon i{background:linear-gradient(135deg, #10b981, #34d399);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(16, 185, 129, 0.4));}.device-card:hover .icon{transform:scale(1.15) translateY(-5px);}.device-card:hover .icon i{filter:drop-shadow(0 0 25px rgba(16, 185, 129, 0.7));}.device-card span{font-size:0.9rem;color:#fff;font-weight:600;}.app-cards{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;max-width:1000px;margin:0 auto;}.app-card{background:rgba(21, 28, 40, 0.6);backdrop-filter:blur(10px);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:220px;position:relative;cursor:pointer;border:1px solid rgba(255,255,255,0.08);transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);padding:20px;box-shadow:0 10px 30px rgba(0,0,0,0.2);}.app-card:hover{transform:translateY(-8px);border-color:rgba(16, 185, 129, 0.4);box-shadow:0 15px 35px rgba(16, 185, 129, 0.2);background:rgba(255,255,255,0.05);}.app-logo{max-width:60%;max-height:80px;object-fit:contain;margin-bottom:20px;z-index:2;transition:transform 0.3s ease;filter:drop-shadow(0 4px 10px rgba(0,0,0,0.3));}.app-card:hover .app-logo{transform:scale(1.08);}.app-footer{position:absolute;bottom:0;width:100%;height:45px;display:flex;align-items:center;justify-content:center;background:rgba(0, 0, 0, 0.4);font-size:0.95rem;font-weight:600;color:#fff;z-index:2;border-top:1px solid rgba(255,255,255,0.05);border-radius:0 0 20px 20px;letter-spacing:0.5px;}.pricing-section{padding:100px 5%;background:var(--bg-color);position:relative;}.pricing-connections-wrapper{text-align:center;margin-top:50px;}.pricing-connections-wrapper h3{font-size:1.15rem;margin-bottom:20px;color:#e2e8f0;font-weight:600;letter-spacing:0.5px;}.plan-toggle{display:inline-flex;background:rgba(255, 255, 255, 0.03);border:1px solid rgba(255,255,255,0.1);border-radius:50px;padding:6px;box-shadow:inset 0 2px 10px rgba(0,0,0,0.3);backdrop-filter:blur(10px);}.toggle-btn{background:transparent;border:none;color:#94a3b8;padding:12px 26px;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:700;transition:all 0.3s;}.toggle-btn:hover{color:#fff;}.toggle-btn.active{background:linear-gradient(90deg, #10b981, #059669);color:#fff;box-shadow:0 4px 15px rgba(16, 185, 129, 0.4);text-shadow:0 1px 3px rgba(0,0,0,0.3);}.pricing-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:25px;max-width:1250px;margin:60px auto 0;perspective:1000px;}.price-card.new-style{background:rgba(21, 28, 40, 0.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08);padding:45px 30px;border-radius:24px;text-align:center;position:relative;transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);box-shadow:0 10px 40px rgba(0,0,0,0.4);display:flex;flex-direction:column;}.price-card.new-style:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 20px 50px rgba(16, 185, 129, 0.15);border-color:rgba(255,255,255,0.2);}.price-card.new-style.popular{background:linear-gradient(180deg, rgba(21, 28, 40, 0.9) 0%, rgba(16, 185, 129, 0.1) 100%);border:1px solid rgba(16, 185, 129, 0.6);transform:scale(1.05);z-index:2;box-shadow:0 0 40px rgba(16, 185, 129, 0.2);}.price-card.new-style.popular:hover{transform:scale(1.05) translateY(-10px);box-shadow:0 20px 60px rgba(16, 185, 129, 0.35);border-color:#10b981;}.price-card.new-style .popular-badge{position:absolute;top:-18px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg, #10b981, #059669);color:#fff;font-weight:800;padding:8px 22px;font-size:0.85rem;border-radius:50px;letter-spacing:1px;text-transform:uppercase;box-shadow:0 4px 15px rgba(16, 185, 129, 0.4);border:1px solid rgba(255,255,255,0.2);}.price-card.new-style h3{font-size:1.4rem;color:#fff;font-weight:800;margin-bottom:15px;letter-spacing:0.5px;}.price-card.new-style .price{color:#10b981;font-size:3.5rem;font-weight:900;margin-bottom:25px;line-height:1;text-shadow:0 0 30px rgba(16, 185, 129, 0.3);}.plan-tag{border:1px solid rgba(239, 68, 68, 0.6);color:#ef4444;font-size:0.8rem;padding:6px 14px;border-radius:50px;display:inline-block;margin-bottom:30px;font-weight:700;background:rgba(239, 68, 68, 0.05);box-shadow:0 0 15px rgba(239, 68, 68, 0.1);}.price-card.new-style.popular .plan-tag{border-color:rgba(16, 185, 129, 0.6);color:#10b981;background:rgba(16, 185, 129, 0.05);box-shadow:0 0 15px rgba(16, 185, 129, 0.1);}.features-list{list-style:none;margin-bottom:40px;text-align:left;flex-grow:1;}.features-list li{margin-bottom:16px;color:#e2e8f0;font-size:0.95rem;display:flex;align-items:flex-start;line-height:1.4;font-weight:500;}.features-list li::before{content:'✓';color:#10b981;margin-right:12px;font-weight:900;font-size:1.1rem;text-shadow:0 0 10px rgba(16, 185, 129, 0.5);}.help-text{font-size:0.85rem;color:#94a3b8;margin-bottom:18px;}.help-text strong{color:#fff;transition:color 0.3s;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;}.help-text strong:hover{color:#10b981;text-decoration-color:#10b981;}.btn{width:100%;border-radius:14px;padding:16px;font-size:1.1rem;font-weight:800;display:block;border:none;cursor:pointer;color:#fff;text-decoration:none;text-align:center;transition:all 0.3s ease;position:relative;overflow:hidden;letter-spacing:0.5px;z-index:1;}.btn::after{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:transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);z-index:-1;}.btn:hover::after{transform:translateX(100%);}.btn:hover{transform:translateY(-3px);}.btn-red-gradient{background:linear-gradient(90deg, #ff416c, #ff4b2b);box-shadow:0 8px 20px rgba(255, 65, 108, 0.3);}.btn-red-gradient:hover{box-shadow:0 12px 25px rgba(255, 65, 108, 0.5);filter:brightness(1.1);}.btn-green-gradient{background:linear-gradient(90deg, #10b981, #059669);box-shadow:0 8px 20px rgba(16, 185, 129, 0.3);}.btn-green-gradient:hover{box-shadow:0 12px 25px rgba(16, 185, 129, 0.5);filter:brightness(1.1);}.faq-section{padding:80px 5%;max-width:900px;margin:0 auto;text-align:center;}.faq-accordion{display:flex;flex-direction:column;gap:15px;margin-top:40px;}.faq-item{background:rgba(21, 28, 40, 0.4);border:1px solid rgba(255,255,255,0.05);border-radius:12px;overflow:hidden;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);backdrop-filter:blur(10px);}.faq-item:hover{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.1);}.faq-item.active{border-color:#10b981;box-shadow:0 0 30px rgba(16, 185, 129, 0.15);background:rgba(21, 28, 40, 0.8);}.faq-question{width:100%;text-align:left;background:none;border:none;padding:25px 30px;font-size:1.15rem;font-weight:700;color:#f8fafc;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all 0.3s;}.faq-question:hover{color:#10b981;}.faq-question .icon{color:#10b981;font-size:1.8rem;transition:transform 0.4s ease;font-weight:300;}.faq-item.active .faq-question .icon{transform:rotate(180deg);color:#ef4444;}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease-out;}.faq-answer p{padding:0 30px 25px;font-size:1rem;color:#94a3b8;line-height:1.6;text-align:left;}.reviews-section{padding:80px 5% 120px;text-align:center;position:relative;}.highlight-green{color:#10b981;}.reviews-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;max-width:1200px;margin:60px auto 0;}.review-card{padding:40px 30px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;height:100%;}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;}.stars{color:#fbbf24;font-size:1.3rem;letter-spacing:2px;}.verified-badge{background:rgba(16, 185, 129, 0.1);color:#10b981;padding:5px 12px;border-radius:6px;font-size:0.8rem;font-weight:700;border:1px solid rgba(16, 185, 129, 0.2);}.review-text{font-size:1.1rem;font-style:italic;color:#e2e8f0;line-height:1.7;margin-bottom:35px;flex-grow:1;}.reviewer{display:flex;align-items:center;gap:15px;border-top:1px solid rgba(255,255,255,0.05);padding-top:20px;}.reviewer-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;color:#fff;box-shadow:0 4px 15px rgba(0,0,0,0.4);}.reviewer-info h4{color:#f8fafc;font-size:1.1rem;margin-bottom:3px;font-weight:700;}.reviewer-info span{color:#94a3b8;font-size:0.9rem;}.footer{padding:50px 5% 30px;font-size:0.9rem;text-align:center;background:#070a13;border-top:1px solid rgba(255,255,255,0.05);}.page-header{padding:140px 5% 60px;text-align:center;position:relative;}.page-header h1{font-size:3rem;margin-bottom:20px;font-weight:800;letter-spacing:-1px;}.page-header p{font-size:1.1rem;color:var(--text-muted);max-width:700px;margin:0 auto;}.setup-container{max-width:900px;margin:0 auto 100px;padding:0 5%;}.setup-guide-card{background:rgba(21, 28, 40, 0.6);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.05);border-radius:20px;padding:40px;margin-bottom:40px;transition:all 0.3s;}.setup-guide-card:hover{border-color:rgba(16, 185, 129, 0.3);box-shadow:0 10px 30px rgba(16, 185, 129, 0.1);}.setup-guide-card h2{font-size:1.8rem;margin-bottom:10px;color:#fff;display:flex;align-items:center;gap:15px;}.setup-guide-card h2 .icon{color:var(--primary);font-size:2.2rem;display:flex;align-items:center;justify-content:center;}.setup-guide-card h2 .icon i{background:linear-gradient(135deg, #10b981, #34d399);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(16, 185, 129, 0.3));}.setup-guide-card p.subtitle{color:var(--text-muted);margin-bottom:25px;font-size:1.05rem;}.step-list{list-style:none;counter-reset:setup-counter;}.step-list li{position:relative;padding-left:50px;margin-bottom:25px;color:#e2e8f0;line-height:1.6;}.step-list li::before{counter-increment:setup-counter;content:counter(setup-counter);position:absolute;left:0;top:-2px;width:32px;height:32px;background:linear-gradient(135deg, #10b981, #34d399);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;box-shadow:0 4px 10px rgba(16, 185, 129, 0.4);}.step-list li strong{color:#fff;font-weight:700;}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:30px;max-width:1200px;margin:0 auto 100px;padding:0 5%;}.blog-card{background:rgba(21, 28, 40, 0.6);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.05);border-radius:20px;overflow:hidden;transition:all 0.3s;display:flex;flex-direction:column;}.blog-card:hover{transform:translateY(-8px);border-color:rgba(16, 185, 129, 0.3);box-shadow:0 15px 35px rgba(16, 185, 129, 0.15);}.blog-image{width:100%;height:180px;background:linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(21, 28, 40, 0.8));display:flex;align-items:center;justify-content:center;font-size:3rem;color:rgba(16, 185, 129, 0.5);border-bottom:1px solid rgba(255,255,255,0.05);}.blog-content{padding:30px;flex-grow:1;display:flex;flex-direction:column;}.blog-date{font-size:0.85rem;color:var(--primary);margin-bottom:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;}.blog-card h3{font-size:1.3rem;margin-bottom:15px;color:#fff;line-height:1.4;}.blog-card p{color:var(--text-muted);font-size:0.95rem;margin-bottom:25px;flex-grow:1;}.read-more{color:var(--primary);font-weight:700;text-decoration:none;font-size:0.95rem;display:inline-flex;align-items:center;gap:8px;transition:gap 0.3s;}.read-more:hover{gap:12px;text-shadow:0 0 10px rgba(16, 185, 129, 0.5);}.article-container{max-width:800px;margin:120px auto 100px;padding:0 5%;}.article-header{text-align:center;margin-bottom:50px;}.article-header h1{font-size:2.8rem;font-weight:800;margin:20px 0;line-height:1.2;letter-spacing:-1px;}.article-meta{display:flex;justify-content:center;gap:20px;color:var(--text-muted);font-size:0.95rem;}.article-meta i{color:var(--primary);}.article-content{padding:50px;border-radius:20px;line-height:1.8;font-size:1.15rem;color:#cbd5e1;}.article-content h2{color:#f8fafc;font-size:1.8rem;margin:50px 0 20px;font-weight:800;letter-spacing:-0.5px;}.article-content h3{color:#f8fafc;font-size:1.4rem;margin:30px 0 15px;font-weight:700;}.article-content p{margin-bottom:20px;}.article-content ul, .article-content ol{margin-bottom:30px;padding-left:20px;}.article-content li{margin-bottom:12px;}.article-content strong{color:#fff;font-weight:700;}.article-content a{color:var(--primary);text-decoration:none;border-bottom:1px dashed var(--primary);transition:all 0.3s;}.article-content a:hover{border-bottom-style:solid;text-shadow:0 0 10px rgba(16, 185, 129, 0.5);}.cta-box{background:linear-gradient(135deg, rgba(16, 185, 129, 0.05), rgba(21, 28, 40, 0.8));border:1px solid rgba(16, 185, 129, 0.3);border-radius:20px;padding:40px;text-align:center;margin-top:60px;box-shadow:0 10px 40px rgba(16, 185, 129, 0.1);}.cta-box h3{color:#fff;font-size:1.8rem;margin-top:0;margin-bottom:15px;font-weight:800;}.cta-box p{margin-bottom:25px;color:var(--text-muted);font-size:1.1rem;}.cta-box .btn{display:inline-block;width:auto;padding:14px 35px;border-radius:50px;font-size:1.05rem;}@media (max-width:1024px){.pricing-grid, .app-cards, .reviews-grid{grid-template-columns:repeat(2, 1fr);gap:30px;}.hero{flex-direction:column;text-align:center;}.hero-content{align-items:center;display:flex;flex-direction:column;}.hero-stats, .hero-actions{justify-content:center;}}@media (max-width:768px){.reviews-grid{grid-template-columns:1fr;}}@media (max-width:600px){.pricing-grid, .app-cards{grid-template-columns:1fr;}.hero h1{font-size:2.5rem;}}