@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--primary: #7A2FE8;--primary-hover: #6025b8;--secondary: #5B8CFF;--accent: #F2A65A;--bg-color: #FFFFFF;--surface-color: #F8F9FA;--text-color: #1C1C1C;--text-secondary: #5f6368;--border-color: #e0e0e0;--nav-height: 64px;--sidebar-width: 280px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg-color: #1C1C1C;--surface-color: #2C2C2C;--text-color: #FFFFFF;--text-secondary: #B0B0B0;--border-color: #333333;--primary: #7A2FE8;--primary-hover: #8e4bf0;--secondary: #5B8CFF;--accent: #F2A65A}body{margin:0;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:linear-gradient(135deg,#7a2fe8,#8b3ff5,#6b5fe8,#5b8cff,#4a9fff);opacity:0;transition:opacity .5s ease;pointer-events:none}[data-theme=dark] body:before{opacity:.15}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:linear-gradient(rgba(122,47,232,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(122,47,232,.03) 1px,transparent 1px);background-size:100px 100px;opacity:0;transition:opacity .5s ease;pointer-events:none;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{background-position:0 0}to{background-position:100px 100px}}a{font-weight:500;color:var(--secondary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;font-weight:600;line-height:1.2}button{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s,box-shadow .2s;border:none;gap:8px}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 8px #7a2fe866}.btn-accent{background-color:var(--accent);color:#1c1c1c;border:none}.btn-accent:hover{filter:brightness(1.1);box-shadow:0 4px 12px #f2a65a66}.btn-secondary{background-color:transparent;border:1px solid var(--border-color);color:var(--secondary)}.btn-secondary:hover{background-color:#4285f414}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#bdc1c6;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#5f6368}::-webkit-scrollbar-thumb:hover{background:#9aa0a6}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:24px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}button:disabled{opacity:.7;cursor:not-allowed;pointer-events:none}@media(max-width:1024px){.stats-grid,.perks-grid,.how-grid{grid-template-columns:repeat(2,1fr)!important}.how-grid .step-line{display:none!important}.testimonials-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:24px!important}.stats-grid>div>div:first-of-type{font-size:2rem!important}.perks-grid,.how-grid,.testimonials-grid{grid-template-columns:1fr!important}}.navbar{height:80px;background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(122,47,232,.08);position:sticky;top:0;z-index:1000;display:flex;align-items:center}[data-theme=dark] .navbar{background:#12121899}.navbar-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.logo-section{display:flex;align-items:center;gap:0;text-decoration:none}.logo-img{height:160px;filter:drop-shadow(0 2px 8px rgba(122,47,232,.25))}[data-theme=dark] .logo-img{filter:drop-shadow(0 2px 12px rgba(122,47,232,.4)) brightness(1.1)}.logo-text{font-weight:700;font-size:1.1rem;color:var(--text-color);margin-left:-50px;text-shadow:0 1px 2px rgba(0,0,0,.05)}.nav-links{display:flex;gap:6px;align-items:center}.nav-link{color:var(--text-color);font-size:.82rem;font-weight:500;padding:6px 12px;border-radius:16px;transition:all .15s ease;text-decoration:none;font-weight:600}.nav-link:hover{color:var(--text-color);background:#7a2fe80f}.nav-link.active{color:#7a2fe8f2;background:#7a2fe814}.nav-actions{display:flex;align-items:center;gap:6px}.lang-selector{position:relative}.lang-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:transparent;border:1px solid rgba(122,47,232,.12);border-radius:6px;font-size:.75rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s}.lang-btn:hover{border-color:#7a2fe840;color:var(--text-color)}.lang-btn svg.rotate{transform:rotate(180deg)}.lang-btn svg{transition:transform .15s}.lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--surface-color);border:1px solid rgba(122,47,232,.12);border-radius:8px;box-shadow:0 4px 16px #0000001a;padding:4px;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;min-width:160px;animation:dropIn .15s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-option{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;background:transparent;border:none;border-radius:4px;font-size:.75rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .1s}.lang-option:hover{background:#7a2fe814;color:var(--text-color)}.lang-option.selected{background:#7a2fe81a;color:#7a2fe8f2}.icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(122,47,232,.1);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.icon-btn:hover{background:#7a2fe80f;color:var(--text-color);border-color:#7a2fe833}.profile-wrapper{position:relative}.avatar-btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;transition:transform .15s}.avatar-btn:hover{transform:scale(1.05)}.avatar-img{width:30px;height:30px;border-radius:50%;object-fit:cover}.avatar-placeholder{width:30px;height:30px;border-radius:50%;background:#7a2fe8e6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:200px;background:var(--surface-color);border:1px solid rgba(122,47,232,.12);border-radius:10px;box-shadow:0 6px 20px #0000001f;padding:8px;animation:dropIn .15s ease}.profile-header{padding:8px}.profile-info{display:flex;flex-direction:column}.profile-name{font-size:.85rem;font-weight:600;color:var(--text-color)}.profile-email{font-size:.72rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-divider{height:1px;background:#7a2fe81a;margin:4px 0}.profile-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:6px;font-size:.8rem;color:var(--text-color);text-decoration:none;cursor:pointer;transition:background .1s}.profile-item:hover{background:#7a2fe80f}.profile-item.logout{color:#dc3545}.profile-item.logout:hover{background:#dc354514}.login-btn{padding:6px 14px;background:#7a2fe8e6;color:#fff;border-radius:6px;font-size:.8rem;font-weight:500;text-decoration:none;transition:background .15s}.login-btn:hover{background:#7a2fe8}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-color);cursor:pointer;padding:4px}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--surface-color);border-bottom:1px solid rgba(122,47,232,.1);padding:12px 16px;display:flex;flex-direction:column;gap:4px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-link{padding:10px 12px;font-size:.9rem;color:var(--text-color);text-decoration:none;border-radius:6px;transition:background .1s}.mobile-link:hover{background:#7a2fe80f}@media(max-width:768px){.nav-links{display:none}.mobile-menu-btn{display:block}.lang-btn span{display:none}.lang-btn{padding:6px 8px}.navbar-container{padding:0 16px}.logo-img{transform:translate(-10px)}}.footer{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(122,47,232,.08);padding:16px 0 12px}[data-theme=dark] .footer{background:#121218e6}.footer-container{max-width:1100px;margin:0 auto;padding:0 20px}.footer-main{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.footer-brand{max-width:240px}.footer-logo{font-size:.95rem;font-weight:600;color:var(--text-color)}.footer-tagline{font-size:.72rem;color:var(--text-secondary);margin:4px 0 8px;line-height:1.4}.footer-social{display:flex;gap:6px}.social-link{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#7a2fe80f;border:1px solid rgba(122,47,232,.1);border-radius:5px;color:var(--text-secondary);transition:all .15s}.social-link:hover{background:#7a2fe81a;color:#7a2fe8e6}.footer-links-grid{display:flex;gap:32px}.footer-col h4{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-color);margin-bottom:6px}.footer-col{display:flex;flex-direction:column;gap:4px}.footer-link{font-size:.72rem;color:var(--text-secondary);text-decoration:none;transition:color .15s}.footer-link:hover{color:#7a2fe8e6}.footer-bottom{margin-top:12px;padding-top:10px;border-top:1px solid rgba(122,47,232,.06)}.footer-copy{font-size:.68rem;color:var(--text-secondary);opacity:.7}@media(max-width:600px){.footer-main{flex-direction:column;gap:16px}.footer-links-grid{gap:24px}}.hero-section{padding:80px 0;text-align:center;background:radial-gradient(circle at center,var(--surface-color) 0%,var(--bg-color) 100%);overflow:hidden}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.hero-title{font-size:3.5rem;letter-spacing:-.02em;margin-bottom:16px;background:linear-gradient(135deg,var(--text-color) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-tagline{font-size:1.5rem;color:var(--secondary);font-weight:500;margin-bottom:24px}.hero-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.6;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:16px;justify-content:center;margin-bottom:64px}.hero-preview{border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0000001a;border:1px solid var(--border-color);max-width:1000px;margin:0 auto}.hero-preview img{width:100%;height:auto;display:block}@media(max-width:768px){.hero-title{font-size:2.5rem}}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}@media(max-width:960px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:60px}.hero-content{margin:0 auto;text-align:center!important}.hero-content h1{font-size:2.8rem!important}.hero-content div{justify-content:center}}.docs-container{display:flex;max-width:1400px;margin:0 auto;min-height:calc(100vh - var(--nav-height));position:relative}.docs-sidebar{width:var(--sidebar-width);position:sticky;top:var(--nav-height);height:calc(100vh - var(--nav-height));overflow-y:auto;border-right:1px solid var(--border-color);background-color:transparent;padding:24px}.docs-content{flex:1;padding:48px;max-width:900px}.docs-nav-item{display:block;padding:8px 12px;color:var(--text-secondary);border-radius:4px;margin-bottom:4px;font-size:.9rem;transition:all .2s;cursor:pointer;text-decoration:none}.docs-nav-item:hover{background-color:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--text-color);text-decoration:none}.docs-nav-item.active{background-color:transparent;color:var(--primary);font-weight:600;box-shadow:inset 3px 0 0 var(--primary)}.docs-section{margin-bottom:64px;scroll-margin-top:100px}.docs-h1{font-size:2.5rem;margin-bottom:24px}.docs-h2{font-size:1.75rem;margin:40px 0 20px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.docs-p{color:var(--text-secondary);line-height:1.7;margin-bottom:16px;font-size:1.05rem}.code-block{background-color:#282c34;color:#abb2bf;padding:20px;border-radius:8px;font-family:Fira Code,monospace;overflow-x:auto;margin:24px 0;font-size:.9rem}@media(max-width:900px){.docs-sidebar{display:none}.docs-content{padding:24px}}.features-page{min-height:100vh;padding-bottom:0}.features-hero{padding:60px 24px 40px;text-align:center;background:linear-gradient(135deg,#7a2fe80f,#581c8708);border-bottom:1px solid rgba(122,47,232,.1)}.features-hero-content h1{font-size:2.2rem;font-weight:700;margin-bottom:10px;color:var(--text-color)}.features-hero-content p{font-size:1rem;color:var(--text-secondary);max-width:500px;margin:0 auto}.features-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#7a2fe81a;border:1px solid rgba(122,47,232,.2);border-radius:20px;margin-bottom:16px;font-size:.8rem;font-weight:500;color:#7a2fe8e6}.stats-section{padding:32px 24px;background:#7a2fe808;border-bottom:1px solid rgba(122,47,232,.08)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:800px;margin:0 auto}.stat-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;background:#7a2fe80a;border-radius:10px;border:1px solid rgba(122,47,232,.1)}.stat-icon{color:#7a2fe8cc}.stat-value{font-size:1.4rem;font-weight:700;color:var(--text-color)}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.features-main{padding:40px 24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.section-header h2{font-size:1.3rem;font-weight:600;color:var(--text-color)}.category-tabs{display:flex;gap:6px}.category-tab{padding:8px 16px;border-radius:6px;border:1px solid rgba(122,47,232,.15);background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.category-tab:hover{border-color:#7a2fe84d}.category-tab.active{background:#7a2fe8e6;color:#fff;border-color:transparent}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{padding:18px;background:#7a2fe808;border-radius:10px;border:1px solid rgba(122,47,232,.1);transition:all .2s ease}.feature-card:hover{border-color:#7a2fe840;background:#7a2fe80d}.feature-highlight{background:#7a2fe80f;border-color:#7a2fe833}.feature-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.feature-icon{width:36px;height:36px;background:#7a2fe81a;border:1px solid rgba(122,47,232,.2);color:#7a2fe8d9;border-radius:8px;display:flex;align-items:center;justify-content:center}.feature-category{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;background:#7a2fe814;border-radius:4px;color:#7a2fe8bf;font-weight:500}.feature-title{font-size:.95rem;font-weight:600;margin-bottom:6px;color:var(--text-color)}.feature-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.capabilities-section{padding:48px 24px;background:#7a2fe808;border-top:1px solid rgba(122,47,232,.08)}.capabilities-header{text-align:center;margin-bottom:28px}.capabilities-header h2{font-size:1.3rem;font-weight:600;margin-bottom:6px;color:var(--text-color)}.capabilities-header p{font-size:.9rem;color:var(--text-secondary)}.capabilities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:900px;margin:0 auto}.capability-card{padding:20px 16px;background:#7a2fe80a;border-radius:10px;border:1px solid rgba(122,47,232,.12);text-align:center;transition:all .2s}.capability-card:hover{border-color:#7a2fe840}.capability-card svg{color:#7a2fe8cc;margin-bottom:10px}.capability-card h3{font-size:.9rem;font-weight:600;margin-bottom:6px;color:var(--text-color)}.capability-card p{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.comparison-section{padding:48px 24px;border-top:1px solid rgba(122,47,232,.08)}.comparison-header{text-align:center;margin-bottom:28px}.comparison-header h2{font-size:1.3rem;font-weight:600;margin-bottom:6px;color:var(--text-color)}.comparison-header p{font-size:.9rem;color:var(--text-secondary)}.comparison-table{max-width:600px;margin:0 auto;border-radius:10px;border:1px solid rgba(122,47,232,.12);overflow:hidden}.comparison-head,.comparison-row{display:grid;grid-template-columns:1fr 100px 100px;gap:0}.comparison-head{background:#7a2fe814;font-weight:600;font-size:.8rem}.comparison-head>div,.comparison-row>div{padding:12px 16px;display:flex;align-items:center}.comparison-feature{font-size:.85rem;color:var(--text-color)}.comparison-col{justify-content:center;border-left:1px solid rgba(122,47,232,.1)}.cyber-owl-col{background:#7a2fe80a;gap:6px;color:#7a2fe8e6;font-size:.8rem}.others-col{font-size:.8rem;color:var(--text-secondary)}.comparison-row{border-top:1px solid rgba(122,47,232,.08)}.check-yes{color:#7a2fe8e6}.check-partial{color:var(--text-secondary);opacity:.5}.check-no{color:var(--text-secondary);opacity:.4}.cta-section{padding:48px 24px;background:#7a2fe80a;border-top:1px solid rgba(122,47,232,.1)}.cta-content{display:flex;justify-content:space-between;align-items:center;max-width:800px;margin:0 auto;gap:24px;flex-wrap:wrap}.cta-text h2{font-size:1.3rem;font-weight:600;margin-bottom:4px;color:var(--text-color)}.cta-text p{font-size:.9rem;color:var(--text-secondary)}.cta-actions{display:flex;gap:10px}.cta-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.cta-btn.primary{background:#7a2fe8e6;color:#fff}.cta-btn.primary:hover{background:#7a2fe8}.cta-btn.secondary{background:transparent;border:1px solid rgba(122,47,232,.3);color:#7a2fe8e6}.cta-btn.secondary:hover{background:#7a2fe814}@media(max-width:900px){.features-grid,.capabilities-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.features-grid,.capabilities-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.section-header{flex-direction:column;align-items:flex-start}.category-tabs{flex-wrap:wrap}.comparison-head,.comparison-row{grid-template-columns:1fr 80px 80px}.comparison-head>div,.comparison-row>div{padding:10px 12px}.cta-content{flex-direction:column;text-align:center}.cta-actions{flex-direction:column;width:100%}.cta-btn{justify-content:center}}.installation-page{min-height:100vh;padding-bottom:60px}.install-hero{padding:60px 24px 40px;text-align:center;background:linear-gradient(135deg,#7a2fe80f,#581c8708);border-bottom:1px solid rgba(122,47,232,.1)}.install-hero-content h1{font-size:2.2rem;font-weight:700;margin-bottom:10px;color:var(--text-color)}.install-hero-content p{font-size:1rem;color:var(--text-secondary);max-width:500px;margin:0 auto}.install-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#7a2fe81a;border:1px solid rgba(122,47,232,.2);border-radius:20px;margin-bottom:16px;font-size:.8rem;font-weight:500;color:#7a2fe8e6}.install-container{padding:32px 24px;max-width:1100px}.os-selector{display:flex;justify-content:center;gap:8px;margin-bottom:32px}.os-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;border:1px solid rgba(122,47,232,.15);background:#7a2fe80a;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.os-btn:hover{border-color:#7a2fe84d}.os-btn.active{background:#7a2fe8e6;color:#fff;border-color:transparent}.install-grid{display:grid;grid-template-columns:1fr 320px;gap:24px;margin-bottom:40px}.install-main{display:flex;flex-direction:column;gap:24px}.install-section{background:#7a2fe808;border:1px solid rgba(122,47,232,.1);border-radius:12px;padding:24px}.section-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;margin-bottom:20px;color:var(--text-color)}.title-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#7a2fe81a;border-radius:8px;color:#7a2fe8d9}.requirements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.requirement-item{display:flex;align-items:center;gap:12px;padding:12px;background:#7a2fe80a;border-radius:8px;border:1px solid rgba(122,47,232,.08)}.req-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#7a2fe81a;border-radius:8px;color:#7a2fe8cc;flex-shrink:0}.req-content{display:flex;flex-direction:column;gap:2px}.req-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#7a2fe8b3}.req-value{font-size:.85rem;color:var(--text-color)}.steps-list{display:flex;flex-direction:column;gap:0}.step-item{display:flex;gap:16px;position:relative;padding-bottom:20px}.step-item:last-child{padding-bottom:0}.step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#7a2fe8e6;color:#fff;border-radius:50%;font-size:.85rem;font-weight:600;flex-shrink:0;position:relative;z-index:1}.step-line{position:absolute;left:15px;top:32px;width:2px;height:calc(100% - 32px);background:#7a2fe833}.step-content{flex:1;padding-top:4px}.step-content h3{font-size:.95rem;font-weight:600;margin-bottom:4px;color:var(--text-color)}.step-content p{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.code-block{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;background:#1a1a2e;border-radius:6px;border:1px solid rgba(122,47,232,.2)}.code-block code{flex:1;font-size:.8rem;color:#e2e8f0;font-family:Monaco,Menlo,monospace;overflow-x:auto}.copy-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#7a2fe833;border:none;border-radius:4px;color:#7a2fe8e6;cursor:pointer;transition:background .2s;flex-shrink:0}.copy-btn:hover{background:#7a2fe84d}.install-sidebar{display:flex;flex-direction:column;gap:16px}.sidebar-card{padding:20px;background:#7a2fe80a;border:1px solid rgba(122,47,232,.12);border-radius:12px}.sidebar-card h3{font-size:1rem;font-weight:600;margin-bottom:4px;color:var(--text-color)}.sidebar-card>p{font-size:.8rem;color:var(--text-secondary);margin-bottom:12px}.version-info{display:flex;gap:12px;margin-bottom:16px}.version-info span{padding:4px 10px;background:#7a2fe81a;border-radius:4px;font-size:.75rem;font-weight:500;color:#7a2fe8d9}.download-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#7a2fe8e6;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.download-btn:hover{background:#7a2fe8}.tips-list{display:flex;flex-direction:column;gap:12px}.tip-item{display:flex;align-items:flex-start;gap:10px;color:#7a2fe8cc}.tip-item div{display:flex;flex-direction:column;gap:2px}.tip-item strong{font-size:.85rem;font-weight:600;color:var(--text-color)}.tip-item span{font-size:.75rem;color:var(--text-secondary)}.help-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;color:#7a2fe8b3}.help-card h4{font-size:.9rem;font-weight:600;color:var(--text-color);margin:0}.help-card p{font-size:.8rem;color:var(--text-secondary);margin:0}.help-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:8px 16px;background:#7a2fe81a;border:1px solid rgba(122,47,232,.2);border-radius:6px;font-size:.8rem;font-weight:500;color:#7a2fe8e6;text-decoration:none;transition:all .2s}.help-link:hover{background:#7a2fe826}.faq-section{background:#7a2fe808;border:1px solid rgba(122,47,232,.1);border-radius:12px;padding:24px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.faq-item{padding:16px;background:#7a2fe80a;border-radius:8px;border:1px solid rgba(122,47,232,.08)}.faq-item h4{font-size:.9rem;font-weight:600;margin-bottom:6px;color:var(--text-color)}.faq-item p{font-size:.8rem;color:var(--text-secondary);line-height:1.5}@media(max-width:900px){.install-grid{grid-template-columns:1fr}.install-sidebar{display:grid;grid-template-columns:repeat(2,1fr)}.help-card{grid-column:span 2}}@media(max-width:600px){.os-selector{flex-direction:column}.os-btn{justify-content:center}.requirements-grid,.faq-grid,.install-sidebar{grid-template-columns:1fr}.help-card{grid-column:span 1}}.about-page{min-height:100vh;overflow-x:hidden}.about-hero{padding:48px 24px 32px;display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;gap:32px}.about-hero-content{flex:1}.about-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#7a2fe814;border:1px solid rgba(122,47,232,.15);border-radius:16px;font-size:.7rem;font-weight:500;color:#7a2fe8d9;margin-bottom:12px}.about-hero h1{font-size:2.4rem;font-weight:700;line-height:1.15;color:var(--text-color);margin-bottom:12px}.gradient-text{background:linear-gradient(135deg,#7a2fe8,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-tagline{font-size:.95rem;color:var(--text-secondary);line-height:1.5;max-width:400px}.hero-visual{position:relative;width:160px;height:160px;flex-shrink:0}.owl-glow{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(122,47,232,.15) 0%,rgba(122,47,232,.03) 60%,transparent 70%);animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.7}}.about-stats{display:flex;justify-content:center;gap:8px;padding:20px 24px;background:#7a2fe808;border-top:1px solid rgba(122,47,232,.06);border-bottom:1px solid rgba(122,47,232,.06)}.stat-block{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:#7a2fe80a;border-radius:8px;border:1px solid rgba(122,47,232,.08);min-width:100px}.stat-val{font-size:1.3rem;font-weight:700;color:#7a2fe8e6}.stat-lbl{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.about-values{padding:36px 24px;max-width:800px;margin:0 auto}.values-header{text-align:center;margin-bottom:20px}.values-header h2{font-size:1.2rem;font-weight:600;color:var(--text-color);margin-bottom:4px}.values-header p{font-size:.8rem;color:var(--text-secondary)}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.value-card{padding:16px 12px;background:#7a2fe808;border:1px solid rgba(122,47,232,.08);border-radius:10px;text-align:center;transition:all .2s}.value-card:hover{border-color:#7a2fe833;background:#7a2fe80d}.value-icon{color:#7a2fe8cc;margin-bottom:8px}.value-card h3{font-size:.85rem;font-weight:600;color:var(--text-color);margin-bottom:4px}.value-card p{font-size:.72rem;color:var(--text-secondary);line-height:1.4}.about-quotes{display:flex;justify-content:center;gap:16px;padding:24px;background:linear-gradient(135deg,#7a2fe80a,#581c8705);border-top:1px solid rgba(122,47,232,.06);border-bottom:1px solid rgba(122,47,232,.06);flex-wrap:wrap}.quote-item{display:flex;align-items:flex-start;gap:4px;max-width:260px}.quote-mark{font-size:1.8rem;font-weight:700;color:#7a2fe840;line-height:1}.quote-item p{font-size:.82rem;color:var(--text-secondary);font-style:italic;line-height:1.5}.about-story{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:36px 24px;max-width:800px;margin:0 auto}.story-content{flex:1}.story-label{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:#7a2fe8b3;font-weight:600}.story-content h2{font-size:1.4rem;font-weight:600;color:var(--text-color);margin:8px 0 12px;line-height:1.3}.story-content p{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:10px}.story-highlight{font-weight:600;color:#7a2fe8e6!important;font-style:italic}.story-visual{flex-shrink:0}.year-badge{display:flex;flex-direction:column;align-items:center;padding:20px 28px;background:#7a2fe80f;border:1px solid rgba(122,47,232,.15);border-radius:12px}.year{font-size:2rem;font-weight:700;color:#7a2fe8e6}.year-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.about-tech{padding:24px;background:#7a2fe805;border-top:1px solid rgba(122,47,232,.06);border-bottom:1px solid rgba(122,47,232,.06)}.tech-grid{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.tech-item{display:flex;flex-direction:column;align-items:center;gap:2px}.tech-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.tech-name{font-size:.9rem;font-weight:600;color:var(--text-color)}.about-cta{padding:36px 24px;display:flex;justify-content:center}.about-team{padding:48px 24px;max-width:900px;margin:0 auto}.team-header{text-align:center;margin-bottom:32px}.team-icon{color:#7a2fe8b3;margin-bottom:8px}.team-header h2{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:6px}.team-header p{font-size:.85rem;color:var(--text-secondary)}.team-grid{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.team-member{text-align:center}.team-photo{width:110px;height:110px;object-fit:cover;border-radius:50%;border:3px solid rgba(122,47,232,.2);transition:all .3s ease;margin-bottom:12px}.team-member:hover .team-photo{border-color:#7a2fe880;transform:scale(1.05);box-shadow:0 8px 24px #7a2fe826}.team-member h3{font-size:.95rem;font-weight:600;color:var(--text-color);margin-bottom:2px}.team-role{font-size:.72rem;color:#7a2fe8cc;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.cta-inner{text-align:center;padding:32px 48px;background:linear-gradient(135deg,#7a2fe826,#581c8714);border:2px solid rgba(122,47,232,.3);border-radius:20px;max-width:450px;box-shadow:0 8px 32px #7a2fe826}.cta-icon{color:#7a2fe8;margin-bottom:14px}.cta-inner h3{font-size:1.4rem;font-weight:700;color:var(--text-color);margin-bottom:8px}.cta-inner p{font-size:.82rem;color:var(--text-secondary);margin-bottom:16px}.cta-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#7a2fe8e6;color:#fff;border-radius:8px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s}.cta-btn:hover{background:#7a2fe8;transform:translateY(-1px)}.about-footer-note{display:flex;justify-content:center;align-items:center;gap:6px;padding:16px 24px;border-top:1px solid rgba(122,47,232,.06)}.heart-icon{color:#7a2fe899}.about-footer-note span{font-size:.72rem;color:var(--text-secondary)}@media(max-width:768px){.about-hero{flex-direction:column;text-align:center;padding:32px 20px 24px}.about-hero h1{font-size:1.8rem}.hero-tagline{max-width:100%}.hero-visual{width:120px;height:120px}.values-grid{grid-template-columns:repeat(2,1fr)}.about-stats{flex-wrap:wrap}.stat-block{min-width:80px;padding:10px 14px}.about-quotes{flex-direction:column;align-items:center}.about-story{flex-direction:column;text-align:center}.team-grid{gap:32px}.team-photo{width:90px;height:90px}}@media(max-width:480px){.values-grid{grid-template-columns:1fr;gap:16px}.value-card{padding:12px 8px}.tech-grid{gap:16px}.cta-inner{padding:20px 24px}}.walkthrough-page{min-height:100vh}.walkthrough-hero{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px 60px;position:relative}.walkthrough-hero h1{font-size:4rem;font-weight:800;color:var(--text-color);margin-bottom:20px;background:linear-gradient(135deg,var(--text-color) 0%,rgba(122,47,232,.8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.walkthrough-hero p{font-size:1.25rem;color:var(--text-secondary);max-width:600px;line-height:1.7;margin-bottom:60px}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:12px;animation:bounce 2s ease-in-out infinite}.scroll-indicator span{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px}.scroll-line{width:2px;height:40px;background:linear-gradient(to bottom,rgba(122,47,232,.8),transparent);border-radius:2px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.walkthrough-timeline{position:relative;max-width:1400px;margin:0 auto;padding:0 24px 100px}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#7a2fe81a,#7a2fe866 10% 90%,#7a2fe81a);transform:translate(-50%)}.walkthrough-section{position:relative;padding:60px 0;opacity:0;transform:translateY(60px);transition:all .8s cubic-bezier(.4,0,.2,1)}.walkthrough-section.visible{opacity:1;transform:translateY(0)}.timeline-dot{position:absolute;left:50%;top:80px;transform:translate(-50%);width:56px;height:56px;background:var(--bg-color);border:3px solid rgba(122,47,232,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .4s ease}.walkthrough-section.visible .timeline-dot{background:linear-gradient(135deg,#7a2fe8e6,#581c87e6);border-color:transparent;box-shadow:0 0 30px #7a2fe866}.timeline-dot span{font-size:1rem;font-weight:700;color:var(--text-secondary);transition:color .4s ease}.walkthrough-section.visible .timeline-dot span{color:#fff}.section-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:0 40px}.walkthrough-section.right .section-content{direction:rtl}.walkthrough-section.right .section-content>*{direction:ltr}.section-text{padding:20px 0}.walkthrough-section.right .section-text{text-align:right}.section-text h2{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:12px;line-height:1.2}.section-text h3{font-size:1.15rem;font-weight:500;color:#7a2fe8d9;margin-bottom:20px}.section-text p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary)}.section-image{position:relative}.image-frame{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px #00000040,0 0 60px #7a2fe814;transform:perspective(1000px) rotateY(0);transition:all .6s cubic-bezier(.4,0,.2,1)}.walkthrough-section.left .image-frame{transform:perspective(1000px) rotateY(-5deg)}.walkthrough-section.right .image-frame{transform:perspective(1000px) rotateY(5deg)}.walkthrough-section.visible .image-frame{transform:perspective(1000px) rotateY(0)}.image-frame:before{content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,rgba(122,47,232,.4),transparent,rgba(122,47,232,.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}.image-frame img{width:100%;height:auto;display:block;border-radius:18px}.image-frame:hover{transform:perspective(1000px) rotateY(0) scale(1.02);box-shadow:0 40px 100px #0000004d,0 0 80px #7a2fe81f}.walkthrough-footer{text-align:center;padding:100px 24px 120px;background:linear-gradient(to bottom,transparent,rgba(122,47,232,.03))}.walkthrough-footer h2{font-size:2.8rem;font-weight:700;color:var(--text-color);margin-bottom:16px}.walkthrough-footer p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:40px}.cta-button{display:inline-block;padding:18px 48px;background:linear-gradient(135deg,#7a2fe8,#581c87);color:#fff;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:14px;transition:all .3s ease;box-shadow:0 10px 40px #7a2fe84d}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 50px #7a2fe866}@media(max-width:1024px){.timeline-line{left:40px}.timeline-dot{left:40px;width:48px;height:48px}.section-content{grid-template-columns:1fr;gap:40px;padding-left:100px;padding-right:20px}.walkthrough-section.right .section-content{direction:ltr}.walkthrough-section.right .section-text{text-align:left}.walkthrough-section.left .image-frame,.walkthrough-section.right .image-frame{transform:none}.section-text h2{font-size:2rem}}@media(max-width:768px){.walkthrough-hero h1{font-size:2.5rem}.walkthrough-hero p{font-size:1.1rem}.timeline-line{left:24px}.timeline-dot{left:24px;width:40px;height:40px}.timeline-dot span{font-size:.85rem}.section-content{padding-left:70px;padding-right:16px}.section-text h2{font-size:1.6rem}.section-text h3,.section-text p{font-size:1rem}.walkthrough-footer h2{font-size:2rem}}@media(max-width:480px){.walkthrough-hero{min-height:50vh;padding:60px 16px 40px}.walkthrough-hero h1{font-size:2rem}.walkthrough-section{padding:40px 0}.section-content{padding-left:56px;gap:24px}.timeline-line{left:16px}.timeline-dot{left:16px;width:32px;height:32px}.timeline-dot span{font-size:.75rem}.cta-button{padding:16px 36px;font-size:1rem}}