/* Modern Glassmorphism */
 .glass-panel {
     background: rgba(255, 255, 255, 0.7);
     backdrop-filter: blur(20px);
     -webkit-backdrop-filter: blur(20px);
     border: 1px solid rgba(255, 255, 255, 0.8);
     box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
 }

 .glass-dark {
     background: rgba(15, 23, 42, 0.6);
     backdrop-filter: blur(16px);
     -webkit-backdrop-filter: blur(16px);
     border: 1px solid rgba(255, 255, 255, 0.1);
 }

 /* Interactive Elements */
 .feature-card-active {
     background: white;
     border-color: #38bdf8;
     /* sky-400 */
     box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
     transform: scale(1.02);
 }

 /* Custom Range Slider for Pricing */
 input[type=range] {
     -webkit-appearance: none;
     width: 100%;
     background: transparent;
 }

 input[type=range]::-webkit-slider-thumb {
     -webkit-appearance: none;
     height: 28px;
     width: 28px;
     border-radius: 50%;
     background: #0284c7;
     border: 4px solid #fff;
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
     cursor: pointer;
     margin-top: -12px;
     transition: transform 0.1s;
 }

 input[type=range]::-webkit-slider-thumb:hover {
     transform: scale(1.1);
 }

 input[type=range]::-webkit-slider-runnable-track {
     width: 100%;
     height: 6px;
     cursor: pointer;
     background: #e2e8f0;
     border-radius: 999px;
 }

 /* Scroll Animations */
 .reveal {
     opacity: 0;
     transform: translateY(30px);
     transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
 }

 .reveal.active {
     opacity: 1;
     transform: translateY(0);
 }

 /* Bento Grid Specifics */
 .bento-card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .bento-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 20px 40px -5px rgba(0, 0, 0, 0.1);
 }

 /* Module Card Hover */
 .module-card {
     transition: all 0.3s ease;
 }

 .module-card:hover {
     transform: translateY(-5px);
     border-color: #7dd3fc;
     /* sky-300 */
     background: #f0f9ff;
     /* sky-50 */
 }

 .module-card:hover .module-icon {
     background-color: #0284c7;
     /* sky-600 */
     color: white;
     transform: scale(1.1);
 }

 /* Checkmark Animation */
 .check-animate {
     transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     transform: scale(1);
 }

 tr:hover .check-animate {
     transform: scale(1.4);
     filter: drop-shadow(0 4px 6px rgba(34, 197, 94, 0.4));
 }

 /* Infinite Scroll Animation */
 @keyframes scroll {
     0% {
         transform: translateX(0);
     }

     100% {
         transform: translateX(-50%);
     }
 }

 .animate-scroll {
     animation: scroll 40s linear infinite;
     width: max-content;
 }

 .animate-scroll:hover {
     animation-play-state: paused;
 }