
    .hero-title {
        font-size: 54px !important;
    }

    .hero-demo {
        position: relative;
        background: url("/frontend/assets/img/Untitled design - 2025-09-27T021841.284 1.png") center / cover no-repeat;
        overflow: hidden;
    }

    /* Blur + overlay */
    .hero-demo::before {
        content: "";
        position: absolute;
        inset: 0;
        background: inherit;
        filter: blur(8px);
        transform: scale(1.1);
        background-color: rgba(0, 0, 0, 0.45);
        z-index: 1;
    }

    /* Content on top */
    .hero-demo .container {
        position: relative;
        z-index: 2;
    }

    /* Keep all cards same size */
    .feature-card {
        width: 100%;
        max-width: 400px;
        /* same width */
        min-height: auto;
        /* same height */
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    /* Center cards inside columns */
    .feature-col {
        display: flex;
        justify-content: center;
    }

    /* Carousel controls spacing */
    #featuresCarouselDesktop .carousel-control-prev {
        left: -80px;
    }

    #featuresCarouselDesktop .carousel-control-next {
        right: -80px;
    }

    /* Mobile feature card fix */
    @media (max-width: 991px) {
        #featuresCarouselMobile .carousel-item {
            padding: 0 12px;
        }

        #featuresCarouselMobile .feature-card {
            min-height: 360px;
            /* 👈 all cards same height */
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        #featuresCarouselMobile .btn-feature {
            margin-top: auto;
        }

        /* Center arrows vertically */
        #featuresCarouselMobile .carousel-control-prev,
        #featuresCarouselMobile .carousel-control-next {
            top: 50%;
            transform: translateY(-50%);
        }

        /* Dots spacing */
        #featuresCarouselMobile .carousel-indicators {
            position: relative;
            margin-top: 16px;
        }
    }
