.services__tile--lift {
  transition: transform 0.3s ease;
}

.services__tile--lift:hover {
  transform: scale(1.05);
}

.services__cta--lift {
  transition: transform 0.3s ease;
}

.services__cta--lift:hover {
  transform: scale(1.05);
}

.services__marker--offset {
  top: 0.5rem;
  inset-inline-end: 0.5rem;
}

.services__marker--reveal {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.services__tile:hover .services__marker--reveal {
  opacity: 1;
}

/* v28 - scattered rotation per card (per-index transform has no TW/BS utility) */
[data-scatter-card] {
    transition: transform 200ms ease;
}

[data-scatter-card="0"] {
    transform: rotate(-3deg);
}

[data-scatter-card="1"] {
    transform: rotate(2deg) translateY(-0.5rem);
}

[data-scatter-card="2"] {
    transform: rotate(-1.5deg);
}

[data-scatter-card]:hover {
    transform: rotate(0deg) translateY(0);
}

/* whyus v22 — brush-stroke blob decor (irregular border-radius trick; no TW/BS utility produces this shape) */
.whyus-groove-thread__blob {
    z-index: 0;
    pointer-events: none;
    border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;
}

.whyus-groove-thread__blob--a {
    top: -2rem;
    left: -3rem;
    transform: rotate(-8deg);
}

.whyus-groove-thread__blob--b {
    top: 40%;
    right: -2.5rem;
    transform: rotate(12deg);
}

.whyus-groove-thread__blob--c {
    bottom: -2.5rem;
    left: 18%;
    transform: rotate(20deg);
}

/* benefit cards — equal height feel in the 2-col grid */
.whyus-groove-thread__card {
    min-height: 100%;
}

/* staggered scroll reveal — JS adds is-visible after a per-item delay from a fixed sequence (STAGGER_DELAYS) */
.whyus-groove-thread__reveal {
    opacity: 0;
    transform: translateY(1rem);
    transition: opacity 500ms ease, transform 500ms ease;
}

.whyus-groove-thread__reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.quad-reviews-quote__track {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    row-gap: 2rem;
}

@media (min-width: 768px) {
    .quad-reviews-quote__track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 2.25rem;
    }
}

@media (min-width: 1024px) {
    .quad-reviews-quote__track {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        row-gap: 2.5rem;
    }
}

.quad-reviews-quote__col {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

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

.quad-reviews-quote__surface {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 0;
    flex: 1 1 auto;
}

@media (min-width: 768px) {
    .quad-reviews-quote__surface {
        gap: 1.25rem;
    }
}