.hero{grid-template-columns:1fr 1fr;align-items:center;gap:80px;min-height:100vh;padding:120px 80px;display:grid;position:relative}.hero-content{z-index:1}.hero-badge{color:var(--primary);background:#6366f11a;border:1px solid #6366f14d;border-radius:50px;align-items:center;gap:8px;margin-bottom:30px;padding:8px 16px;font-size:.85rem;display:inline-flex}.badge-dot{background:var(--primary);border-radius:50%;width:8px;height:8px;animation:2s infinite blink}.hero-title{font-family:var(--font-display);margin-bottom:30px;font-size:4rem;font-weight:700;line-height:1.1}.title-line{display:block}.title-line.gradient{background:linear-gradient(135deg,#6366f1 0%,#22d3ee 30%,#a78bfa 60%,#ec4899 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:5s infinite gradientFlow}.hero-description{color:var(--text-secondary);max-width:500px;margin-bottom:40px;font-size:1.2rem;line-height:1.8}.hero-buttons{gap:20px;margin-bottom:60px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn svg{width:18px;height:18px;transition:transform .3s}.btn:hover svg{transform:translate(4px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#22d3ee 100%) 0 0/200% 200%;animation:3s infinite gradientFlow;box-shadow:0 4px 20px #6366f180,0 0 40px #22d3ee4d}.btn-primary:hover{box-shadow:0 8px 30px var(--primary-glow);transform:translateY(-3px)}.btn-secondary{color:var(--text-primary);background:0 0;border:1px solid #fff3}.btn-secondary:hover{background:#ffffff0d;border-color:#fff6}.btn-large{padding:20px 48px;font-size:1.1rem}.hero-stats{gap:50px;display:flex}.stat-item{text-align:left}.stat-number{font-family:var(--font-display);background:linear-gradient(135deg,#22d3ee 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;display:block}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.hero-visual{perspective:1000px;position:relative}.code-preview{background:#0f0f19e6;border:1px solid #6366f133;border-radius:16px;transition:transform .5s;overflow:hidden;transform:rotateY(-5deg)rotateX(5deg);box-shadow:0 20px 60px #00000080}.code-preview:hover{transform:rotateY(0)rotateX(0)}.code-header{background:#0000004d;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:12px 16px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#ffbd2e}.dot.green{background:#28c840}.filename{color:var(--text-muted);margin-left:8px;font-size:.85rem}.code-content{color:#e2e8f0;min-height:300px;padding:24px;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.8;overflow:hidden}.scan-overlay{pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.scan-line{background:linear-gradient(90deg,#0000 0%,#6366f1 20%,#22d3ee 50%,#ec4899 80%,#0000 100%);width:100%;height:4px;animation:2s infinite scanDown;position:absolute;top:0;left:0;box-shadow:0 0 20px #6366f1cc,0 0 40px #22d3ee80}.vulnerability-alerts{flex-direction:column;gap:12px;display:flex;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.vuln-alert{border:1px solid #ef44444d;border-left:3px solid var(--danger);color:var(--danger);opacity:0;background:#ef44441a;border-radius:8px;padding:12px 20px;font-size:.85rem;animation:.5s forwards alertSlideIn;transform:translate(20px)}.vuln-alert.high{color:#f97316;background:#f973161a;border-color:#f973164d #f973164d #f973164d #f97316}.keyword{color:#c792ea}.type,.function{color:#82aaff}.comment{color:#ff7b72}.cursor{color:var(--primary);animation:1s infinite blink}.features{background:linear-gradient(#0000 0%,#6366f10d 20%,#22d3ee0a 50%,#a78bfa0d 80%,#0000 100%);padding:120px 80px;position:relative}.section-header{text-align:center;margin-bottom:80px}.section-tag{letter-spacing:2px;color:var(--primary);background:#6366f11a;border:1px solid #6366f133;border-radius:50px;margin-bottom:20px;padding:6px 16px;font-size:.75rem;font-weight:600;display:inline-block}.section-title{font-family:var(--font-display);margin-bottom:16px;font-size:3rem;font-weight:700}.section-desc{color:var(--text-secondary);font-size:1.1rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:30px;max-width:1100px;margin:0 auto;display:grid}.feature-card{background:var(--surface);border:1px solid #ffffff0d;border-radius:20px;padding:40px;transition:all .4s;position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;background:linear-gradient(90deg,#6366f1 0%,#22d3ee 50%,#ec4899 100%);width:100%;height:3px;transition:opacity .3s;position:absolute;top:0;left:0}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:#6366f14d;transform:translateY(-10px);box-shadow:0 20px 50px #6366f11a}.feature-icon{background:#6366f11a;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:24px;transition:all .3s;display:flex}.feature-card:hover .feature-icon{background:linear-gradient(135deg,#6366f1 0%,#a78bfa 100%);box-shadow:0 0 30px #6366f199,0 0 50px #a78bfa4d}.feature-icon svg{width:28px;height:28px;color:var(--primary);transition:color .3s}.feature-card:hover .feature-icon svg{color:#fff}.feature-icon.ai{background:#10b9811a}.feature-icon.ai svg{color:var(--success)}.feature-card:hover .feature-icon.ai{background:linear-gradient(135deg,var(--success),#059669)}.feature-card h3{font-family:var(--font-display);margin-bottom:12px;font-size:1.4rem;font-weight:600}.feature-card p{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem;line-height:1.7}.feature-tags{gap:8px;display:flex}.feature-tags span{letter-spacing:.5px;color:var(--text-muted);background:#ffffff0d;border-radius:6px;padding:4px 12px;font-size:.75rem;font-weight:600}.demo-section{background:linear-gradient(#0000 0%,#6366f108 50%,#0000 100%);padding:120px 80px}.demo-container{grid-template-columns:400px 1fr;gap:40px;max-width:1200px;margin:0 auto;display:grid}.demo-contract{background:var(--surface);cursor:pointer;border:1px solid #ffffff0d;border-radius:16px;justify-content:space-between;align-items:center;padding:20px 24px;transition:all .3s;display:flex}.demo-contract:hover{border-color:var(--primary);transform:translate(10px);box-shadow:0 10px 30px #0000004d}.demo-contract.active{border-color:var(--primary);background:#6366f11a}.contract-header{align-items:center;gap:16px;display:flex}.contract-icon.danger{color:var(--danger);background:#ef44441a}.contract-icon.warning{color:#f97316;background:#f973161a}.contract-icon svg{width:24px;height:24px}.contract-info h4{font-family:var(--font-display);margin-bottom:4px;font-size:1rem}.contract-info span{color:var(--text-muted);font-size:.85rem}.score-value{font-family:var(--font-display);color:var(--danger);font-size:2rem;font-weight:700;display:block}.score-label{letter-spacing:1px;color:var(--danger);font-size:.7rem;font-weight:600}.demo-result{background:var(--surface);border:1px solid #ffffff0d;border-radius:20px;min-height:400px;padding:30px;overflow:hidden}.result-placeholder{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.result-placeholder svg{opacity:.3;width:64px;height:64px;margin-bottom:16px}.tech-section{padding:100px 80px}.tech-grid{flex-wrap:wrap;justify-content:center;gap:60px;display:flex}.tech-item{background:var(--surface);border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:30px 40px;transition:all .3s;display:flex}.tech-logo{font-size:2.5rem}.tech-item span{color:var(--text-secondary);font-size:.9rem}.cta-content h2{font-family:var(--font-display);margin-bottom:16px;font-size:3rem;font-weight:700}.cta-content p{color:var(--text-secondary);margin-bottom:40px;font-size:1.2rem}@media (max-width:1024px){.hero{text-align:center;grid-template-columns:1fr;padding:120px 40px}.hero-content{max-width:600px;margin:0 auto}.hero-description{max-width:none}.hero-buttons,.hero-stats{justify-content:center}.hero-visual{display:none}.features-grid,.demo-container{grid-template-columns:1fr}}@media (max-width:768px){.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.features,.demo-section,.tech-section,.cta-section{padding:60px 20px}}.demo-section{background:linear-gradient(#0000 0%,#6366f10d 30%,#22d3ee0d 70%,#0000 100%)}.demo-grid{grid-template-columns:400px 1fr;gap:40px;margin-top:60px;display:grid}.demo-contracts{flex-direction:column;gap:16px;display:flex}.contract-card{cursor:pointer;text-align:left;background:#141423cc;border:1px solid #ffffff0d;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:20px;transition:all .3s;display:flex}.contract-card:hover{border-color:var(--primary);transform:translate(10px)}.contract-card.selected{border-color:var(--primary);background:#6366f11a}.contract-info{align-items:center;gap:16px;display:flex}.contract-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.contract-icon.critical{color:#ef4444;background:#ef44441a}.contract-icon.high{color:#f97316;background:#f973161a}.contract-name{color:#fff;font-weight:500}.contract-desc{color:#fff6;font-size:.85rem}.contract-score{text-align:right}.score-value{font-family:var(--font-display);font-size:2rem;font-weight:700}.score-value.critical{color:#ef4444}.score-value.high{color:#f97316}.score-label{text-transform:uppercase;letter-spacing:1px;font-size:.7rem;font-weight:600}.score-label.critical{color:#ef4444}.score-label.high{color:#f97316}.demo-results{background:#141423cc;border:1px solid #ffffff0d;border-radius:20px;justify-content:center;align-items:center;min-height:400px;padding:40px;display:flex}.demo-loading,.demo-error,.demo-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.demo-loading p,.demo-empty p{color:#fff6}.demo-error{color:#ef4444}.spinner{border:3px solid #6366f133;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.demo-analysis{width:100%}.analysis-header{text-align:center;margin-bottom:32px}.risk-display{align-items:center;gap:20px;display:inline-flex}.risk-score{font-family:var(--font-display);font-size:4rem;font-weight:700}.risk-info{text-align:left}.risk-level{text-transform:uppercase;font-size:1.5rem;font-weight:700}.contract-title{color:#ffffff80;font-size:.9rem}.vuln-badges{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;display:flex}.badge{border-radius:50px;padding:6px 14px;font-size:.8rem;font-weight:600}.badge.critical{color:#ef4444;background:#ef444426}.badge.high{color:#f97316;background:#f9731626}.badge.medium{color:#f59e0b;background:#f59e0b26}.vuln-list{flex-direction:column;gap:10px;max-height:250px;margin-bottom:20px;display:flex;overflow-y:auto}.vuln-item{border-left:3px solid;border-radius:8px;padding:16px}.vuln-item.critical{background:#ef44441a;border-color:#ef4444}.vuln-item.high{background:#f973161a;border-color:#f97316}.vuln-item.medium{background:#f59e0b1a;border-color:#f59e0b}.vuln-title{color:#fff;margin-bottom:4px;font-size:.9rem;font-weight:600}.vuln-desc{color:#fff9;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;display:-webkit-box;overflow:hidden}.analysis-footer{text-align:center;margin-top:20px}.tech-grid{flex-wrap:wrap;justify-content:center;gap:60px;margin-top:60px;display:flex}.tech-item{cursor:default;background:#141423cc;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:30px 40px;transition:all .3s;display:flex}.tech-item:hover{border-color:var(--primary);transform:translateY(-5px)}.tech-icon{font-size:2.5rem;transition:transform .3s}.tech-item:hover .tech-icon{transform:scale(1.1)}.tech-name{color:#ffffffb3;font-size:.9rem}.cta-section{text-align:center;padding:120px 80px}.cta-content{max-width:800px;margin:0 auto}.cta-content .section-title{margin-bottom:16px}.cta-content .section-subtitle{margin-bottom:40px}.footer{text-align:center;border-top:1px solid #ffffff0d;padding:40px 80px}.footer p{color:#fff6;font-size:.9rem}@media (max-width:1024px){.hero{grid-template-columns:1fr;gap:40px}.hero-code{display:none}.demo-grid,.features-grid{grid-template-columns:1fr}}@media (max-width:768px){.section,.hero{padding:80px 24px}.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.hero-stats{flex-direction:column;gap:24px}.tech-grid{gap:24px}.hero-ctas{flex-direction:column}}.stat-value{font-family:var(--font-display);background:linear-gradient(135deg,#22d3ee 0%,#a78bfa 50%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.hero-ctas{gap:20px;margin-bottom:60px;display:flex}.hero-code{perspective:1000px;position:relative}.status-dot{background:var(--primary);border-radius:50%;width:8px;height:8px;animation:2s infinite blink;display:inline-block}.sparkle-icon{width:16px;height:16px;color:var(--primary)}.scroll-indicator{border:2px solid #fff3;border-radius:20px;justify-content:center;width:24px;height:40px;animation:2s ease-in-out infinite float;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-dot{background:var(--primary);border-radius:2px;width:4px;height:12px;margin-top:8px;animation:2s ease-in-out infinite scrollDot}@keyframes float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(10px)}}@keyframes scrollDot{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(8px)}}@keyframes spin{to{transform:rotate(360deg)}}.hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20%,#6366f114 0%,#0000 50%),radial-gradient(circle at 80%,#22d3ee0f 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.features:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#a78bfa0d 0%,#0000 70%);width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 40%,#ec48990a 0%,#0000 60%),radial-gradient(circle at 70% 60%,#22d3ee0a 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 30px #6366f199,0 0 60px #22d3ee66}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.hero-badge{background:linear-gradient(90deg,#6366f126,#22d3ee26,#a78bfa26) 0 0/200% 100%;animation:3s infinite gradientShift}.section-tag{background:linear-gradient(90deg,#6366f126,#22d3ee26) 0 0/200% 100%;border:1px solid #6366f14d;animation:3s infinite gradientShift}