/* ------------Header--------- */

 @keyframes wave-glow {
     0% {
         background-position: 0% 50%;
         opacity: 0.6;
     }

     50% {
         background-position: 100% 50%;
         opacity: 0.8;
     }

     100% {
         background-position: 0% 50%;
         opacity: 0.6;
     }
 }

 @keyframes glow-trail {
     0% {
         opacity: 0.5;
         transform: translateY(0);
     }

     100% {
         opacity: 0;
         transform: translateY(-20px);
     }
 }

 @keyframes ripple-nav {
     0% {
         transform: scale(0);
         opacity: 0.5;
     }

     100% {
         transform: scale(4);
         opacity: 0;
     }
 }

 @keyframes sparkle-burst {
     0% {
         transform: scale(0);
         opacity: 0.7;
     }

     100% {
         transform: scale(1.5);
         opacity: 0;
     }
 }

 @keyframes pop {
     0% {
         transform: scale(0.7);
     }

     50% {
         transform: scale(1.2);
     }

     100% {
         transform: scale(1);
     }
 }

 @keyframes sparkle-nav {
     0% {
         transform: scale(0);
         opacity: 0.8;
     }

     100% {
         transform: scale(1.5);
         opacity: 0;
     }
 }

 /* Glass morphism effect */
 .backdrop-blur-md {
     backdrop-filter: blur(12px);
     -webkit-backdrop-filter: blur(12px);
 }

 /* Logo glow effect */
 .logo-glow:hover {
     filter: drop-shadow(0 0 10px rgba(114, 102, 238, 0.7));
 }

 /* Glow trail for desktop links */
 .glow-link .glow-trail {
     background: linear-gradient(to top, rgba(114, 102, 238, 0.5), transparent);
     pointer-events: none;
 }

 .glow-link:hover .glow-trail {
     animation: glow-trail 0.5s ease-out;
 }

 /* Ripple effect for mobile links */
 .sparkle-link-nav .ripple-effect-nav {
     background: radial-gradient(circle, rgba(114, 102, 238, 0.4), transparent);
     pointer-events: none;
     border-radius: 8px;
 }

 .sparkle-link-nav:hover .ripple-effect-nav {
     animation: ripple-nav 0.6s ease-out;
 }

 /* Sparkle effect for mobile links */
 .sparkle-link-nav {
     position: relative;
 }

 .sparkle-link-nav .sparkle {
     position: absolute;
     width: 6px;
     height: 6px;
     background: linear-gradient(45deg, #7266EE, pink);
     border-radius: 50%;
     pointer-events: none;
     animation: sparkle-nav 0.4s ease-out forwards;
 }

 /* Sparkle burst for buttons */
 .pulse-button-nav .sparkle-burst {
     background: radial-gradient(circle, rgba(114, 102, 238, 0.7), transparent);
     pointer-events: none;
 }

 .pulse-button-nav:hover .sparkle-burst {
     animation: sparkle-burst 0.5s ease-out;
 }

 /* Pop effect for social icons */
 .pop-icon-nav:hover {
     animation: pop 0.3s ease-out;
 }

 /* Rotate effect for close button */
 .rotate-close:hover {
     transform: rotate(90deg);
     filter: drop-shadow(0 0 10px rgba(114, 102, 238, 0.7));
 }

 /* Theme toggle animation */


 .theme-toggle-wrapper input:checked+.theme-toggle .sun-icon {
     display: block;
 }

 .theme-toggle-wrapper input:checked+.theme-toggle .moon-icon {
     display: none;
 }

 .theme-toggle-wrapper .sun-icon {
     display: none;
 }

 .theme-toggle-wrapper .moon-icon {
     display: block;
 }

 /* Cursor trail styling */
 .gsap-cursor-trail {
     position: fixed;
     width: 10px;
     height: 10px;
     background: linear-gradient(45deg, #7266EE, pink);
     clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
     pointer-events: none;
     transform: translate(-50%, -50%);
     z-index: 1000;
     box-shadow: 0 0 10px rgba(114, 102, 238, 0.5);
 }

 /* Responsive adjustments */
 @media (max-width: 640px) {
     .gsap-cursor-trail {
         width: 8px !important;
         height: 8px !important;
     }

     .sparkle-link-nav {
         font-size: 1.125rem !important;
     }

     .mobile-menu {
         width: 100%;
         max-width: none;
     }
 }


 /* ------------Header--------- */


 /* ------------Section one--------- */

 /* Animation keyframes */
 @keyframes float {

     0%,
     100% {
         transform: translateY(0) rotate(0deg);
     }

     50% {
         transform: translateY(-20px) rotate(2deg);
     }
 }

 @keyframes float-reverse {

     0%,
     100% {
         transform: translateY(0) rotate(0deg);
     }

     50% {
         transform: translateY(15px) rotate(-2deg);
     }
 }

 @keyframes pulse {

     0%,
     100% {
         opacity: 0.6;
     }

     50% {
         opacity: 0.9;
     }
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(20px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes ripple {
     0% {
         transform: scale(0);
         opacity: 0.5;
     }

     100% {
         transform: scale(4);
         opacity: 0;
     }
 }

 .animate-float {
     animation: float 8s ease-in-out infinite;
 }

 .animate-float-reverse {
     animation: float-reverse 10s ease-in-out infinite;
 }

 .animate-pulse {
     animation: pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }

 .animate-fadeIn {
     animation: fadeIn 1s ease-out forwards;
 }

 /* Parallax image effect */
 .parallax-image {
     transition: transform 0.3s ease-out;
 }

 /* Ripple effect */
 .ripple {
     background: radial-gradient(circle, rgba(114, 102, 238, 0.3) 0%, transparent 70%);
     transform: scale(0);
     pointer-events: none;
 }

 .ripple.active {
     animation: ripple 0.6s ease-out;
 }





 /* ------------Section one--------- */





 /* ------------Section two--------- */

 /* Animation keyframes */
 @keyframes pulse {

     0%,
     100% {
         opacity: 0.6;
     }

     50% {
         opacity: 0.9;
     }
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(20px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes ripple {
     0% {
         transform: scale(0);
         opacity: 0.5;
     }

     100% {
         transform: scale(4);
         opacity: 0;
     }
 }

 @keyframes glowPulse {

     0%,
     100% {
         box-shadow: 0 0 10px rgba(114, 102, 238, 0.2);
     }

     50% {
         box-shadow: 0 0 20px rgba(114, 102, 238, 0.4);
     }
 }

 .animate-pulse {
     animation: pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }

 .animate-fadeIn {
     animation: fadeIn 1s ease-out forwards;
 }

 .glow-pulse:hover {
     animation: glowPulse 1.5s ease-in-out infinite;
 }

 /* Tab content transitions */
 .tab-content {
     position: absolute;
     width: 100%;
     height: 100%;
 }

 .tab-content.active {
     z-index: 10;
 }

 /* Glass morphism effect */
 .backdrop-blur-sm {
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
 }

 .backdrop-blur-lg {
     backdrop-filter: blur(16px);
     -webkit-backdrop-filter: blur(16px);
 }

 /* Feature card hover effect */
 .feature-card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .feature-card:hover {
     transform: scale(1.02);
     box-shadow: 0 4px 20px rgba(114, 102, 238, 0.4);
 }

 .feature-card.active {
     border-color: #7266EE;
     box-shadow: 0 0 15px rgba(114, 102, 238, 0.3);
 }

 /* Ripple effect */
 .ripple {
     background: radial-gradient(circle, rgba(114, 102, 238, 0.3) 0%, transparent 70%);
     transform: scale(0);
     pointer-events: none;
 }

 .ripple.active {
     animation: ripple 0.6s ease-out;
 }

 /* Tab image effect */
 .tab-image {
     transition: transform 0.3s ease-out;
 }

 /* Cursor trail styling */


 /* ------------Section two--------- */






 /* ------------Section three--------- */


 /* Animation keyframes */
 @keyframes particle-float {
     0% {
         transform: translateY(0) scale(1);
         opacity: 0.3;
     }

     50% {
         transform: translateY(-20px) scale(1.2);
         opacity: 0.6;
     }

     100% {
         transform: translateY(0) scale(1);
         opacity: 0.3;
     }
 }

 @keyframes glow-pulse {
     0% {
         text-shadow: 0 0 5px rgba(114, 102, 238, 0.5);
     }

     50% {
         text-shadow: 0 0 15px rgba(114, 102, 238, 0.8);
     }

     100% {
         text-shadow: 0 0 5px rgba(114, 102, 238, 0.5);
     }
 }

 @keyframes ripple {
     0% {
         transform: scale(0);
         opacity: 0.5;
     }

     100% {
         transform: scale(4);
         opacity: 0;
     }
 }

 @keyframes pulse {
     0% {
         transform: scale(1);
     }

     50% {
         transform: scale(1.1);
     }

     100% {
         transform: scale(1);
     }
 }

 @keyframes sparkle {
     0% {
         transform: scale(0);
         opacity: 0.8;
     }

     100% {
         transform: scale(1.5);
         opacity: 0;
     }
 }

 @keyframes blink {
     0% {
         opacity: 1;
     }

     50% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 .animate-blink {
     animation: blink 1s infinite;
 }

 /* Glowing particle system */
 .glow-particles .particle {
     position: absolute;
     width: 8px;
     height: 8px;
     background: radial-gradient(circle, rgba(114, 102, 238, 0.7), transparent);
     border-radius: 50%;
     animation: particle-float 4s ease-in-out infinite;
     transition: transform 0.3s ease;
 }

 .glow-particles .particle:nth-child(odd) {
     animation-delay: 1s;
 }

 .glow-particles .particle:nth-child(even) {
     animation-delay: 2s;
 }

 .glow-particles:hover .particle {
     transform: translateY(-10px) scale(1.3);
 }

 /* Glass morphism effect */
 .backdrop-blur-sm {
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
 }

 /* Ripple effect */
 .ripple-unique {
     background: radial-gradient(circle, rgba(114, 102, 238, 0.4) 0%, transparent 70%);
     transform: scale(0);
     pointer-events: none;
 }

 .ripple-unique.active {
     animation: ripple 0.6s ease-out;
 }

 /* Sparkle effect for cards */
 .sparkle-card-unique {
     position: relative;
 }

 /* Rotate icon effect */
 .rotate-icon-unique:hover {
     transform: scale(1.2) rotate(10deg);
     box-shadow: 0 0 12px rgba(114, 102, 238, 0.6);
 }

 /* Glowing number effect */
 .glow-number {
     display: inline-block;
     animation: glow-pulse 2s ease-in-out infinite;
 }

 /* Tag cloud effect */
 .tag-cloud .tag {
     cursor: pointer;
 }

 /* Cursor trail styling */


 /* Responsive adjustments */
 @media (max-width: 640px) {

     .glow-particles .particle {
         width: 6px;
         height: 6px;
     }
 }

 /* ------------Section three--------- */



 /* ------------Section Four--------- */

 /* Animation keyframes */
 @keyframes bubble-float {
     0% {
         transform: translateY(0) scale(1);
         opacity: 0.4;
     }

     50% {
         transform: translateY(-15px) scale(1.3);
         opacity: 0.7;
     }

     100% {
         transform: translateY(0) scale(1);
         opacity: 0.4;
     }
 }

 @keyframes glow-pulse {
     0% {
         text-shadow: 0 0 5px rgba(114, 102, 238, 0.5);
     }

     50% {
         text-shadow: 0 0 15px rgba(114, 102, 238, 0.8);
     }

     100% {
         text-shadow: 0 0 5px rgba(114, 102, 238, 0.5);
     }
 }

 @keyframes vibrate {
     0% {
         transform: translate(0);
     }

     20% {
         transform: translate(-2px, 2px);
     }

     40% {
         transform: translate(-2px, -2px);
     }

     60% {
         transform: translate(2px, 2px);
     }

     80% {
         transform: translate(2px, -2px);
     }

     100% {
         transform: translate(0);
     }
 }


 /* Floating bubble effect */
 .bubble-field .glow-bubble {
     position: absolute;
     width: 12px;
     height: 12px;
     background: radial-gradient(circle, rgba(114, 102, 238, 0.7), transparent);
     border-radius: 50%;
     animation: bubble-float 5s ease-in-out infinite;
     transition: transform 0.3s ease;
 }

 .bubble-field .glow-bubble:nth-child(odd) {
     animation-delay: 1.5s;
 }

 .bubble-field .glow-bubble:nth-child(even) {
     animation-delay: 3s;
 }

 .bubble-field:hover .glow-bubble {
     transform: translateY(-10px) scale(1.4);
 }

 /* Glass morphism effect */
 .backdrop-blur-sm {
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
 }


 /* Bounce icon effect */
 .bounce-icon-team:hover {
     transform: scale(1.2) rotate(15deg);
     box-shadow: 0 0 12px rgba(114, 102, 238, 0.6);
 }

 /* Vibrate button effect */


 /* Card slider */
 .card-slider {
     position: relative;
     overflow: hidden;
 }

 .card-track {
     display: flex;
     transition: transform 0.5s ease-in-out;
 }

 /* Responsive adjustments */
 @media (max-width: 640px) {
     .glow-bubble {
         width: 8px;
         height: 8px;
     }

     .card-item {
         width: 100% !important;
     }
 }

 @media (min-width: 640px) and (max-width: 1024px) {
     .card-item {
         width: 50% !important;
     }
 }

 @media (min-width: 1024px) {
     .card-item {
         width: 33.33% !important;
     }
 }

 /* ------------Section Four--------- */


 /* ------------Section five--------- */

 /* Animation keyframes */
 @keyframes twinkle {
     0% {
         opacity: 0.4;
         transform: scale(0.8);
     }

     50% {
         opacity: 1;
         transform: scale(1.2);
     }

     100% {
         opacity: 0.4;
         transform: scale(0.8);
     }
 }

 @keyframes comet-trail {
     0% {
         transform: translate(100vw, -100vh);
         opacity: 0;
     }

     20% {
         opacity: 0.8;
     }

     80% {
         opacity: 0.8;
     }

     100% {
         transform: translate(-100vw, 100vh);
         opacity: 0;
     }
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(20px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes ripple {
     0% {
         transform: scale(0);
         opacity: 0.5;
     }

     100% {
         transform: scale(4);
         opacity: 0;
     }
 }

 .comet-trail {
     animation: comet-trail 10s linear infinite;
 }

 .animate-fadeIn {
     animation: fadeIn 1s ease-out forwards;
 }

 /* Glass morphism effect */
 .backdrop-blur-sm {
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
 }

 /* Ripple effect */
 .ripple {
     background: radial-gradient(circle, rgba(114, 102, 238, 0.4) 0%, transparent 70%);
     transform: scale(0);
     pointer-events: none;
 }

 .ripple.active {
     animation: ripple 0.6s ease-out;
 }

 /* Star styling */
 .star {
     position: absolute;
     background: linear-gradient(45deg, #7266EE, pink);
     border-radius: 50%;
     animation: twinkle 2s ease-in-out infinite;
 }


 /* ------------Section five--------- */


 /* ------------Section six--------- */

 /* Animation keyframes */
 @keyframes orb-pulse {
     0% {
         transform: scale(0.8);
         opacity: 0.3;
     }

     50% {
         transform: scale(1.3);
         opacity: 0.5;
     }

     100% {
         transform: scale(0.8);
         opacity: 0.3;
     }
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(20px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes orbit {
     0% {
         transform: scale(1) rotate(0deg);
     }

     50% {
         transform: scale(1.2) rotate(180deg);
     }

     100% {
         transform: scale(1) rotate(360deg);
     }
 }

 @keyframes ripple {
     0% {
         transform: scale(0);
         opacity: 0.4;
     }

     100% {
         transform: scale(4);
         opacity: 0;
     }
 }

 .orb {
     position: absolute;
     width: 12px;
     height: 12px;
     background: linear-gradient(45deg, rgba(114, 102, 238, 0.6), rgba(219, 39, 119, 0.6));
     border-radius: 50%;
     animation: orb-pulse 4s ease-in-out infinite;
     box-shadow: 0 0 10px rgba(114, 102, 238, 0.5);
 }

 .orb-line {
     position: absolute;
     background: linear-gradient(45deg, rgba(114, 102, 238, 0.2), rgba(219, 39, 119, 0.2));
     height: 1px;
     transform-origin: left;
 }

 .animate-fadeIn {
     animation: fadeIn 1s ease-out forwards;
 }

 /* Glass morphism effect */
 .backdrop-blur-sm {
     backdrop-filter: blur(6px);
     -webkit-backdrop-filter: blur(6px);
 }

 /* Ripple effect for button */
 .ripple {
     background: radial-gradient(circle, rgba(114, 102, 238, 0.3) 0%, transparent 70%);
     transform: scale(0);
     pointer-events: none;
 }

 .ripple.active {
     animation: ripple 0.6s ease-out;
 }


 /* Responsive adjustments */
 @media (max-width: 640px) {
     .orb {
         width: 8px !important;
         height: 8px !important;
     }
 }

 @media (min-width: 641px) and (max-width: 1024px) {
     .orb {
         width: 10px !important;
         height: 10px !important;
     }
 }

 /* ------------Section six--------- */



 /* ------------Section Seven--------- */

 /* Animation keyframes */
 @keyframes nebula-swirl {
     0% {
         transform: translate(-50%, -50%) rotate(0deg) scale(1);
         opacity: 0.3;
     }

     50% {
         transform: translate(-50%, -50%) rotate(180deg) scale(1.2);
         opacity: 0.5;
     }

     100% {
         transform: translate(-50%, -50%) rotate(360deg) scale(1);
         opacity: 0.3;
     }
 }

 @keyframes particle-burst {
     0% {
         transform: scale(0);
         opacity: 0.6;
     }

     100% {
         transform: scale(2);
         opacity: 0;
     }
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(20px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes ripple {
     0% {
         transform: scale(0);
         opacity: 0.5;
     }

     100% {
         transform: scale(4);
         opacity: 0;
     }
 }

 .nebula-cloud {
     position: absolute;
     background: linear-gradient(45deg, rgba(114, 102, 238, 0.3), rgba(219, 39, 119, 0.3));
     border-radius: 50%;
     animation: nebula-swirl 15s linear infinite;
 }

 .particle {
     position: absolute;
     background: linear-gradient(45deg, #7266EE, pink);
     border-radius: 50%;
 }

 .animate-fadeIn {
     animation: fadeIn 1s ease-out forwards;
 }

 /* Glass morphism effect */
 .backdrop-blur-sm {
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
 }

 /* Ripple effect */
 .ripple {
     background: radial-gradient(circle, rgba(114, 102, 238, 0.4) 0%, transparent 70%);
     transform: scale(0);
     pointer-events: none;
 }

 .ripple.active {
     animation: ripple 0.6s ease-out;
 }


 /* Responsive adjustments */
 @media (max-width: 640px) {
     .nebula-cloud {
         width: 200px !important;
         height: 200px !important;
     }

     .grid-cols-2 {
         grid-template-columns: 1fr;
     }
 }

 @media (min-width: 641px) and (max-width: 1024px) {
     .nebula-cloud {
         width: 300px !important;
         height: 300px !important;
     }
 }

 /* ------------Section Seven--------- */


 /* ------------Section Eight--------- */

 /* Animation keyframes */
 @keyframes holo-ripple {
     0% {
         transform: scale(0.8) rotate(0deg);
         opacity: 0.2;
     }

     50% {
         opacity: 0.4;
     }

     100% {
         transform: scale(1.5) rotate(180deg);
         opacity: 0;
     }
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(20px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes float {
     0% {
         transform: translateY(0px);
     }

     50% {
         transform: translateY(-10px);
     }

     100% {
         transform: translateY(0px);
     }
 }

 @keyframes ripple {
     0% {
         transform: scale(0);
         opacity: 0.5;
     }

     100% {
         transform: scale(4);
         opacity: 0;
     }
 }

 .holo-hex {
     position: absolute;
     width: 60px;
     height: 60px;
     background: linear-gradient(45deg, rgba(114, 102, 238, 0.3), rgba(219, 39, 119, 0.3));
     clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
     animation: holo-ripple 8s ease-in-out infinite;
 }

 .animate-fadeIn {
     animation: fadeIn 1s ease-out forwards;
 }

 /* Glass morphism effect */
 .backdrop-blur-sm {
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
 }

 /* Ripple effect for button */
 .ripple {
     background: radial-gradient(circle, rgba(114, 102, 238, 0.4) 0%, transparent 70%);
     transform: scale(0);
     pointer-events: none;
 }

 .ripple.active {
     animation: ripple 0.6s ease-out;
 }


 /* Responsive adjustments */
 @media (max-width: 640px) {
     .holo-hex {
         width: 40px !important;
         height: 40px !important;
     }
 }

 @media (min-width: 641px) and (max-width: 1024px) {
     .holo-hex {
         width: 50px !important;
         height: 50px !important;
     }
 }

 /* ------------Section Eight--------- */


 /* ------------Section nine--------- */

 /* Animation keyframes */
 @keyframes float {

     0%,
     100% {
         transform: translateY(0) rotate(0deg);
     }

     50% {
         transform: translateY(-20px) rotate(2deg);
     }
 }

 @keyframes float-reverse {

     0%,
     100% {
         transform: translateY(0) rotate(0deg);
     }

     50% {
         transform: translateY(15px) rotate(-2deg);
     }
 }

 @keyframes pulse {

     0%,
     100% {
         opacity: 0.6;
     }

     50% {
         opacity: 0.9;
     }
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(20px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes ripple {
     0% {
         transform: scale(0);
         opacity: 0.5;
     }

     100% {
         transform: scale(4);
         opacity: 0;
     }
 }

 @keyframes glowPulse {

     0%,
     100% {
         box-shadow: 0 0 10px rgba(114, 102, 238, 0.2);
     }

     50% {
         box-shadow: 0 0 20px rgba(114, 102, 238, 0.4);
     }
 }

 .animate-float {
     animation: float 8s ease-in-out infinite;
 }

 .animate-float-reverse {
     animation: float-reverse 10s ease-in-out infinite;
 }

 .animate-pulse {
     animation: pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }

 .animate-fadeIn {
     animation: fadeIn 1s ease-out forwards;
 }

 /* Glass morphism effect */
 .backdrop-blur-sm {
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
 }

 .backdrop-blur-lg {
     backdrop-filter: blur(16px);
     -webkit-backdrop-filter: blur(16px);
 }

 /* Feature card hover effect */
 .feature-chip {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .feature-chip:hover {
     transform: scale(1.05);
     box-shadow: 0 4px 15px rgba(114, 102, 238, 0.3);
 }

 /* Ripple effect */
 .ripple {
     background: radial-gradient(circle, rgba(114, 102, 238, 0.3) 0%, transparent 70%);
     transform: scale(0);
     pointer-events: none;
 }

 .ripple.active {
     animation: ripple 0.6s ease-out;
 }

 /* Parallax image effect */
 .parallax-image {
     transition: transform 0.3s ease-out;
 }

 /* ------------Section nine--------- */



 /* ------------Section ten--------- */

 /* Animation keyframes */
 @keyframes aurora-wave {
     0% {
         transform: translateX(-100%) skewX(-20deg);
         opacity: 0.2;
     }

     50% {
         opacity: 0.4;
     }

     100% {
         transform: translateX(100%) skewX(20deg);
         opacity: 0.2;
     }
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(20px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes pulsate {
     0% {
         transform: scale(1);
         opacity: 0.8;
     }

     50% {
         transform: scale(1.2);
         opacity: 1;
     }

     100% {
         transform: scale(1);
         opacity: 0.8;
     }
 }

 .aurora-wave {
     position: absolute;
     background: linear-gradient(90deg, rgba(114, 102, 238, 0.3), rgba(219, 39, 119, 0.3));
     height: 100px;
     width: 300%;
     animation: aurora-wave 12s linear infinite;
 }

 .animate-fadeIn {
     animation: fadeIn 1s ease-out forwards;
 }

 /* Glass morphism effect */
 .backdrop-blur-sm {
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
 }


 /* Responsive adjustments */
 @media (max-width: 640px) {
     .aurora-wave {
         height: 60px !important;
     }

     .grid-cols-2 {
         grid-template-columns: 1fr;
     }
 }

 @media (min-width: 641px) and (max-width: 1024px) {
     .aurora-wave {
         height: 80px !important;
     }
 }

 /* ------------Section ten--------- */




 /* ------------Section Eleven--------- */

 /* Animation keyframes for stars */
 @keyframes twinkle {
     0% {
         opacity: 0.4;
         transform: scale(0.8);
     }

     50% {
         opacity: 1;
         transform: scale(1.2);
     }

     100% {
         opacity: 0.4;
         transform: scale(0.8);
     }
 }

 @keyframes comet-trail {
     0% {
         transform: translate(100vw, -100vh);
         opacity: 0;
     }

     20% {
         opacity: 0.8;
     }

     80% {
         opacity: 0.8;
     }

     100% {
         transform: translate(-100vw, 100vh);
         opacity: 0;
     }
 }

 /* Star styling */
 .star {
     position: absolute;
     background: linear-gradient(45deg, #7266EE, pink);
     border-radius: 50%;
     animation: twinkle 2s ease-in-out infinite;
 }

 .comet-trail {
     animation: comet-trail 10s linear infinite;
 }

 /* FAQ specific styles */
 .Frequently-box {
     transition: all 0.3s ease;
 }

 .Frequently-box:hover {
     background-color: #2a2b4a;
 }

 /* Client logo hover effect */
 .client-logo {
     transition: transform 0.3s ease;
 }

 .client-logo:hover {
     transform: scale(1.1) rotate(2deg);
 }

 /* ------------Section Eleven--------- */


 /* ------------Section Tweleve--------- */

 /* Animation keyframes */
 @keyframes wave-pulse {
     0% {
         opacity: 0.3;
     }

     50% {
         opacity: 0.6;
     }

     100% {
         opacity: 0.3;
     }
 }

 @keyframes ripple {
     0% {
         transform: scale(0);
         opacity: 0.4;
     }

     100% {
         transform: scale(4);
         opacity: 0;
     }
 }



 @keyframes sparkle {
     0% {
         transform: scale(0);
         opacity: 0.8;
     }

     100% {
         transform: scale(1.5);
         opacity: 0;
     }
 }

 @keyframes rocket-trail {
     0% {
         transform: translateY(0);
         opacity: 0.5;
     }

     100% {
         transform: translateY(-50px);
         opacity: 0;
     }
 }

 /* Glass morphism effect */
 .backdrop-blur-sm {
     backdrop-filter: blur(6px);
     -webkit-backdrop-filter: blur(6px);
 }

 /* Ripple effect for button */
 .ripple {
     background: radial-gradient(circle, rgba(114, 102, 238, 0.3) 0%, transparent 70%);
     transform: scale(0);
     pointer-events: none;
 }

 .ripple.active {
     animation: ripple 0.6s ease-out;
 }

 /* Sparkle effect for links */
 .sparkle-link {
     position: relative;
 }

 .sparkle-link::after {
     content: '';
     position: absolute;
     width: 0;
     height: 2px;
     bottom: -2px;
     left: 0;
     background: linear-gradient(45deg, #7266EE, pink);
     transition: width 0.3s ease;
 }

 .sparkle-link:hover::after {
     width: 100%;
 }

 .sparkle-link .sparkle {
     position: absolute;
     width: 6px;
     height: 6px;
     background: linear-gradient(45deg, #7266EE, pink);
     border-radius: 50%;
     pointer-events: none;
     animation: sparkle 0.4s ease-out forwards;
 }

 /* Input glow effect */
 .input-glow:focus {
     box-shadow: 0 0 10px rgba(114, 102, 238, 0.6);
 }

 /* Rocket trail effect */
 .rocket-trail {
     background: linear-gradient(to bottom, rgba(114, 102, 238, 0.5), transparent);
     transform: translateY(0);
 }

 .rocket-trail.active {
     animation: rocket-trail 0.5s ease-out;
 }



 /* ------------Section tweleve--------- */



  /* pricing */


/* Toggle container */
.price-duration-toggler-container {
  position: relative;
  width: 190px; /* Spacious width */
  height: 52px; /* Fits padding and text */
  background: #2a2b4a; /* Original dark background */
  border-radius: 9999px; /* Rounded edges */
  overflow: hidden; /* Prevent slider from moving out */
  display: flex;
  align-items: center;
  padding: 8px; /* Spacious padding */
}

/* Gradient background */
.price-duration-toggler-container::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to right, #7c3aed, rgba(236, 72, 153, 0.8));
  opacity: 0;
  border-radius: 9999px;
  transition: opacity 0.3s ease; /* Smooth gradient fade */
}

/* Gradient when checked */
.price-duration-toggler:checked + .price-duration-toggler-container::before {
  opacity: 1;
}

/* Hidden checkbox */
.price-duration-toggler {
  display: none;
}

/* Toggle buttons (Monthly/Annually) */
.toggle-btn {
  width: 50%; /* Each takes half the container */
  text-align: center;
  font-size: 18px; /* Matches text-lg */
  font-weight: 600; /* Matches font-semibold */
  color: #fff; /* White text */
  z-index: 10; /* Above slider */
  transition: color 0.3s ease; /* Smooth color change */
  padding: 0 8px; /* Text spacing */
}

/* Text color changes */
.price-duration-toggler:checked + .price-duration-toggler-container .toggle-btn.monthly {
  color: #c7d2fe; /* Original indigo-200 when checked */
}

.price-duration-toggler:checked + .price-duration-toggler-container .toggle-btn.annually {
  color: #fff; /* Original white when checked */
}

.toggle-btn.monthly {
  color: #fff; /* Original white when unchecked */
}

.toggle-btn.annually {
  color: #c7d2fe; /* Original indigo-200 when unchecked */
}

/* Toggle slider */
.toggle-slider {
  position: absolute;
  width: 86px; /* Half container width minus padding */
  height: 36px; /* Fits within container height */
  background: rgba(255, 255, 255, 0.2); /* Original white/20 */
  border-radius: 9999px; /* Rounded slider */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Subtle shadow */
}

/* Price elements */
.price-toggle {
  display: inline-block;
}

.price-toggle.hidden {
  display: none;
}

/* Save badge */
.save-badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px; /* Spacious padding */
  border-radius: 9999px;
  font-size: 14px;
  font-weight: 600;
  color: #fff; /* Original white */
  background: rgba(79, 70, 229, 0.8); /* Original indigo-600/80 */
}

/* SVG icon */
.save-badge svg {
  width: 24px;
  height: 24px;
  color: #7266ee; /* Original color */
}

/* Container for toggle and badge */
.toggle-section {
  gap: 12px; /* Spacious gap */
}


 /* pricing */

 .gsap-cursor-nav {
     position: fixed;
     width: 8px;
     height: 8px;
     background: linear-gradient(45deg, #7266EE, pink);
     clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
     pointer-events: none;
     transform: translate(-50%, -50%);
     box-shadow: 0 0 10px rgba(114, 102, 238, 0.5);
     opacity: 0.8;
 }

 .gsap-cursor-team {
     position: fixed;
     width: 10px;
     height: 10px;
     background: linear-gradient(45deg, #7266EE, pink);
     clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
     pointer-events: none;
     transform: translate(-50%, -50%);
     box-shadow: 0 0 12px rgba(114, 102, 238, 0.7);
     opacity: 0.9;
 }

 .gsap-cursor {
     position: fixed;
     width: 8px;
     height: 8px;
     background: linear-gradient(45deg, #7266EE, pink);
     clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
     pointer-events: none;
     transform: translate(-50%, -50%);
     box-shadow: 0 0 10px rgba(114, 102, 238, 0.5);
     opacity: 0.8;
 }

 @media (max-width: 640px) {

     .gsap-cursor-nav,
     .gsap-cursor-team,
     .gsap-cursor {
         display: none;
     }
 }