*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 20px}.logo-icon{display:inline-block;transition:all .3s ease;vertical-align:middle}.logo-icon:hover{transform:scale(1.05)}.navbar{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-bottom:1px solid rgba(0,0,0,.1);left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.nav-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:#2563eb;font-size:24px;font-weight:700;text-decoration:none}.nav-logo .logo-icon{height:28px;margin-right:10px;width:28px}.nav-links{align-items:center;display:flex;gap:30px}.nav-links a{color:#64748b;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#2563eb}.github-link{align-items:center;display:flex;gap:8px}.download-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:8px;box-shadow:0 4px 12px rgba(37,99,235,.3);color:#fff!important;font-weight:600;padding:12px 24px;transition:all .3s ease}.download-btn:hover{box-shadow:0 6px 20px rgba(37,99,235,.4);transform:translateY(-2px)}.hero{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh;overflow:hidden;padding-top:70px;position:relative}.hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-content{align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:1}.hero-text h1{color:#fff;font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:10px}.hero-text h2{color:hsla(0,0%,100%,.9);font-size:2rem;font-weight:600;margin-bottom:20px}.hero-description{color:hsla(0,0%,100%,.8);font-size:1.2rem;line-height:1.6;margin-bottom:30px}.hero-features{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:40px}.feature-tag{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border-radius:25px;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px}.hero-buttons{display:flex;flex-wrap:wrap;gap:20px}.primary-btn,.secondary-btn{align-items:center;border-radius:12px;display:inline-flex;font-size:16px;font-weight:600;gap:10px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.primary-btn{background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.15);color:#2563eb}.primary-btn:hover{box-shadow:0 12px 35px rgba(0,0,0,.2);transform:translateY(-3px)}.secondary-btn{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.3);color:#fff}.secondary-btn:hover{background:hsla(0,0%,100%,.3);transform:translateY(-2px)}.hero-image{align-items:center;display:flex;justify-content:center}.floating-card{animation:float 3s ease-in-out infinite;backdrop-filter:blur(20px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);color:#fff;padding:40px;text-align:center}.floating-card .logo-icon{height:48px;margin-bottom:20px;width:48px}.floating-card h3{font-size:1.5rem;font-weight:600;margin-bottom:10px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.features{background:#f8fafc;padding:100px 0}.section-header{margin-bottom:60px;text-align:center}.section-header h2{color:#1e293b;font-size:3rem;font-weight:700;margin-bottom:15px}.section-header p{color:#64748b;font-size:1.2rem;margin:0 auto;max-width:600px}.features-grid{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:40px 30px;transition:all .3s ease}.feature-card:hover{border-color:#2563eb;box-shadow:0 12px 40px rgba(0,0,0,.15);transform:translateY(-8px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;display:flex;height:60px;justify-content:center;margin-bottom:20px;width:60px}.feature-icon i{color:#fff;font-size:24px}.feature-card h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:15px}.feature-card p{color:#64748b;line-height:1.6;margin-bottom:20px}.feature-card ul{color:#64748b;list-style:none}.feature-card li{margin-bottom:8px;padding-left:20px;position:relative}.feature-card li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.screenshots{background:#fff;padding:100px 0}.screenshots-grid{display:grid;gap:60px}.screenshot-item{align-items:center;display:grid;gap:40px;grid-template-columns:1fr 1fr}.screenshot-item:nth-child(2n){direction:rtl}.screenshot-item:nth-child(2n)>*{direction:ltr}.screenshot-image{border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.15);overflow:hidden;position:relative;transition:all .3s ease}.screenshot-image img{display:block;height:auto;width:100%}.screenshot-overlay{align-items:center;background:rgba(37,99,235,.8);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.screenshot-image:hover .screenshot-overlay{opacity:0}.screenshot-overlay i{color:#fff;font-size:48px}.screenshot-info h3{color:#1e293b;font-size:2rem;font-weight:600;margin-bottom:15px}.screenshot-info p{color:#64748b;font-size:1.1rem;line-height:1.6}.tech-highlights{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:100px 0}.tech-highlights .section-header h2{color:#fff}.tech-highlights .section-header p{color:hsla(0,0%,100%,.8)}.tech-grid{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tech-item{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;padding:30px 20px;text-align:center;transition:all .3s ease}.tech-item:hover{background:hsla(0,0%,100%,.15);transform:translateY(-5px)}.tech-item i{color:#fbbf24;font-size:3rem;margin-bottom:20px}.tech-item h3{font-size:1.3rem;font-weight:600;margin-bottom:10px}.tech-item p{color:hsla(0,0%,100%,.8);line-height:1.5}.installation{background:#f8fafc;padding:100px 0}.installation-content{align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.installation-steps{display:flex;flex-direction:column;gap:40px}.step{align-items:flex-start;display:flex;gap:20px}.step-number{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.step-content h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:10px}.step-content p{color:#64748b;line-height:1.6;margin-bottom:15px}.step-link{align-items:center;color:#2563eb;display:inline-flex;font-weight:500;gap:8px;text-decoration:none;transition:color .3s ease}.step-link:hover{color:#1d4ed8}.step-content code{background:#e2e8f0;border-radius:6px;color:#1e293b;display:inline-block;font-family:Monaco,Consolas,monospace;padding:8px 12px}.config-example,.rule-examples{margin-top:10px}.config-example span,.rule-examples span{background:#e0f2fe;border-radius:6px;color:#0369a1;display:inline-block;font-family:Monaco,Consolas,monospace;font-size:14px;margin-bottom:8px;margin-right:10px;padding:6px 12px}.installation-image{display:flex;justify-content:center}.browser-window{background:#f1f5f9;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.15);max-width:400px;overflow:hidden;width:100%}.browser-header{align-items:center;background:#e2e8f0;display:flex;gap:15px;padding:15px 20px}.browser-buttons{display:flex;gap:8px}.btn{border-radius:50%;height:12px;width:12px}.btn.red{background:#ef4444}.btn.yellow{background:#eab308}.btn.green{background:#22c55e}.browser-url{background:#fff;border-radius:6px;color:#64748b;flex:1;font-family:Monaco,Consolas,monospace;font-size:14px;padding:8px 15px}.browser-content{background:#fff;padding:30px}.extension-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center}.extension-card .logo-icon{height:32px;margin-bottom:10px;width:32px}.extension-card h4{color:#1e293b;font-size:1.2rem;font-weight:600;margin-bottom:5px}.extension-card p{color:#64748b;font-size:14px;margin-bottom:15px}.extension-toggle{display:flex;justify-content:center}.toggle{background:#22c55e;border-radius:10px;height:20px;position:relative;width:40px}.toggle:after{background:#fff;border-radius:50%;content:"";height:16px;position:absolute;right:2px;top:2px;transition:all .3s ease;width:16px}.footer{background:#1e293b;color:#fff;padding:60px 0 20px}.footer-content{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.footer-logo{align-items:center;color:#2563eb;display:flex;font-size:24px;font-weight:700;margin-bottom:15px}.footer-logo .logo-icon{height:28px;margin-right:10px;width:28px}.footer-section p{color:hsla(0,0%,100%,.8);line-height:1.6;margin-bottom:20px}.footer-section h3{font-size:1.2rem;font-weight:600;margin-bottom:15px}.footer-section ul{list-style:none}.footer-section li{margin-bottom:8px}.footer-section a{color:hsla(0,0%,100%,.8);text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#2563eb}.social-links{display:flex;gap:15px}.social-links a{align-items:center;background:hsla(0,0%,100%,.1);border-radius:8px;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-links a:hover{background:#2563eb;transform:translateY(-2px)}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.6);padding-top:20px;text-align:center}.modal{animation:fadeIn .3s ease;background-color:rgba(0,0,0,.9);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-content{margin:auto;max-width:1200px;padding:0;position:relative;text-align:center;top:50%;transform:translateY(-50%);width:90%}.modal-content img{border-radius:12px;height:auto;width:100%}.modal-close{color:#fff;cursor:pointer;font-size:35px;font-weight:700;position:absolute;right:0;top:-40px;transition:color .3s ease}.modal-close:hover{color:#2563eb}#modalCaption{color:#fff;font-size:18px;font-weight:500;margin-top:15px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.nav-links{display:none}.hero-content{grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:2.5rem}.hero-text h2{font-size:1.5rem}.section-header h2{font-size:2rem}.features-grid,.screenshot-item{grid-template-columns:1fr}.screenshot-item{text-align:center}.screenshot-item:nth-child(2n){direction:ltr}.installation-content{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.hero-buttons{align-items:center;flex-direction:column}.primary-btn,.secondary-btn{justify-content:center;max-width:300px;width:100%}}@media (max-width:480px){.container,.nav-container{padding:0 15px}.hero-text h1{font-size:2rem}.hero-text h2{font-size:1.2rem}.hero-description{font-size:1rem}.feature-card{padding:30px 20px}.screenshot-info h3{font-size:1.5rem}.step{flex-direction:column;text-align:center}}