/* -- Button hover states -- */
.hero-btn-primary {
    transition: filter 0.2s ease, transform 0.15s ease;
}
.hero-btn-primary:hover,
.hero-btn-primary:focus {
    filter: brightness(1.12);
    transform: translateY(-1px);
}

.hero-btn-outline-secondary {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.hero-btn-outline-secondary:hover,
.hero-btn-outline-secondary:focus {
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
    border-color: var(--bs-secondary) !important;
    transform: translateY(-1px);
}

.hero-btn-outline-primary-light {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.hero-btn-outline-primary-light:hover,
.hero-btn-outline-primary-light:focus {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    border-color: var(--bs-primary) !important;
    transform: translateY(-1px);
}
.values-hub-glow {
    width: min(100%, 42rem);
    height: 16rem;
    filter: blur(3rem);
}

.values-hub-sq-10 {
    width: 2.5rem;
    height: 2.5rem;
}

.values-hub-sq-11 {
    width: 2.75rem;
    height: 2.75rem;
}

.values-hub-spotlight {
    min-height: 12rem;
}

.values-hub-spotlight__rings {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 22rem;
    height: 22rem;
    max-width: 90vw;
    max-height: 90vw;
    pointer-events: none;
}

.values-hub-ring {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--bs-primary, #0d6efd) 22%, transparent);
    pointer-events: none;
}

.values-hub-ring--a {
    width: 100%;
    height: 100%;
    opacity: 0.45;
}

.values-hub-ring--b {
    width: 72%;
    height: 72%;
    border-style: dashed;
    opacity: 0.35;
}

.values-hub-core-logo :is(img, svg) {
    max-height: 2.75rem;
    width: auto;
}

.values-hub-core-bs {
    min-height: 11rem;
    max-width: 13rem;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--bs-body-bg, #fff) 92%, var(--bs-primary, #0d6efd) 8%),
        var(--bs-body-bg, #fff)
    );
}

.values-hub-card-bs {
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}

.values-hub-card-bs:hover {
    transform: translateY(-0.25rem);
    box-shadow: var(--bs-box-shadow);
    border-color: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.35) !important;
}

/* subscribe v13 — slim row decor float/pulse & thank-you reveal (layout/animation only) */
@keyframes mailing-slim-row-ring-pulse {
    0%, 100% {
        transform: translateY(-50%) scale(1);
    }
    50% {
        transform: translateY(-50%) scale(1.08);
    }
}

@keyframes mailing-slim-row-orbit-float {
    0%, 100% {
        transform: translateY(-50%) translateX(0);
    }
    50% {
        transform: translateY(calc(-50% - 0.45rem)) translateX(-0.2rem);
    }
}

@keyframes mailing-slim-row-mail-bob {
    0%, 100% {
        transform: translateY(-50%) rotate(-4deg);
    }
    50% {
        transform: translateY(calc(-50% - 0.35rem)) rotate(4deg);
    }
}

@keyframes mailing-slim-row-dot-drift {
    0%, 100% {
        transform: translateY(0);
        opacity: 0.55;
    }
    50% {
        transform: translateY(-0.35rem);
        opacity: 1;
    }
}

@keyframes mailing-slim-row-dot-drift-centered {
    0%, 100% {
        transform: translateY(-50%);
        opacity: 0.55;
    }
    50% {
        transform: translateY(calc(-50% - 0.35rem));
        opacity: 1;
    }
}

@keyframes mailing-slim-row-thanks-in {
    from {
        opacity: 0;
        transform: translateX(0.75rem);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.mailing-slim-row__ring {
    animation: mailing-slim-row-ring-pulse 5s ease-in-out infinite;
}

.mailing-slim-row__orb {
    animation: mailing-slim-row-orbit-float 4.5s ease-in-out infinite;
    animation-delay: 0.4s;
}

.mailing-slim-row__mail {
    animation: mailing-slim-row-mail-bob 3.5s ease-in-out infinite;
}

.mailing-slim-row__dot--a {
    animation: mailing-slim-row-dot-drift-centered 3s ease-in-out infinite;
}

.mailing-slim-row__dot--b {
    animation: mailing-slim-row-dot-drift 3.6s ease-in-out infinite;
    animation-delay: 0.8s;
}

.mailing-slim-row__dot--c {
    animation: mailing-slim-row-dot-drift 2.8s ease-in-out infinite;
    animation-delay: 1.5s;
}

.mailing-slim-row__thanks-in {
    animation: mailing-slim-row-thanks-in 0.45s ease-out both;
}

@media (prefers-reduced-motion: reduce) {
    .mailing-slim-row__ring,
    .mailing-slim-row__orb,
    .mailing-slim-row__mail,
    .mailing-slim-row__dot--a,
    .mailing-slim-row__dot--b,
    .mailing-slim-row__dot--c,
    .mailing-slim-row__thanks-in {
        animation: none;
    }
}