.hero-grid-pattern{background-image:linear-gradient(rgba(15,23,42,.03) 1px,transparent 0),linear-gradient(90deg,rgba(15,23,42,.03) 1px,transparent 0);background-size:60px 60px;inset:0;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 30%,transparent 100%);position:absolute;z-index:0}.hero-gradient-mesh{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(59,130,246,.08),transparent 70%),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(99,102,241,.05),transparent 70%),radial-gradient(ellipse 50% 30% at 0 80%,rgba(59,130,246,.04),transparent 70%);inset:0;position:absolute;z-index:1}.hero-scan-line{display:none}.code-window{background:#0f172a;border:1px solid rgba(51,65,85,.5);border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.2),0 0 0 1px rgba(51,65,85,.3);display:none;overflow:hidden;position:absolute;right:3%;top:22%;width:280px;z-index:3}@media (min-width:1600px){.code-window{animation:code-window-entrance .8s ease .5s forwards;display:block;opacity:0}}@keyframes code-window-entrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.code-window-header{align-items:center;background:#1e293b;border-bottom:1px solid rgba(51,65,85,.5);display:flex;justify-content:space-between;padding:12px 16px}.code-window-dots{display:flex;gap:8px}.code-dot{border-radius:50%;height:12px;width:12px}.code-dot-red{background:#ef4444}.code-dot-yellow{background:#eab308}.code-dot-green{background:#22c55e}.code-window-title{color:#64748b;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:500}.code-window-body{font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;line-height:1.8;padding:20px}.code-line{display:flex;gap:16px}.code-number{color:#475569;min-width:20px;text-align:right;user-select:none}.code-content{flex:1}.code-keyword{color:#c084fc}.code-variable{color:#7dd3fc}.code-operator{color:#94a3b8}.code-function{color:#4ade80}.code-bracket,.code-punctuation{color:#94a3b8}.code-line:last-child .code-content:after{animation:cursor-blink 1s step-end infinite;color:#3b82f6;content:"|";margin-left:2px}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-info-cards{display:none;inset:0;pointer-events:none;position:absolute;z-index:2}@media (min-width:1200px){.hero-info-cards{display:block}}.info-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.98);border:2px solid rgba(226,232,240,.9);border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.04);cursor:pointer;padding:16px 18px;pointer-events:auto;position:absolute;transition:box-shadow .3s ease,border-color .3s ease,background .3s ease}.info-card-1{animation:cardFloat1 4s ease-in-out infinite}.info-card-2{animation:cardFloat2 5s ease-in-out infinite}.info-card-3{animation:cardFloat3 4.5s ease-in-out infinite}.info-card-4{animation:cardFloat4 5.5s ease-in-out infinite}@keyframes cardFloat1{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes cardFloat2{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(1deg)}}@keyframes cardFloat3{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes cardFloat4{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-7px) rotate(-1deg)}}.info-card:hover{animation:cardHover .3s ease forwards!important;background:#fff;border-color:rgba(59,130,246,.5);box-shadow:0 30px 60px rgba(0,0,0,.2),0 15px 30px rgba(59,130,246,.2);z-index:10}@keyframes cardHover{0%{transform:translateY(0) scale(1)}to{transform:translateY(-15px) scale(1.08)}}.info-card-1:hover{border-color:rgba(59,130,246,.6);box-shadow:0 30px 60px rgba(0,0,0,.2),0 15px 30px rgba(59,130,246,.3)}.info-card-2:hover{border-color:rgba(236,72,153,.6);box-shadow:0 30px 60px rgba(0,0,0,.2),0 15px 30px rgba(236,72,153,.3)}.info-card-3:hover{border-color:rgba(6,182,212,.6);box-shadow:0 30px 60px rgba(0,0,0,.2),0 15px 30px rgba(6,182,212,.3)}.info-card-4:hover{border-color:rgba(16,185,129,.6);box-shadow:0 30px 60px rgba(0,0,0,.2),0 15px 30px rgba(16,185,129,.3)}.info-card:hover .mini-app-mockup{animation:appBounce .5s ease}.info-card:hover .mini-dashboard{animation:dashBounce .5s ease}.info-card:hover .mini-extension{animation:extBounce .5s ease}.info-card:hover .mini-ai{animation:aiBounce .5s ease}@keyframes appBounce{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-5px) scale(1.05)}to{transform:translateY(0) scale(1)}}@keyframes dashBounce{0%{transform:translateY(0)}40%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes extBounce{0%{transform:translateY(0)}40%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes aiBounce{0%{transform:translateX(0)}40%{transform:translateX(3px)}to{transform:translateX(0)}}.info-card:hover .mini-chart-bars span{animation:barGrow .4s ease forwards!important}.info-card:hover .mini-chart-bars span:first-child{animation-delay:0s!important}.info-card:hover .mini-chart-bars span:nth-child(2){animation-delay:.05s!important}.info-card:hover .mini-chart-bars span:nth-child(3){animation-delay:.1s!important}.info-card:hover .mini-chart-bars span:nth-child(4){animation-delay:.15s!important}.info-card:hover .mini-chart-bars span:nth-child(5){animation-delay:.2s!important}@keyframes barGrow{0%{transform:scaleY(1)}50%{transform:scaleY(1.25)}to{transform:scaleY(1.1)}}.info-card:hover .mini-ai-arrow{animation:arrowFast .4s ease infinite!important}@keyframes arrowFast{0%,to{opacity:1;transform:translateX(0)}50%{opacity:.8;transform:translateX(5px)}}.info-card:hover .mini-ext-icon{animation:iconPulseFast .3s ease infinite!important}@keyframes iconPulseFast{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.mini-app-mockup{animation:gentleFloat 4s ease-in-out infinite}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.mini-chart-bars span{animation:idleBarPulse 2.5s ease-in-out infinite}.mini-chart-bars span:first-child{animation-delay:0s;height:40%}.mini-chart-bars span:nth-child(2){animation-delay:.15s;height:60%}.mini-chart-bars span:nth-child(3){animation-delay:.3s;height:45%}.mini-chart-bars span:nth-child(4){animation-delay:.45s;height:75%}.mini-chart-bars span:nth-child(5){animation-delay:.6s;height:55%}@keyframes idleBarPulse{0%,to{opacity:.8;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.08)}}.mini-ext-line{animation:typingLine 3s ease-in-out infinite}.mini-ext-line:nth-child(2){animation-delay:.5s}@keyframes typingLine{0%,to{opacity:.6;width:100%}50%{opacity:1;width:85%}}.mini-ext-line.short{animation:typingLineShort 3s ease-in-out .8s infinite}@keyframes typingLineShort{0%,to{opacity:.6;width:60%}50%{opacity:1;width:50%}}.mini-ai-arrow{animation:idleArrowMove 2s ease-in-out infinite}@keyframes idleArrowMove{0%,to{opacity:.7;transform:translateX(0)}50%{opacity:1;transform:translateX(2px)}}.mini-ai-line{overflow:hidden;position:relative}.mini-ai-line:after{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.mini-ai-line:nth-child(2):after{animation-delay:.5s}@keyframes shimmer{0%{left:-100%}50%,to{left:100%}}.mini-ext-icon{animation:iconPulse 2.5s ease-in-out infinite}@keyframes iconPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.mini-ai-image{animation:gentleRotate 6s ease-in-out infinite}@keyframes gentleRotate{0%,to{transform:rotate(0deg)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}.info-card-title{color:#475569;font-family:Heebo,system-ui,sans-serif;font-size:12px;font-weight:600;margin-bottom:10px;text-align:center}.mini-app-mockup{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:grid;grid-template-columns:20px 1fr;grid-template-rows:12px 1fr;height:65px;overflow:hidden;transition:transform .3s ease;width:100px}.mini-app-header{background:linear-gradient(90deg,#3b82f6,#60a5fa);grid-column:1/-1}.mini-app-sidebar{background:#e2e8f0}.mini-app-content{display:flex;flex-direction:column;gap:3px;padding:4px}.mini-app-card{background:#fff;border:1px solid #e2e8f0;border-radius:2px;flex:1}.mini-dashboard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;height:65px;padding:8px;position:relative;width:100px}.mini-chart-bars{align-items:flex-end;display:flex;gap:6px;height:100%}.mini-chart-bars span{animation:bar-pulse 2s ease-in-out infinite;background:linear-gradient(0deg,#ec4899,#f472b6);border-radius:2px 2px 0 0;flex:1}.mini-chart-bars span:nth-child(2){animation-delay:.2s}.mini-chart-bars span:nth-child(3){animation-delay:.4s}.mini-chart-bars span:nth-child(4){animation-delay:.6s}.mini-chart-bars span:nth-child(5){animation-delay:.8s}@keyframes bar-pulse{0%,to{opacity:.7}50%{opacity:1}}.mini-chart-line{background:#cbd5e1;bottom:8px;height:1px;left:8px;position:absolute;right:8px}.mini-extension{display:flex;flex-direction:column;gap:4px;height:65px;width:100px}.mini-browser-bar{align-items:center;background:#e2e8f0;border-radius:4px;display:flex;height:16px;justify-content:flex-end;padding-right:6px}.mini-ext-icon{background:linear-gradient(135deg,#06b6d4,#22d3ee);border-radius:2px;height:10px;width:10px}.mini-ext-popup{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.08);display:flex;flex:1;flex-direction:column;gap:4px;padding:8px}.mini-ext-line{background:#e2e8f0;border-radius:3px;height:6px}.mini-ext-line.short{width:60%}.mini-ai{gap:6px;height:50px;width:110px}.mini-ai,.mini-ai-image{align-items:center;display:flex}.mini-ai-image{background:linear-gradient(135deg,#dbeafe,#ede9fe);border-radius:6px;height:36px;justify-content:center;width:36px}.mini-ai-image svg{height:20px;stroke:#6366f1;width:20px}.mini-ai-arrow{animation:arrow-pulse 1.5s ease-in-out infinite;color:#10b981;font-size:14px;font-weight:600}@keyframes arrow-pulse{0%,to{opacity:.5;transform:translateX(0)}50%{opacity:1;transform:translateX(2px)}}.mini-ai-text{display:flex;flex:1;flex-direction:column;gap:4px}.mini-ai-line{background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;height:6px}.mini-ai-line.short{width:70%}.info-card-1{animation-delay:.1s;left:12%;top:20%;--parallax-speed:0.15}.info-card-2{animation-delay:.25s;left:8%;top:48%;--parallax-speed:0.1}.info-card-3{animation-delay:.4s;bottom:20%;left:10%;--parallax-speed:0.2}.info-card-4{animation-delay:.55s;right:10%;top:28%;--parallax-speed:0.12}@keyframes card-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-floating-elements{display:none}.headline-gradient{background:linear-gradient(135deg,#2563eb,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-glow{position:relative}.btn-glow:before{background:linear-gradient(135deg,rgba(37,99,235,.4),rgba(124,58,237,.3));border-radius:inherit;content:"";filter:blur(12px);inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.btn-glow:hover:before{opacity:1}.btn-arrow{height:18px;transition:transform .2s ease;width:18px}.btn-glow:hover .btn-arrow{transform:translateX(-4px)}.hero-badge{background:#fff;border:1px solid #e2e8f0;color:#0f172a}.badge-dot{animation:pulse-dot 2s ease-in-out infinite;background:#22c55e}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.hero-subtitle{color:#475569!important}.hero-trust{color:#64748b!important}@media (max-width:1280px){.info-card-1{left:5%;top:15%}.info-card-2{left:3%;top:42%}.info-card-3{bottom:15%;left:4%}.info-card-4{right:5%;top:22%}}@media (max-width:1024px){.code-window,.info-card-2,.info-card-3{display:none}.info-card-1{left:3%;top:15%}.info-card-4{bottom:18%;right:3%}.info-card{padding:12px 16px}.info-card-title{font-size:13px}.info-card-text{font-size:11px}}@media (max-width:768px){.info-card{display:none}.hero-grid-pattern{opacity:.5}}@media (prefers-reduced-motion:reduce){.badge-dot,.code-line:last-child .code-content:after,.info-card,.stat-fill{animation:none!important}.info-card{opacity:1;transform:none}.stat-fill{width:85%}.code-window{opacity:1;transform:none}}