*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--bg2:#12121a;--bg3:#1a1a26;--text:#e4e4ef;--text2:#8888a0;--text3:#55556a;--accent:#6366f1;--accent2:#8b5cf6;--accent-glow:rgba(99,102,241,.35);--green:#10b981;--red:#ef4444;--yellow:#f59e0b;--border:rgba(255,255,255,.06);--radius:12px;--radius-lg:20px;--font:'Inter',system-ui,sans-serif;--mono:'JetBrains Mono',monospace;--nav-h:64px;}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.bg-glow{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.bg-glow-1{width:500px;height:500px;background:var(--accent-glow);top:-200px;right:-100px;opacity:.5}.bg-glow-2{width:400px;height:400px;background:rgba(139,92,246,.2);bottom:-150px;left:-100px}main,nav,footer{position:relative;z-index:1}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:var(--nav-h);border-bottom:1px solid var(--border);backdrop-filter:blur(20px);background:rgba(10,10,15,.8);position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.15rem;color:var(--text);text-decoration:none}.logo-icon{width:30px;height:30px;object-fit:contain;flex-shrink:0;display:block}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links a{color:var(--text2);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.user-menu{display:flex;align-items:center;gap:.6rem}.user-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff}.user-avatar.lg{width:48px;height:48px;font-size:1.1rem}.mobile-toggle{display:none;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:10px;color:var(--text);width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer;padding:0}.mobile-toggle svg,.mobile-toggle [data-lucide]{width:20px;height:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:8px;font-family:var(--font);font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn svg,.btn [data-lucide]{width:16px;height:16px;flex-shrink:0;stroke-width:2.25}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 30px var(--accent-glow)}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.03)}.btn-sm{padding:.35rem .8rem;font-size:.8rem}.btn-lg{padding:.8rem 2rem;font-size:1rem}.btn-block{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:5rem 2rem 4rem;max-width:1280px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem 1rem;border-radius:20px;background:rgba(99,102,241,.12);color:var(--accent);font-size:.8rem;font-weight:600;margin-bottom:1.2rem;border:1px solid rgba(99,102,241,.2)}.hero-badge svg,.hero-badge [data-lucide]{width:14px;height:14px;flex-shrink:0}.hero-title{font-size:3.2rem;font-weight:800;line-height:1.15;margin-bottom:1rem;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent2),#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{color:var(--text2);font-size:1.1rem;max-width:520px;margin-bottom:1.25rem}.hero-langs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem}.hero-langs span{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;border-radius:999px;font-size:.72rem;font-weight:600;color:var(--text2);background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.18);}.hero-langs span svg,.hero-langs span [data-lucide]{width:13px;height:13px;opacity:.85}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.hero-link-quiet{opacity:.85}.hero-actions .btn{text-decoration:none}.hero-stats{display:flex;gap:2.5rem}.stat{position:relative}.stat-ico{display:block;width:18px;height:18px;color:var(--accent);opacity:.7;margin-bottom:.35rem}.stat strong{display:block;font-size:1.5rem;font-weight:800;color:var(--text)}.stat span{font-size:.8rem;color:var(--text3)}.code-window{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4)}.code-header{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;background:var(--bg3);border-bottom:1px solid var(--border)}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.code-title{margin-left:.5rem;font-size:.75rem;color:var(--text3);font-family:var(--mono)}.code-body{padding:1.2rem;max-height:320px;overflow:auto}.code-body pre{font-family:var(--mono);font-size:.78rem;line-height:1.7;white-space:pre-wrap;word-break:break-all}.code-before{color:var(--green)}.code-after{color:var(--accent2);margin-top:1rem;opacity:0;animation:fadeIn .5s forwards}@keyframes fadeIn{to{opacity:1}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.features,.compare,.pricing,.cta{padding:5rem 2rem;max-width:1280px;margin:0 auto}.section-title{text-align:center;font-size:2.2rem;font-weight:800;margin-bottom:.5rem}.section-sub{text-align:center;color:var(--text2);margin-bottom:3rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;transition:all .3s}.feature-card:hover{border-color:rgba(99,102,241,.3);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.3)}.feature-card[data-aos]{opacity:0;animation:slideUp .6s forwards}.feature-card:nth-child(2){animation-delay:.1s}.feature-card:nth-child(3){animation-delay:.2s}.feature-card:nth-child(4){animation-delay:.3s}.feature-card:nth-child(5){animation-delay:.4s}.feature-card:nth-child(6){animation-delay:.5s}.feat-ico{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;border:1px solid rgba(255,255,255,.07);box-shadow:0 8px 24px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.06);transition:transform .3s,box-shadow .3s;}.feature-card:hover .feat-ico{transform:translateY(-2px) scale(1.04)}.feat-ico svg,.feat-ico [data-lucide]{width:24px;height:24px;stroke-width:2}.feat-ico-indigo{background:linear-gradient(145deg,rgba(99,102,241,.28),rgba(99,102,241,.08));color:#a5b4fc;border-color:rgba(129,140,248,.25)}.feat-ico-cyan{background:linear-gradient(145deg,rgba(34,211,238,.22),rgba(6,182,212,.08));color:#67e8f9;border-color:rgba(34,211,238,.22)}.feat-ico-violet{background:linear-gradient(145deg,rgba(139,92,246,.28),rgba(124,58,237,.08));color:#c4b5fd;border-color:rgba(167,139,250,.25)}.feat-ico-amber{background:linear-gradient(145deg,rgba(245,158,11,.24),rgba(217,119,6,.08));color:#fcd34d;border-color:rgba(251,191,36,.22)}.feat-ico-emerald{background:linear-gradient(145deg,rgba(16,185,129,.24),rgba(5,150,105,.08));color:#6ee7b7;border-color:rgba(52,211,153,.22)}.feat-ico-rose{background:linear-gradient(145deg,rgba(244,63,94,.22),rgba(225,29,72,.08));color:#fda4af;border-color:rgba(251,113,133,.22)}.feature-card h3{font-size:1.1rem;margin-bottom:.5rem}.feature-card p{color:var(--text2);font-size:.9rem}.compare-box{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center}.compare-side{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.compare-side h4{margin-bottom:1rem;font-size:.9rem;color:var(--text3);display:flex;align-items:center;gap:.45rem}.compare-side h4 svg,.compare-side h4 [data-lucide]{width:16px;height:16px;color:var(--accent);opacity:.85}.compare-side pre{font-family:var(--mono);font-size:.75rem;line-height:1.6;white-space:pre-wrap;color:var(--text2)}.compare-side.obfuscated pre{color:var(--accent2)}.compare-arrow{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(139,92,246,.12));border:1px solid rgba(129,140,248,.3);color:var(--accent);box-shadow:0 0 28px rgba(99,102,241,.2);}.compare-arrow svg,.compare-arrow [data-lucide]{width:26px;height:26px}.pricing-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.price-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.8rem 1.5rem;position:relative;transition:all .3s}.price-card:hover{border-color:rgba(99,102,241,.3)}.price-card.featured{border-color:var(--accent);box-shadow:0 0 40px var(--accent-glow)}.price-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;padding:.25rem .85rem;border-radius:12px;font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;gap:.3rem}.price-badge svg,.price-badge [data-lucide]{width:12px;height:12px}.price-card h3{font-size:1rem;margin-bottom:1rem}.price-amount{font-size:2rem;font-weight:800;margin-bottom:1.2rem}.price-amount .currency{font-size:1rem;margin-left:.1rem}.price-amount .period{font-size:.8rem;color:var(--text3);font-weight:400}.price-amount .free{font-size:1.5rem}.price-features{list-style:none;margin-bottom:1.5rem}.price-features li{display:flex;align-items:flex-start;gap:.5rem;padding:.35rem 0;font-size:.85rem;color:var(--text2);border-bottom:1px solid var(--border)}.price-features li svg,.price-features li [data-lucide]{width:15px;height:15px;color:var(--green);flex-shrink:0;margin-top:.15rem;stroke-width:2.5}.faq{padding:5rem 2rem;max-width:860px;margin:0 auto}.faq-list{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.faq-item{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .25s,box-shadow .25s;}.faq-item[open]{border-color:rgba(99,102,241,.28);box-shadow:0 8px 32px rgba(0,0,0,.22)}.faq-item summary{padding:1.1rem 1.35rem;cursor:pointer;font-weight:600;font-size:.95rem;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;}.faq-item summary::-webkit-details-marker{display:none}.faq-chev{width:18px;height:18px;color:var(--accent);flex-shrink:0;transition:transform .25s}.faq-item[open] .faq-chev{transform:rotate(180deg)}.faq-item p{padding:0 1.35rem 1.2rem;color:var(--text2);font-size:.9rem;line-height:1.65}.cta{text-align:center;background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(139,92,246,.08));border:1px solid var(--border);border-radius:var(--radius-lg);padding:4rem 2rem;margin-bottom:3rem}.cta-ico{width:64px;height:64px;margin:0 auto 1.25rem;border-radius:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(99,102,241,.35),rgba(139,92,246,.15));border:1px solid rgba(129,140,248,.35);color:#c7d2fe;box-shadow:0 12px 40px rgba(99,102,241,.25);}.cta-ico svg,.cta-ico [data-lucide]{width:30px;height:30px}.cta h2{font-size:2rem;margin-bottom:.5rem}.cta p{color:var(--text2);margin-bottom:1.5rem}.footer{border-top:1px solid var(--border);padding:3rem 2rem}.footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:2rem}.footer-brand p{color:var(--text3);font-size:.85rem;margin-top:.5rem}.footer-links{display:flex;gap:1.5rem;justify-content:flex-end}.footer-links a{color:var(--text2);font-size:.9rem}.footer-copy{grid-column:1/-1;color:var(--text3);font-size:.8rem;margin-top:1rem}.modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center}.modal.active{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.modal-box{position:relative;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:420px;animation:slideUp .3s}.modal-close{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text3);cursor:pointer;padding:0}.modal-close svg,.modal-close [data-lucide]{width:16px;height:16px}.modal-box h2{margin-bottom:1.5rem;font-size:1.3rem}.field{margin-bottom:1rem}.field label{display:block;font-size:.85rem;color:var(--text2);margin-bottom:.4rem}.field input{width:100%;padding:.7rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font);font-size:.9rem;outline:none;transition:border .2s}.field input:focus{border-color:var(--accent)}.form-error{color:var(--red);font-size:.85rem;margin-bottom:.8rem;min-height:1.2rem}.modal-switch{text-align:center;margin-top:1rem;font-size:.85rem;color:var(--text2)}.pay-modal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.75)}.pay-modal.active{display:flex}.pay-modal-box{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;max-width:400px;width:90%;text-align:center;position:relative}.pay-qr img{max-width:240px;border-radius:8px;margin:1rem 0}.pay-amount{font-size:1.5rem;font-weight:800;color:var(--accent)}.pay-hint{color:var(--text2);font-size:.85rem}.pay-status{margin-top:1rem;color:var(--green)}.pricing-page{padding:4rem 2rem;max-width:1100px;margin:0 auto}.install-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.install-box{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:3rem;text-align:center;max-width:480px}.install-box h1{margin-bottom:1rem}.success{color:var(--green)}.error{color:var(--red);margin:1rem 0}@media(max-width:1024px){.hero{grid-template-columns:1fr;text-align:center}.hero-desc{margin:0 auto 2rem}.hero-actions,.hero-stats{justify-content:center}.feature-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}.compare-box{grid-template-columns:1fr}.compare-arrow{text-align:center;transform:rotate(90deg)}}@media(max-width:768px){.navbar{backdrop-filter:none;background:rgba(10,10,15,.96)}.bg-glow{display:none}.bg-grid{opacity:.35}.hero-title{font-size:2.2rem}}@media(max-width:640px){.nav-links{display:none}.mobile-toggle{display:inline-flex}.hero-title{font-size:2.2rem}.feature-grid,.pricing-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}}.feature-card,.price-card,.faq-item{content-visibility:auto;contain-intrinsic-size:auto 220px}