#particles-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.navbar{z-index:100;transition:background var(--transition), backdrop-filter var(--transition);justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border);background:#0a0a2ecc}[data-theme=light] .navbar.scrolled{background:#f0f2f8d9}.nav-logo{color:var(--text);align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.nav-logo .logo-icon{background:var(--gradient-1);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;box-shadow:0 4px 12px #667eea66}.nav-links{align-items:center;gap:28px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);transition:color var(--transition);font-size:14px;font-weight:500;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--gradient-1);width:0;height:2px;transition:width var(--transition);border-radius:2px;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{width:100%}.theme-toggle{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;width:36px;height:36px;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.theme-toggle:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-hover);transform:rotate(15deg)}.mobile-menu-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;display:none}.mobile-menu-btn span{background:var(--text);width:18px;height:2px;transition:all var(--transition);border-radius:2px;display:block}.hero{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative}.hero-badge{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 20px;font-size:13px;font-weight:500;animation:.6s forwards fadeUp;display:inline-flex}.hero-badge .dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot}.hero h1{margin-bottom:20px;font-size:max(36px,min(7vw,72px));font-weight:900;line-height:1.08;animation:.6s .1s forwards fadeUp}.hero h1 .gradient-text{background:var(--gradient-2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--text-secondary);max-width:560px;margin:0 auto 40px;font-size:max(16px,min(2vw,20px));animation:.6s .2s forwards fadeUp}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;animation:.6s .3s forwards fadeUp;display:flex}.hero-stats{gap:48px;margin-top:60px;animation:.6s .4s forwards fadeUp;display:flex}.hero-stat h3{font-size:32px;font-weight:800}.hero-stat p{color:var(--text-tertiary);margin:0;font-size:14px}.btn{cursor:pointer;border:none;border-radius:60px;align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-2);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{box-shadow:0 8px 32px var(--accent-glow);transform:translateY(-3px)scale(1.03)}.btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-hover);transform:translateY(-3px)}.btn-sm{padding:12px 24px;font-size:14px}.section{z-index:1;max-width:1200px;margin:0 auto;padding:100px 24px;position:relative}.section-header{text-align:center;margin-bottom:60px}.section-tag{background:var(--surface);border:1px solid var(--border);color:var(--accent);letter-spacing:.5px;border-radius:100px;margin-bottom:16px;padding:6px 18px;font-size:13px;font-weight:600;display:inline-block}.section-title{margin-bottom:16px;font-size:max(28px,min(5vw,48px));font-weight:800;line-height:1.2}.section-title .gradient-text{background:var(--gradient-2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-desc{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:18px}.features-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);padding:32px;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--gradient-1);transform-origin:0;width:100%;height:3px;transition:transform var(--transition);position:absolute;top:0;left:0;transform:scaleX(0)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{background:var(--surface-hover);border-color:var(--border-hover);box-shadow:var(--shadow);transform:translateY(-6px)}.feature-card.full{grid-column:1/-1}.feature-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:22px;display:flex}.feature-icon.purple{color:#818cf8;background:#667eea26}.feature-icon.gold{color:#fbbf24;background:#f59e0b26}.feature-icon.pink{color:#f472b6;background:#ec489926}.feature-icon.green{color:#4ade80;background:#22c55e26}.feature-card h3{margin-bottom:8px;font-size:20px;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.7}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;display:grid}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition);padding:36px 28px;position:relative}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.pricing-card.popular{border-color:var(--accent);background:linear-gradient(180deg, var(--surface), #f59e0b0a);transform:scale(1.04)}.pricing-card.popular:hover{transform:scale(1.04)translateY(-8px)}.pricing-badge{background:var(--accent);color:#000;border-radius:100px;margin-bottom:16px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.pricing-card h3{margin-bottom:4px;font-size:20px;font-weight:700}.pricing-card .desc{color:var(--text-secondary);margin-bottom:20px;font-size:13px}.pricing-price{margin-bottom:24px}.pricing-price .amount{font-size:42px;font-weight:900}.pricing-price .unit{color:var(--text-secondary);font-size:16px}.pricing-features{text-align:left;margin-bottom:28px;list-style:none}.pricing-features li{color:var(--text-secondary);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.pricing-features li:last-child{border-bottom:none}.pricing-features li .check{color:#22c55e;font-weight:700}.pricing-card .btn{justify-content:center;width:100%}.download-section{text-align:center}.download-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:800px;margin:0 auto;display:grid}.download-info{text-align:left}.download-info h3{margin-bottom:12px;font-size:24px;font-weight:700}.download-info p{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.7}.download-info .steps{list-style:none}.download-info .steps li{color:var(--text-secondary);align-items:flex-start;gap:12px;padding:10px 0;font-size:14px;display:flex}.download-info .steps li .step-num{background:var(--gradient-1);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.qr-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition);padding:32px}.qr-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow)}.qr-card #qrcode{justify-content:center;margin:0 auto 16px;display:flex}.qr-card #qrcode img{border-radius:8px;display:block}.qr-card p{color:var(--text-secondary);margin-bottom:12px;font-size:13px}.qr-note{color:var(--text-tertiary);font-size:12px}.social-section{text-align:center;padding:80px 24px}.social-grid{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px;display:flex}.social-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:all var(--transition);flex-direction:column;align-items:center;gap:12px;min-width:160px;padding:32px 40px;text-decoration:none;display:flex}.social-card:hover{box-shadow:var(--shadow);border-color:var(--border-hover);transform:translateY(-6px)}.social-card .social-icon{font-size:36px}.social-card .social-name{font-size:15px;font-weight:600}.social-card .social-desc{color:var(--text-tertiary);font-size:12px}.floating-cs{z-index:999;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:28px;right:28px}.floating-cs-tooltip{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-secondary);white-space:nowrap;opacity:0;pointer-events:none;border-radius:20px;padding:6px 14px;font-size:12px;transition:all .3s cubic-bezier(.16,1,.3,1);transform:translateY(6px)}.floating-cs-tooltip.show{opacity:1;transform:translateY(0)}.floating-cs-btn{cursor:pointer;background:linear-gradient(135deg,#07c160,#06ad56);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #07c16059,inset 0 0 0 1px #ffffff1a}.floating-cs-btn:before{content:"";opacity:.25;background:linear-gradient(135deg,#07c160,#06ad56);border-radius:50%;animation:2.5s ease-in-out infinite cs-ring;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px}.floating-cs-btn:after{content:"";opacity:.15;background:linear-gradient(135deg,#07c160,#06ad56);border-radius:50%;animation:2.5s ease-in-out .8s infinite cs-ring;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.floating-cs-btn:hover{transform:scale(1.08);box-shadow:0 6px 28px #07c16080}.floating-cs-btn:active{transform:scale(.95)}.floating-cs-btn svg{z-index:2;width:32px;height:32px;position:relative}.floating-cs-badge{border:2px solid var(--bg);color:#fff;z-index:3;background:#ff4d4f;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:700;animation:2s infinite pulse-dot;display:flex;position:absolute;top:-4px;right:-4px}@keyframes cs-ring{0%,to{opacity:.25;transform:scale(1)}50%{opacity:0;transform:scale(1.3)}}footer{z-index:1;text-align:center;border-top:1px solid var(--border);color:var(--text-tertiary);padding:40px 24px;font-size:13px;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.nav-links{display:none}.mobile-menu-btn{display:flex}.hero h1{font-size:max(28px,min(12vw,48px))}.hero-stats{flex-wrap:wrap;gap:24px}.hero-stat h3{font-size:24px}.features-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-8px)}.download-grid{grid-template-columns:1fr}.social-grid{gap:12px}.social-card{min-width:140px;padding:24px 28px}.section{padding:60px 20px}.floating-cs{bottom:20px;right:20px}.floating-cs-btn{width:52px;height:52px}.floating-cs-btn svg{width:28px;height:28px}}@media (max-width:480px){.hero-actions{flex-direction:column;align-items:stretch}.btn{justify-content:center}.social-card{min-width:130px;padding:20px 24px}}