.afterfuture-social-proof-group {
    background: #011f3d;
    color: #eaf6fb;
}

.afterfuture-social-proof {
    position: relative;
    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
    background: linear-gradient(90deg, rgba(0,50,100,.42) 0%, rgba(0,50,100,.16) 45%, rgba(30,90,150,.06) 100%), rgba(255,255,255,.03);
}

.afterfuture-social-proof__grid {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(30,237,242,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(30,237,242,.09) 1px, transparent 1px);
    background-size: clamp(38px, 4vw, 52px) clamp(38px, 4vw, 52px);
    -webkit-mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.7) 35%, rgba(0,0,0,.2) 55%, transparent 72%);
    mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.7) 35%, rgba(0,0,0,.2) 55%, transparent 72%);
    pointer-events: none;
}

.afterfuture-social-proof__inner {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    padding: clamp(28px, 4vh, 44px) clamp(24px, 4vw, 64px);
    display: grid;
    grid-template-columns: repeat(3, 1fr) auto;
    gap: 28px;
    align-items: center;
}

.afterfuture-social-proof__item:last-child {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: clamp(20px, 2.5vw, 36px);
    border-left: 1px solid rgba(255,255,255,.14);
}

.afterfuture-social-proof__value {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: clamp(26px, 2.4vw, 34px);
    color: #1EEDF2;
}

.afterfuture-social-proof__item:nth-child(2) .afterfuture-social-proof__value { color: #c88ce6; }
.afterfuture-social-proof__item:nth-child(3) .afterfuture-social-proof__value { color: #ff85ac; }

.afterfuture-social-proof__desc {
    margin-top: 6px;
    color: rgba(234,246,251,.65);
    font-size: 13.5px;
    line-height: 1.5;
}

.afterfuture-social-proof__desc p {
    margin: 0;
}

@media (max-width: 920px) {
    .afterfuture-social-proof__inner { grid-template-columns: 1fr 1fr; text-align: center; }
    .afterfuture-social-proof__item:last-child { border-left: 0; padding-left: 0; align-items: center; }
}

@media (max-width: 560px) {
    .afterfuture-social-proof__inner { grid-template-columns: 1fr; }
}
