.intro-gradient-card__area {
    max-width: 48rem;
}



.ranked-row-agenda__record--rise:hover { transform: scale(1.05); transition: transform .2s ease; }

/* Layout / motion only — colors stay in Blade utilities (CLAUDE.md) */

.perks-fourcol-glow__blob--a {
    position: absolute;
    width: 8rem;
    height: 8rem;
    top: 5rem;
    left: 2.5rem;
    filter: blur(64px);
}

.perks-fourcol-glow__blob--b {
    position: absolute;
    width: 10rem;
    height: 10rem;
    bottom: 5rem;
    right: 2.5rem;
    filter: blur(64px);
}

.perks-fourcol-glow__badge {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    width: 2rem;
    height: 2rem;
}

.perks-fourcol-glow__thumb {
    width: 5rem;
    height: 5rem;
}

.perks-fourcol-glow__card,
.perks-fourcol-glow__thumb {
    transition: transform 0.3s ease;
}

.perks-fourcol-glow__overlay {
    transition: opacity 0.5s ease;
}

.perks-fourcol-glow__accent {
    transition: opacity 0.5s ease;
}

@media (min-width: 640px) {
    .perks-fourcol-glow__group:hover .perks-fourcol-glow__card {
        transform: scale(1.05);
    }

    .perks-fourcol-glow__group:hover .perks-fourcol-glow__thumb {
        transform: scale(1.1);
    }
}

.perks-fourcol-glow__group:hover .perks-fourcol-glow__overlay {
    opacity: 1;
}

.perks-fourcol-glow__group:hover .perks-fourcol-glow__accent {
    opacity: 1;
}

.triplet-plain-quote__track {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    row-gap: 1.5rem;
}

@media (min-width: 768px) {
    .triplet-plain-quote__track {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 1.5rem;
        row-gap: 1.75rem;
    }
}

.triplet-plain-quote__col {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

@media (min-width: 768px) {
    .triplet-plain-quote__col {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}


.motion-beacon__section {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.motion-beacon__inner {
    max-width: 64rem;
}

.motion-beacon__plaque--shift:hover { transform: scale(1.05); transition: transform .2s ease; }

@keyframes motion-beacon-pin-blink-loop {
    0%, 100% { opacity: 1; }
    50%       { opacity: .5; }
}
.motion-beacon__pin--blink {
    animation: motion-beacon-pin-blink-loop 2s cubic-bezier(.4,0,.6,1) infinite;
}

.motion-beacon__appeal--shift:hover { transform: scale(1.05); transition: transform .2s ease; }

.motion-beacon__action--shift:hover { transform: scale(1.05); transition: transform .2s ease; }

.motion-beacon__tile--shift:hover { transform: scale(1.05); transition: transform .2s ease; }

.motion-beacon__radial-row-bs {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
}

.motion-beacon__radial-row-bs > .motion-beacon__plaque--shift {
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .motion-beacon__radial-row-bs > .motion-beacon__plaque--shift {
        flex: 1 1 calc((100% - (var(--motion-beacon-radial-cols, 3) - 1) * 1.5rem) / var(--motion-beacon-radial-cols, 3));
        max-width: calc((100% - (var(--motion-beacon-radial-cols, 3) - 1) * 1.5rem) / var(--motion-beacon-radial-cols, 3));
    }
}