.dark .marketing-scope,.marketing-scope{--hero-gradient:var(--background);--hero-bg-img:none;--btn-color:var(--foreground);--btn-bg:var(--card);--border-color:var(--foreground)}.marketing-scope{scroll-behavior:smooth}.marketing-scope .btn{padding:10px 15px;width:max-content;border-radius:10px;color:var(--btn-color);background-color:var(--btn-bg);justify-content:center;align-items:center;display:flex;cursor:pointer;transition:all .3s ease}.marketing-scope .btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.dark .marketing-scope .btn:hover{box-shadow:0 10px 25px rgba(255,255,255,.1)}.marketing-scope .hero-bg-gradient{background:linear-gradient(180deg,var(--hero-gradient) 23%,rgba(0,0,0,0) 87%),var(--hero-bg-img);background-image:var(--hero-bg-img);background-position:50%;background-repeat:no-repeat}.marketing-scope .purple-bg-grad{background:linear-gradient(90deg,#7e22ce91 8%,#625aafae 31%,#7badbbbc 76%,#54d2d0ca 89%);filter:blur(50px);opacity:.5;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.marketing-scope .reveal-up{opacity:0;transform:translateY(30px);transition:all .6s ease}.marketing-scope .animate-reveal-up{opacity:1;transform:translateY(0)}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.marketing-scope .animate-scroll,.marketing-scope .carousel{animation:scroll 20s linear infinite}.marketing-scope .carousel{display:flex}.marketing-scope .group\/card:hover .group-hover\/card\:scale-110{transform:scale(1.1)}@media (max-width:768px){.marketing-scope .purple-bg-grad{display:none}}