.grid-overlay{background-image:linear-gradient(rgba(0,0,0,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.015) 1px,transparent 1px);background-size:20px 20px}.dark .grid-overlay{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px)}.btn-animated{position:relative;overflow:hidden}.btn-animated:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff4d;transform:skew(-30deg);transition:left .5s ease}.btn-animated:hover:before{animation:btn-shine 1.2s ease-in-out}.btn-text{position:relative;z-index:1}.btn-outline-animated{position:relative;overflow:hidden}.btn-outline-animated:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#f43f5e26;transform:skew(-30deg);transition:left .5s ease}.dark .btn-outline-animated:before{background:#a855f726}.btn-outline-animated:hover:before{animation:btn-shine 1.2s ease-in-out}.advantage-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.dark .advantage-card{background:#1e293b;box-shadow:0 4px 6px #0003}.advantage-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.advantage-icon-wrapper{position:relative;width:60px;height:60px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.advantage-icon-bg{position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,#f43f5e1a,#fb923c1a);transition:transform .3s ease}.dark .advantage-icon-bg{background:linear-gradient(135deg,#a855f71a,#ec48991a)}.advantage-card:hover .advantage-icon-bg{transform:scale(1.1)}.advantage-progress{height:4px;background:#f43f5e1a;border-radius:2px;overflow:hidden}.dark .advantage-progress{background:#a855f71a}.advantage-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#f43f5e,#fb923c);animation:progress-animation 1.5s ease-out forwards}.dark .advantage-progress-bar{background:linear-gradient(90deg,#a855f7,#ec4899)}@keyframes progress-animation{to{width:100%}}.tech-feature{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.tech-feature.appear{opacity:1;transform:translateY(0)}.tech-feature:nth-child(2){transition-delay:.2s}.tech-feature:nth-child(3){transition-delay:.4s}.tech-feature-header{display:flex;align-items:center;margin-bottom:.5rem}.tech-icon-wrapper{background:#f43f5e1a;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;transition:transform .3s ease}.dark .tech-icon-wrapper{background:#a855f71a}.tech-feature:hover .tech-icon-wrapper{transform:scale(1.1)}.tech-visual-container{position:relative;width:100%;height:300px;background:linear-gradient(135deg,#f43f5e0d,#fb923c0d);border-radius:1rem;overflow:hidden}.dark .tech-visual-container{background:linear-gradient(135deg,#a855f70d,#ec48990d)}.tech-visual{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.pulse-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pulse-ring{position:absolute;border-radius:50%;border:2px solid rgba(244,63,94,.3);width:100px;height:100px;animation:pulse-animation 3s infinite}.dark .pulse-ring{border-color:#a855f74d}.pulse-ring.ring1{animation-delay:0s}.pulse-ring.ring2{animation-delay:1s}.pulse-ring.ring3{animation-delay:2s}@keyframes pulse-animation{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}.wave-animation{display:flex;align-items:flex-end;height:60px;gap:4px}.wave-bar{width:4px;background:linear-gradient(to top,#f43f5e,#fb923c);border-radius:2px;animation:wave-animation 1.2s ease-in-out infinite alternate}.dark .wave-bar{background:linear-gradient(to top,#a855f7,#ec4899)}.wave-bar:nth-child(1){height:20%;animation-delay:-1.2s}.wave-bar:nth-child(2){height:40%;animation-delay:-1.1s}.wave-bar:nth-child(3){height:60%;animation-delay:-1s}.wave-bar:nth-child(4){height:80%;animation-delay:-.9s}.wave-bar:nth-child(5){height:100%;animation-delay:-.8s}.wave-bar:nth-child(6){height:80%;animation-delay:-.7s}.wave-bar:nth-child(7){height:60%;animation-delay:-.6s}.wave-bar:nth-child(8){height:40%;animation-delay:-.5s}.wave-bar:nth-child(9){height:20%;animation-delay:-.4s}.wave-bar:nth-child(10){height:30%;animation-delay:-.3s}@keyframes wave-animation{0%{transform:scaleY(.5)}to{transform:scaleY(1)}}.tech-dashboard{width:220px;height:220px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001a;overflow:hidden;position:relative;animation:float-dashboard 5s ease-in-out infinite}.dark .tech-dashboard{background:#1e293b;box-shadow:0 8px 24px #0003}@keyframes float-dashboard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tech-dashboard-header{display:flex;align-items:center;padding:8px;background:linear-gradient(90deg,#f43f5e,#fb923c);height:24px}.dark .tech-dashboard-header{background:linear-gradient(90deg,#a855f7,#ec4899)}.tech-dashboard-dot{width:8px;height:8px;border-radius:50%;background:#fff;margin-right:6px;opacity:.8}.tech-dashboard-body{padding:12px;position:relative}.tech-dashboard-chart{display:flex;align-items:flex-end;justify-content:space-around;height:100px;margin-bottom:20px}.tech-chart-bar{width:16px;border-radius:3px;background:linear-gradient(to top,#f43f5e,#fb923c);animation:grow-bar 2s ease-out forwards;transform-origin:bottom;opacity:0}.dark .tech-chart-bar{background:linear-gradient(to top,#a855f7,#ec4899)}@keyframes grow-bar{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.tech-chart-bar:nth-child(1){animation-delay:.2s}.tech-chart-bar:nth-child(2){animation-delay:.4s}.tech-chart-bar:nth-child(3){animation-delay:.6s}.tech-chart-bar:nth-child(4){animation-delay:.8s}.tech-chart-bar:nth-child(5){animation-delay:1s}.tech-dashboard-metrics{display:flex;flex-direction:column;gap:12px}.tech-metric{display:flex;align-items:center;gap:10px}.tech-metric-icon{width:12px;height:12px;border-radius:2px;background:#f43f5e}.dark .tech-metric-icon{background:#a855f7}.tech-metric-bar{height:6px;flex-grow:1;background:#e2e8f0;border-radius:3px;overflow:hidden;position:relative}.dark .tech-metric-bar{background:#334155}.tech-metric-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,#f43f5e,#fb923c);animation:fill-bar 2.5s ease-in-out forwards}.dark .tech-metric-bar:after{background:linear-gradient(90deg,#a855f7,#ec4899)}@keyframes fill-bar{0%{width:0}to{width:85%}}.tech-metric:nth-child(1) .tech-metric-bar:after{animation-delay:1.2s}.tech-metric:nth-child(2) .tech-metric-bar:after{animation-delay:1.5s;animation-duration:2s}.tech-metric:nth-child(3) .tech-metric-bar:after{animation-delay:1.8s;animation-duration:2.2s}.tech-dashboard-scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:#f43f5e4d;box-shadow:0 0 8px #f43f5e80;animation:scan-line 3s ease-in-out infinite;opacity:0;animation-delay:2s}.dark .tech-dashboard-scan-line{background:#a855f74d;box-shadow:0 0 8px #a855f780}@keyframes scan-line{0%{top:0;opacity:0}5%{opacity:1}95%{opacity:1}to{top:100%;opacity:0}}.comparison-table{border-collapse:separate;border-spacing:0;border-radius:.5rem;width:100%;table-layout:fixed}.feature-header{background:#f1f5f9;padding:1rem 1.5rem;text-align:left;font-weight:600;color:#334155;width:22%}.dark .feature-header{background:#1e293b;color:#e2e8f0}.aecho-header{background:#fff1f2;padding:1rem .75rem;text-align:center;font-weight:600;color:#334155;width:12%}.dark .aecho-header{background:#4c1d95;color:#e2e8f0}.competitor-header{background:#f1f5f9;padding:1rem .5rem;text-align:center;font-weight:600;color:#334155;width:11%}.dark .competitor-header{background:#1e293b;color:#e2e8f0}.feature-cell{background:#fff;padding:1rem 1.5rem;text-align:left;border-top:1px solid #e2e8f0;font-weight:500}.dark .feature-cell{background:#0f172a;border-top:1px solid #1e293b;color:#e2e8f0}.aecho-cell{background:#fff1f2;padding:1rem .5rem;text-align:center;border-top:1px solid #e2e8f0;font-size:1.2rem;color:#22c55e}.dark .aecho-cell{background:#4c1d95;border-top:1px solid #1e293b;color:#4ade80}.competitor-cell{background:#f8fafc;padding:1rem .5rem;text-align:center;border-top:1px solid #e2e8f0;font-size:1.2rem}.dark .competitor-cell{background:#0f172a;border-top:1px solid #1e293b}.competitor-cell:has(span.check){color:#22c55e}.competitor-cell:has(span.cross){color:#ef4444}.dark .competitor-cell:has(span.check){color:#4ade80}.dark .competitor-cell:has(span.cross){color:#f87171}.check{color:#22c55e}.cross{color:#ef4444}.dash{color:#aeb894}.dark .check{color:#4ade80}.dark .cross{color:#f87171}.dark .dash{color:#64748b}.tooltip-trigger{cursor:help;position:relative}.tooltip-trigger span{display:inline-block;position:relative;width:100%}.tooltip-trigger:after{content:"?";position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:10px;width:14px;height:14px;line-height:14px;text-align:center;border-radius:50%;background-color:#f43f5e1a;color:#f43f5e;opacity:.8;transition:all .2s ease}.dark .tooltip-trigger:after{background-color:#a855f71a;color:#a855f7}.tooltip-trigger:hover:after{opacity:1;transform:translateY(-50%) scale(1.1)}.flowbite-tooltip{max-width:300px;z-index:9999;transition:opacity .3s ease,transform .3s ease;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #f1f5f9;color:#334155;pointer-events:none;transform:translateY(-8px)}.dark .flowbite-tooltip{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155;color:#e2e8f0;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.flowbite-tooltip.opacity-100{opacity:1;transform:translateY(0)}.flowbite-tooltip-arrow{position:absolute;width:12px;height:12px;background:inherit;border:inherit;border-width:0 0 1px 1px;transform:rotate(-45deg);top:calc(100% - 6px);left:50%;margin-left:-6px;box-shadow:inherit}.flowbite-tooltip:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,#f43f5e,#fb923c);border-radius:8px 8px 0 0}.dark .flowbite-tooltip:before{background:linear-gradient(to right,#a855f7,#ec4899)}.flowbite-tooltip-content{position:relative;z-index:1}.tooltip{display:none}.feature-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 10px #00000014;transition:transform .3s ease}.feature-card:hover{transform:translateY(-3px)}.dark .feature-card{background:#1e293b;box-shadow:0 4px 10px #0003}.feature-title{font-weight:700;font-size:1.125rem;margin-bottom:.5rem;color:#334155}.dark .feature-title{color:#e2e8f0}.feature-description{color:#64748b;margin-bottom:1.25rem}.dark .feature-description{color:#94a3b8}.company-comparison{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-radius:6px;background:#f8fafc;margin-bottom:.5rem}.dark .company-comparison{background:#0f172a}.company-name{font-size:.875rem;color:#64748b;font-weight:500}.dark .company-name{color:#94a3b8}.company-value{font-weight:700;color:#64748b;font-size:1.125rem}.aecho-value{color:#f43f5e}.dark .aecho-value{color:#c084fc}.cta-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.cta-particle{position:absolute;background:#fff3;border-radius:50%;animation:float-animation 15s infinite linear}.cta-particle.p1{width:80px;height:80px;top:-30px;left:10%;animation-duration:25s}.cta-particle.p2{width:60px;height:60px;top:60%;left:-20px;animation-duration:20s}.cta-particle.p3{width:120px;height:120px;top:20%;right:-40px;animation-duration:30s;animation-delay:5s}.cta-particle.p4{width:40px;height:40px;bottom:-15px;right:30%;animation-duration:18s}.cta-particle.p5{width:70px;height:70px;bottom:40%;left:20%;animation-duration:22s;animation-delay:2s}@keyframes float-animation{0%{transform:translateY(0);opacity:.2}50%{transform:translateY(-100px);opacity:.6}to{transform:translateY(-200px);opacity:0}}@keyframes animate-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:animate-float 6s ease-in-out infinite}.animation-delay-300{animation-delay:3s}@media (max-width: 768px){.text-4xl{font-size:2.25rem}.text-5xl{font-size:2.5rem}.text-3xl{font-size:1.875rem}.md\:grid-cols-3,.lg\:grid-cols-2{grid-template-columns:1fr}.comparison-table{font-size:.875rem}.aecho-header,.competitor-header{min-width:100px}.tech-visual-container{height:200px}}@keyframes title-animation{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-title{opacity:0;animation:title-animation .8s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-up{opacity:0;animation:fade-up .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.2s}.animation-delay-300{animation-delay:.3s!important}.hero-particles{z-index:1}.hero-particle{position:absolute;border-radius:50%;background:linear-gradient(135deg,#f43f5e33,#fb923c33);filter:blur(2px);opacity:0;animation:particle-float 8s ease-in-out infinite both}.dark .hero-particle{background:linear-gradient(135deg,#a855f733,#ec489933)}.hero-particle.p1{width:80px;height:80px;top:20%;left:5%;animation-delay:0s}.hero-particle.p2{width:60px;height:60px;top:50%;left:15%;animation-delay:2s}.hero-particle.p3{width:100px;height:100px;top:30%;right:5%;animation-delay:1s}.hero-particle.p4{width:50px;height:50px;bottom:20%;right:15%;animation-delay:3s}.hero-particle.p5{width:70px;height:70px;bottom:15%;left:30%;animation-delay:2.5s}@keyframes particle-float{0%,to{opacity:0;transform:translate(0)}25%{opacity:.3;transform:translate(-15px,-15px)}50%{opacity:.5;transform:translate(10px,-30px)}75%{opacity:.3;transform:translate(25px,-15px)}90%{opacity:0}}h1.animate-title{position:relative;overflow:hidden}h1.animate-title:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right,transparent,rgba(244,63,94,.5),transparent);animation:heading-underline 2.5s ease-in-out infinite}.dark h1.animate-title:after{background:linear-gradient(to right,transparent,rgba(168,85,247,.5),transparent)}@keyframes heading-underline{0%,to{transform:translate(-100%);opacity:0}50%{transform:translate(0);opacity:1}95%{transform:translate(100%);opacity:0}}@keyframes btn-shine{0%{left:-100%}to{left:200%}}
