.premium-expertise-card {
        position: relative;
        background: linear-gradient(135deg, #ffffff 0%, rgba(248, 250, 252, 0.8) 50%, rgba(236, 254, 255, 0.3) 100%);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border-radius: 24px;
        overflow: hidden;
        border: 1px solid rgba(226, 232, 240, 0.9);
        box-shadow: 0 4px 30px rgba(15, 23, 42, 0.015);
        transition: all 600ms cubic-bezier(0.16, 1, 0.3, 1);
    }

    .card-content-surface {
        position: relative;
        z-index: 10;
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 240px;
        padding: 2.5rem;
    }

    /* Interactive Soft Button */
    .premium-read-more-btn {
        display: inline-flex;
        align-items: center;
        font-size: 14px;
        font-weight: 600;
        color: #64748b;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
        transition: color 300ms ease;
    }
    .premium-read-more-btn span {
        margin-right: 8px;
    }
    .premium-read-more-btn .arrow-icon {
        transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1);
    }

    /* Mouse-Tracking Ice Blue Glow Mask */
    .card-border-glow {
        position: absolute;
        inset: 0;
        background: radial-gradient(320px circle at var(--mouse-x, 0px) var(--mouse-y, 0px), rgba(20, 184, 166, 0.07), transparent 65%);
        opacity: 0;
        transition: opacity 500ms ease;
        z-index: 1;
        pointer-events: none;
    }

    /* Premium Micro-Interactions on Hover */
    .premium-expertise-card:hover {
        transform: translateY(-6px);
        border-color: rgba(20, 184, 166, 0.3);
        background: #ffffff;
        box-shadow: 0 30px 60px -15px rgba(13, 148, 136, 0.07);
    }

    .premium-expertise-card:hover .premium-read-more-btn {
        color: #0d9488;
    }

    .premium-expertise-card:hover .premium-read-more-btn .arrow-icon {
        transform: translate(6px);
    }

    /* Scrollbar Utilities */
    .scrollbar-none::-webkit-scrollbar { display: none; }
    .scrollbar-none { -ms-overflow-style: none; scrollbar-width: none; }
 

         .scrollbar-none::-webkit-scrollbar { display: none; }
        .scrollbar-none { -ms-overflow-style: none; scrollbar-width: none; }
        @media (max-width: 767px) {
            #bentoSlider::after { content: ''; shrink: 0; width: 1.5rem; }
        }