.mesh-bg{background-color:#fafafa;background-image:radial-gradient(at 40% 20%,hsla(217,100%,70%,.15) 0px,transparent 50%),radial-gradient(at 80% 0%,hsla(189,100%,56%,.15) 0px,transparent 50%),radial-gradient(at 0% 50%,hsla(355,100%,93%,.1) 0px,transparent 50%)}.text-gradient{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to right,#2563eb,#4f46e5)}.animate-fade-in-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.hero-section__title{opacity:1;animation:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes glow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 30px #3b82f699}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes rotateY{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animate-float{animation:float 6s ease-in-out infinite}.animate-slideInLeft{animation:slideInLeft .8s ease-out forwards}.animate-slideInRight{animation:slideInRight .8s ease-out forwards}.animate-scaleIn{animation:scaleIn .6s ease-out forwards}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:200px 100%;animation:shimmer 2s infinite}.interactive-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.interactive-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026}.interactive-card:active{transform:translateY(-4px) scale(1.01)}.feature-card{transition:all .4s ease-in-out;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.feature-card:hover:before{left:100%}.feature-card{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.feature-card:hover{transform:translateY(-16px) rotateX(8deg);box-shadow:0 30px 60px #0000002e}.feature-card .feature-icon{transform:scale(1.1);background:linear-gradient(135deg,#667eea,#764ba2)}.feature-card:hover .feature-icon{transform:scale(1.2);background:linear-gradient(135deg,#764ba2,#667eea)}.hero-gradient{background:linear-gradient(135deg,#eef2ff,#fff)}.typing-animation{overflow:hidden;border-right:2px solid #22c55e;white-space:nowrap;animation:typing 3s steps(40,end),blink-caret .75s step-end infinite}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#22c55e}}.scroll-reveal{opacity:0;transform:translateY(50px);transition:all .8s ease-out}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pulse-ring{position:absolute;border:2px solid rgba(59,130,246,.3);border-radius:50%;animation:pulse-ring 1.5s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(2.4);opacity:0}}@keyframes moveDot{0%{left:0;opacity:1}50%{opacity:1}to{left:100%;opacity:0}}@keyframes moveDot2{0%{left:0;opacity:0}25%{opacity:0}50%{opacity:1}to{left:100%;opacity:0}}.moving-dot{animation:moveDot 3s ease-in-out infinite}.moving-dot-2{animation:moveDot2 3s ease-in-out infinite;animation-delay:1.5s}.magnetic{transition:transform .3s ease-out}.magnetic:hover{transform:translate(var(--x, 0),var(--y, 0))}.ticker-container{position:relative;width:100%;height:80px;display:flex;align-items:center;background:transparent}.ticker-track{width:100%;overflow:visible;position:relative}.ticker-content{display:flex;white-space:nowrap;animation:ticker-scroll 35s linear infinite;will-change:transform}.ticker-item{display:inline-block;padding:12px 24px;margin:0 16px;background:#fff;border-radius:25px;text-decoration:none;color:#1e3a8a;font-weight:500;font-size:16px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border:1px solid #e5e7eb}.ticker-item:hover{color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 16px #2563eb26;border-color:#2563eb}.professional-ticker .ticker-item{background:transparent;border:none;box-shadow:none;margin:0 12px}.professional-ticker .ticker-item:hover{box-shadow:none;border-color:transparent}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-container:hover .ticker-content{animation-play-state:paused}@media (max-width: 480px){.max-w-7xl{padding-left:2rem;padding-right:2rem}.hero-section h1,h1{font-size:2.5rem!important;line-height:1.1!important}.hero-section p,.text-xl,.text-2xl{font-size:1rem!important;line-height:1.5!important}.px-8{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:.75rem;padding-bottom:.75rem}.p-8{padding:1rem!important}.space-y-6>*+*{margin-top:1rem!important}.pl-8,.lg\\:pl-12{padding-left:0!important}.text-3xl{font-size:1.75rem!important}.text-4xl{font-size:2rem!important}}@media (min-width: 481px) and (max-width: 768px){.max-w-7xl{padding-left:1.5rem;padding-right:1.5rem}.hero-section h1,h1{font-size:3rem!important}.hero-section p{font-size:1.125rem!important}.p-8{padding:1.5rem!important}.pl-8{padding-left:1rem!important}.lg\\:pl-12{padding-left:1.5rem!important}}@media (min-width: 769px) and (max-width: 1024px){.max-w-7xl{padding-left:2rem;padding-right:2rem}.grid-cols-1.lg\\:grid-cols-2{grid-template-columns:1fr 1fr;gap:2rem}.grid-cols-1.md\\:grid-cols-2.lg\\:grid-cols-3{grid-template-columns:repeat(2,1fr);gap:1.5rem}.pl-8{padding-left:1.5rem!important}.lg\\:pl-12{padding-left:2rem!important}.p-8{padding:2rem!important}}@media (max-width: 1024px){.flex-col.sm\\:flex-row{flex-direction:column;gap:1rem}.text-center{text-align:center}.py-20{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:2.5rem;padding-bottom:2.5rem}.mb-12{margin-bottom:2rem}.mb-8{margin-bottom:1.5rem}.gap-12{gap:2rem}.ticker-container{height:60px}.ticker-item{padding:8px 16px;margin:0 8px;font-size:14px}.ticker-content{animation-duration:25s}.grid.grid-cols-1.md\\:grid-cols-2.lg\\:grid-cols-3{grid-template-columns:1fr;gap:1.5rem}.absolute.-top-8.-left-8,.absolute.-top-4.-right-12,.absolute.-bottom-6.-left-4{display:none}}@media (max-width: 768px) and (orientation: landscape){.py-20{padding-top:2rem;padding-bottom:2rem}.py-16{padding-top:1.5rem;padding-bottom:1.5rem}.hero-section h1{font-size:2.5rem!important}}html{scroll-behavior:smooth}.focus-ring:focus{outline:none;ring:2px;ring-offset:2px;ring-blue-500}.integration-tab{background:transparent;color:#6b7280;border:none;cursor:pointer}.integration-tab.active{background:#fff;color:#1f2937;box-shadow:0 1px 3px #0000001a}.integration-tab:hover:not(.active){color:#374151}.integration-content{transition:all .3s ease-in-out}.integration-content.hidden{display:none}pre code{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.integration-container{display:flex;flex-direction:column;height:100%}.integration-content{flex:1;display:flex;flex-direction:column;justify-content:center}.code-container{max-height:200px;overflow-y:auto;overflow-x:auto;border-radius:4px}.code-container::-webkit-scrollbar{width:6px;height:6px}.code-container::-webkit-scrollbar-track{background:#1f2937;border-radius:3px}.code-container::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px}.code-container::-webkit-scrollbar-thumb:hover{background:#6b7280}