/* soft background blob */
.hardwareBg {
    position: absolute;
    right: -120px;
    top: 50%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(59, 130, 246, .15), transparent 70%);
    transform: translateY(-50%);
    filter: blur(40px);
}

/* image card */
.hardwareCard {
    /* background: white; */
    padding: 40px;
    border-radius: 24px;
    /* box-shadow: 0 30px 70px rgba(0, 0, 0, .08); */
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform .4s ease, box-shadow .4s ease;
}

.hardwareCard img {
    max-width: 380px;
    width: 100%;
    object-fit: contain;
}

/* hover lift */
.hardwareCard:hover {
    transform: translateY(-10px);
    box-shadow: 0 50px 120px rgba(0, 0, 0, .12);
}

/* button */
.hardwareBtn {
    background: #2563eb;
    color: white;
    padding: 14px 34px;
    border-radius: 14px;
    font-weight: 600;
    transition: all .3s ease;
}

.hardwareBtn:hover {
    background: #1d4ed8;
    transform: translateY(-2px);
    box-shadow: 0 15px 40px rgba(37, 99, 235, .35);
}