/* Reviews */
.reviews {
    max-width: 1100px;
    margin: 28px auto 80px;
    padding: 0 16px;
}

.reviews .cards {
    display: flex;
    flex-direction: column;
}

.reviews .cards .card {
    background: rgba(255, 255, 255, 0.78);
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 10px 26px rgba(14, 19, 64, .10);
    margin-bottom: 20px;
}

.reviews .cards .card p {
    text-align: center;
}

.reviews h2 {
    text-align: center;
    font-size: clamp(22px, 4vw, 36px);
    margin: 8px 0 14px;
}


.quote {
    margin: 0 0 12px;
    font-size: 18px;
}

.stars {
    margin: 0;
    color: #0e1340;
    letter-spacing: 3px;
    font-weight: 900;
}

/* Filler anchors (so nav links have targets if used) */
.anchor {
    height: 1px;
}

@media (min-width: 768px) {
    .reviews .cards {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 20px;
    }

    .reviews .cards .card {
        width: 30%;
    }
}

/* Responsive tweaks */
@media (max-width: 540px) {
    .btn.cta {
        width: 92%;
    }
}