.hero-ai{background:var(--dark-ai);min-height:100vh;position:relative;overflow:hidden;padding-top:100px}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.hero-particles{position:absolute;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="4" height="4" patternUnits="userSpaceOnUse"><circle cx="2" cy="2" r="0.5" fill="rgba(99,102,241,0.3)"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');animation:20s ease-in-out infinite float}.hero-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-ai);opacity:.1}.hero-content{position:relative;z-index:2;color:#fff}.hero-badge{display:inline-flex;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:500;margin-bottom:2rem;backdrop-filter:blur(10px)}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:3s ease-in-out infinite gradient-shift}@keyframes gradient-shift{0%,100%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(45deg)}}.hero-subtitle{font-size:1.3rem;color:rgba(255,255,255,.8);margin-bottom:2rem;max-width:500px}.hero-stats{display:flex;gap:2rem;margin-bottom:2rem}.stat-item{text-align:center}.stat-number{font-size:2rem!important;font-weight:800!important;color:var(--accent-ai)!important;margin-bottom:.25rem}.stat-label{font-size:.9rem;color:rgba(255,255,255,.6)}.cta-buttons{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.btn-ai-outline{background:0 0;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 2rem;border-radius:25px;font-weight:600;text-decoration:none;transition:.3s;position:relative}.btn-ai-outline:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5);transform:translateY(-2px);color:#fff;text-decoration:none}.btn-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-ai);border-radius:25px;z-index:-1;opacity:0;transition:opacity .3s}.btn-ai-primary:hover .btn-glow{opacity:1;animation:1s linear infinite rotate}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.trust-indicators{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.trust-text{color:rgba(255,255,255,.6);font-size:.9rem}.trust-logos{display:flex;gap:1rem}.trust-logos i{font-size:1.5rem;color:rgba(255,255,255,.4);transition:.3s}.trust-logos i:hover{color:rgba(255,255,255,.8);transform:translateY(-2px)}.hero-visual{position:relative;z-index:2}.ai-interface{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:20px;backdrop-filter:blur(20px);overflow:hidden;animation:6s ease-in-out infinite float-interface}@keyframes float-interface{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}.interface-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.interface-dots{display:flex;gap:.5rem}.interface-dots span{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.3)}.interface-dots span:first-child{background:#ff5f56}.interface-dots span:nth-child(2){background:#ffbd2e}.interface-dots span:nth-child(3){background:#27ca3f}.interface-title{color:#fff;font-weight:600;font-size:.9rem}.interface-content{padding:1.5rem}.ai-chat{margin-bottom:2rem}.chat-message{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.75rem;border-radius:12px}.chat-message.user{background:rgba(99,102,241,.2);margin-left:2rem}.chat-message.ai{background:rgba(255,255,255,.1);margin-right:2rem}.chat-message i{color:var(--accent-ai);margin-top:.2rem}.qr-preview{width:60px;height:60px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="10" height="10" fill="black"/><rect x="20" y="0" width="10" height="10" fill="black"/><rect x="40" y="0" width="10" height="10" fill="black"/></svg>') 0 0/cover #fff;border-radius:8px;margin-top:.5rem}.ai-tools-preview{display:flex;justify-content:space-around;align-items:center;position:relative}.tool-icon-float{font-size:2rem;animation:4s ease-in-out infinite float-tool;opacity:.7}.tool-icon-float:first-child{animation-delay:0s}.tool-icon-float:nth-child(2){animation-delay:1s}.tool-icon-float:nth-child(3){animation-delay:2s}.tool-icon-float:nth-child(4){animation-delay:3s}@keyframes float-tool{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(-10px);opacity:1}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}