@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--ease-in-out-quint: cubic-bezier(.83, 0, .17, 1)}body{scroll-behavior:smooth;font-feature-settings:"ss03","cv02","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-sundust-bg-primary)}.bg-sundust-bg-primary{background-color:var(--color-sundust-bg-primary);transition:background-color .3s ease}.bg-sundust-bg-secondary{background:linear-gradient(to bottom,var(--color-sundust-bg-secondary) 0%,var(--color-sundust-bg-primary) 100%);transition:background .3s ease}.container{width:100%;max-width:100%;margin:0 auto;padding:0 1.5rem}.gradient-text{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#navigation{opacity:1;visibility:visible;transition:all .5s var(--ease-out-quint)}#navigation.scrolled{background:rgba(15,23,42,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px -10px #020c1bb3}#agent-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(15,23,42,.9) 0%,rgba(15,23,42,.6) 50%,rgba(15,23,42,.9) 100%);z-index:1}#agent-hero{position:relative;overflow:hidden}#agent-hero video{position:absolute;top:50%;left:50%;width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;transform:translate(-50%,-50%)}#agent-hero .container{position:relative;z-index:2}.bg-sundust-bg-card{transition:all .4s var(--ease-out-quint);position:relative;overflow:hidden}.bg-sundust-bg-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(54,55,132,.1),rgba(85,163,247,.1));opacity:0;transition:opacity .4s var(--ease-out-quint);z-index:-1}.bg-sundust-bg-card:hover:before{opacity:1}.bg-sundust-bg-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 20px 40px -15px #0000004d}.hover-underline-animation{display:inline-block;position:relative}.hover-underline-animation:after{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background-color:currentColor;transform:scaleX(0);transform-origin:bottom right;transition:transform .4s var(--ease-out-quint)}.hover-underline-animation:hover:after{transform:scaleX(1);transform-origin:bottom left}.hover\:shadow-glow-blue:hover{box-shadow:0 0 25px -5px #6366f180}.hover\:shadow-glow-turquoise:hover{box-shadow:0 0 25px -5px #14b8a680}.hover\:shadow-glow-violet:hover{box-shadow:0 0 25px -5px #8b5cf680}.hover\:shadow-glow-orange:hover{box-shadow:0 0 25px -5px #f9731680}.hover\:shadow-glow-yellow:hover{box-shadow:0 0 25px -5px #eab30880}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.7}}.animate-pulse-slow{animation:pulse 7s cubic-bezier(.4,0,.6,1) infinite}@keyframes float{0%,to{transform:translateY(0) rotate(.5deg)}50%{transform:translateY(-15px) rotate(-.5deg)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-gradient-text{background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#f59e0b);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient 8s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn-hover-effect{position:relative;overflow:hidden;z-index:1}.btn-hover-effect:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#6390f1,#0b0c24);z-index:-1;transition:transform .6s var(--ease-out-quint);transform:scaleX(0);transform-origin:right}.btn-hover-effect:hover:before{transform:scaleX(1);transform-origin:left}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:30px;height:50px;border:2px solid rgba(255,255,255,.3);border-radius:60px;opacity:.8;cursor:pointer;transition:all .3s var(--ease-out-quint)}.scroll-indicator:before{content:"";position:absolute;top:10px;left:50%;width:6px;height:6px;margin-left:-3px;background-color:#fff;border-radius:100%;animation:scrollIndicator 2s infinite;opacity:.8}@keyframes scrollIndicator{0%{transform:translateY(0);opacity:0}50%{opacity:1}to{transform:translateY(10px);opacity:0}}.scroll-indicator:hover{transform:translate(-50%) scale(1.1);opacity:1}@media (max-width: 768px){.animate-on-scroll.fade-in-left,.animate-on-scroll.fade-in-right{transform:translate(0) translateY(20px)}}
