/* R40 - Homepage hero capability strip: single-tone dark glass with gold lower/right edge */
.r16-hero-strip {
    background: rgba(3, 15, 25, .78) !important;
    border: 0 !important;
    padding: 11px 0 !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.r16-hero-strip .r16-capability-strip {
    gap: 10px !important;
    height: auto !important;
    padding: 0 !important;
}

.r16-hero-strip .r16-capability-card {
    min-height: 58px;
    background: transparent !important;
    border: 0 !important;
    border-right: 1px solid rgba(219, 170, 78, .88) !important;
    border-bottom: 1px solid rgba(219, 170, 78, .88) !important;
    border-radius: 0 0 8px 0 !important;
    box-shadow:
        7px 7px 12px -10px rgba(233, 181, 82, .95),
        inset -7px -7px 12px -13px rgba(233, 181, 82, .92) !important;
}

.r16-hero-strip .r16-capability-card::before,
.r16-hero-strip .r16-capability-card::after {
    content: none !important;
}

.r16-hero-strip .r16-capability-card svg {
    stroke: #d7a447 !important;
    filter: drop-shadow(0 0 5px rgba(215, 164, 71, .16));
}

@media (hover:hover) {
    .r16-hero-strip .r16-capability-card:hover {
        background: rgba(10, 30, 44, .18) !important;
        border-right-color: rgba(235, 187, 94, 1) !important;
        border-bottom-color: rgba(235, 187, 94, 1) !important;
        box-shadow:
            8px 8px 15px -9px rgba(235, 187, 94, 1),
            inset -8px -8px 15px -13px rgba(235, 187, 94, 1) !important;
    }
}

@media (max-width: 1000px) {
    .r16-hero-strip .r16-capability-strip {
        gap: 8px !important;
    }
}

@media (max-width: 650px) {
    .r16-hero-strip {
        background: rgba(3, 15, 25, .84) !important;
        padding: 9px 0 !important;
    }
    .r16-hero-strip .r16-capability-strip {
        gap: 7px !important;
    }
    .r16-hero-strip .r16-capability-card {
        min-height: 50px;
    }
}