/* ==========================================================================
   Demo page — Request-a-Demo hero
   Blocks (dashboard image / stats / bullets / footnote) render only when the
   matching ACF fields are filled, so one template covers all 4 design variants.
   ========================================================================== */

.request-demo {
    background: #050a22;
}


/* ---- Grid Layout ---- */
@media (min-width: 768px) {
    .request-demo__grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 380px);
    }
}
@media (min-width: 992px) {
    .request-demo__grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 540px);
    }
}

/* ---- Left copy ---- */
.request-demo__eyebrow {
    color: #cdced3;
    letter-spacing: 0.08em;
}

.request-demo__subtext {
    color: #9b9da7;
}

/* ---- Stats (variants C / D) ---- */
.request-demo__stat-label {
    color: #cdced3;
}

/* ---- Bullets (variants A / D) ---- */
.request-demo__bullet::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(155, 71, 202, 0.18);
}

.request-demo__bullet::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 7px;
    width: 8px;
    height: 4px;
    border-left: 2px solid #9b47ca;
    border-bottom: 2px solid #9b47ca;
    transform: rotate(-45deg);
}

.request-demo__footnote {
    color: #cdced3;
}

/* ---- Form card ---- */
.request-demo__form-card {
    border-radius: 20px;
}

/* ---- Bullet Card ---- */
.request-demo__bullet-card {
    background: linear-gradient(rgba(10, 15, 38, 1), rgba(255, 255, 255, 0.04));
}

.logo-slider .logo-slider--overlay-left {
    background-image: linear-gradient(to right, #050a22 0%, rgba(2, 6, 25, 0) 100%)
}

.logo-slider .logo-slider--overlay-right {
    background-image: linear-gradient(to left, #050a22 0%, rgba(2, 6, 25, 0) 100%)
}