.landing-page{background:#0a0e1a;color:#fff;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 24px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:24px 48px;position:fixed;top:0;left:0;right:0;background:#0a0e1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);z-index:1000}.logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700}.logo-icon{font-size:28px}.nav-links{display:flex;gap:32px}.nav-links a{color:#ffffffb3;text-decoration:none;font-weight:500;transition:color .3s}.nav-links a:hover{color:#4eb5a9}.hero{padding-top:120px;padding-bottom:100px;text-align:center}.hero-content{max-width:900px;margin:0 auto;padding:0 24px}.hero-badge{display:inline-block;padding:8px 16px;background:#4eb5a91a;border:1px solid rgba(78,181,169,.3);border-radius:20px;color:#4eb5a9;font-size:14px;font-weight:600;margin-bottom:32px}.hero-title{font-size:64px;font-weight:800;line-height:1.2;margin-bottom:24px}.gradient-text{background:linear-gradient(135deg,#4eb5a9,#6157e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px;color:#fff9;line-height:1.6;margin-bottom:48px;max-width:700px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:16px;justify-content:center;margin-bottom:80px}.btn-primary,.btn-secondary{padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#4eb5a9,#6157e1);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #4eb5a94d}.btn-secondary{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff1a}.hero-stats{display:flex;justify-content:center;gap:64px}.stat{text-align:center}.stat-value{font-size:48px;font-weight:700;background:linear-gradient(135deg,#4eb5a9,#6157e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:14px;color:#ffffff80;margin-top:8px}.how-it-works{padding:100px 0;background:linear-gradient(180deg,#0a0e1a,#0f1623)}.section-title{font-size:48px;font-weight:700;text-align:center;margin-bottom:16px}.section-subtitle{font-size:18px;color:#fff9;text-align:center;margin-bottom:80px}.workflow{max-width:800px;margin:0 auto}.workflow-step{display:flex;gap:32px;margin-bottom:48px}.step-number{width:64px;height:64px;background:linear-gradient(135deg,#4eb5a9,#6157e1);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;flex-shrink:0}.step-content{flex:1}.step-content h3{font-size:28px;margin-bottom:12px}.step-content p{color:#fff9;margin-bottom:24px;font-size:16px}.step-visual{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px}.browser-mockup{background:#1a1f2e;border-radius:12px;overflow:hidden}.browser-bar{background:#0f1420;padding:12px 16px;display:flex;align-items:center;gap:12px}.browser-dots{display:flex;gap:6px}.browser-dots span{width:10px;height:10px;border-radius:50%;background:#fff3}.browser-url{background:#ffffff0d;padding:6px 12px;border-radius:6px;font-size:12px;color:#ffffff80}.browser-content{padding:24px}.extension-card{background:#4eb5a91a;border:1px solid rgba(78,181,169,.3);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.ext-icon{font-size:48px}.ext-info{flex:1;display:flex;justify-content:space-between;align-items:center}.ext-name{font-size:20px;font-weight:600}.toggle{width:48px;height:24px;background:#4eb5a9;border-radius:12px;position:relative}.toggle:after{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:2px;right:2px}.detection-box{display:flex;flex-direction:column;gap:16px}.visitor-row{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px}.visitor-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px}.visitor-icon.human{background:#4eb5a91a}.visitor-icon.ai{background:#6157e11a}.visitor-info{flex:1}.visitor-name{font-weight:600;margin-bottom:4px}.visitor-ua{font-size:12px;color:#fff6;font-family:monospace}.visitor-badge{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600}.visitor-badge.normal{background:#ffffff1a;color:#ffffffb3}.visitor-badge.optimized{background:#4eb5a933;color:#4eb5a9}.optimization-compare{display:flex;align-items:center;gap:24px;justify-content:center}.compare-box{flex:1;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;text-align:center}.compare-box.after{border-color:#4eb5a94d;background:#4eb5a90d}.compare-label{font-size:14px;color:#ffffff80;margin-bottom:8px}.compare-size{font-size:32px;font-weight:700;margin-bottom:12px}.compare-box.after .compare-size{color:#4eb5a9}.compare-code{font-family:monospace;font-size:12px;color:#fff6}.compare-arrow{font-size:32px;color:#4eb5a9}.workflow-arrow{text-align:center;font-size:48px;color:#4eb5a9;margin:24px 0}.features{padding:100px 0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:32px;transition:all .3s}.feature-card:hover{transform:translateY(-4px);border-color:#4eb5a94d;background:#4eb5a90d}.feature-icon{font-size:48px;margin-bottom:20px}.feature-card h3{font-size:22px;margin-bottom:12px}.feature-card p{color:#fff9;line-height:1.6}.architecture{padding:100px 0;background:linear-gradient(180deg,#0a0e1a,#0f1623)}.arch-diagram{max-width:800px;margin:0 auto;padding:48px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px}.arch-row{display:flex;justify-content:center;margin:24px 0}.arch-box{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:24px 32px;text-align:center;min-width:200px}.arch-box.extension{border-color:#4eb5a980;background:#4eb5a91a}.arch-box.ai{border-color:#6157e180;background:#6157e11a}.arch-box.human{border-color:#4eb5a94d;background:#4eb5a90d}.arch-label{font-weight:700;font-size:18px;margin-bottom:8px}.arch-icon{font-size:40px;margin:12px 0}.arch-sublabel{font-size:12px;color:#ffffff80;margin-top:8px}.arch-arrow-down{text-align:center;font-size:48px;color:#4eb5a9;margin:16px 0}.arch-split{display:flex;justify-content:space-between;gap:48px;margin:32px 0}.arch-branch{flex:1;display:flex;flex-direction:column;align-items:center}.arch-arrow-side{font-size:32px;color:#4eb5a9;margin-bottom:16px}.install{padding:100px 0}.install-content{text-align:center;max-width:900px;margin:0 auto}.install-content h2{font-size:48px;margin-bottom:16px}.install-content>p{font-size:20px;color:#fff9;margin-bottom:64px}.install-steps{display:flex;gap:32px;justify-content:center;margin-bottom:48px}.install-step{display:flex;align-items:start;gap:16px;text-align:left;max-width:250px}.install-num{width:40px;height:40px;background:linear-gradient(135deg,#4eb5a9,#6157e1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;flex-shrink:0}.install-text h4{font-size:18px;margin-bottom:8px}.install-text p{font-size:14px;color:#fff9}.install-cta{margin-top:48px}.btn-primary.large{padding:20px 40px;font-size:18px}.install-note{margin-top:24px;font-size:14px;color:#ffffff80}.footer{padding:64px 0;border-top:1px solid rgba(255,255,255,.05);background:#0a0e1a}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700}.footer-links{display:flex;gap:32px}.footer-links a{color:#fff9;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#4eb5a9}.footer-credit{font-size:14px;color:#fff6}@media (max-width: 768px){.hero-title{font-size:40px}.features-grid{grid-template-columns:1fr}.workflow-step{flex-direction:column}.install-steps{flex-direction:column;align-items:center}.arch-split{flex-direction:column}.footer-content{flex-direction:column;gap:24px;text-align:center}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e1a;color:#fff}#root{min-height:100vh}