/* The moving technology signature: genuine brand marks, not text pill badges. */
.stack-strip.is-logo-showcase {
    padding: 22px 0 32px;
    background:
        radial-gradient(ellipse at 20% 100%, rgba(18,99,108,.12), transparent 52%),
        radial-gradient(ellipse at 85% 0%, rgba(56,62,132,.12), transparent 55%),
        rgba(6,15,26,.65);
    border-block-color: rgba(139,184,207,.16);
}
.is-logo-showcase .stack-strip-label {
    position: absolute; width: 1px; height: 1px; overflow: hidden;
    clip: rect(0,0,0,0); clip-path: inset(50%); white-space: nowrap;
}
.is-logo-showcase .stack-marquee {
    padding: 8px 0; mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.is-logo-showcase .stack-track { animation-duration: 40s; }
.is-logo-showcase .stack-track .stack-strip-row { gap: 22px; padding-right: 22px; align-items: center; }
.is-logo-showcase .stack-track .stack-logo-card {
    position: relative; isolation: isolate; flex: 0 0 112px;
    width: 112px; height: 100px; padding: 0; display: flex;
    align-items: center; justify-content: center;
    border: 0; border-radius: 0; background: none; box-shadow: none;
    transform: none; perspective: 600px;
}
.is-logo-showcase .stack-logo-card::before {
    content: ''; position: absolute; z-index: -1; inset: 5px;
    background: radial-gradient(circle, var(--brand-color), transparent 65%);
    opacity: .085; filter: blur(9px); transition: opacity .3s ease;
}
.is-logo-showcase .stack-logo-card::after {
    content: ''; position: absolute; bottom: 6px; left: 39px; width: 34px; height: 1px;
    background: var(--brand-color); opacity: .18; transition: width .3s, left .3s, opacity .3s;
}
.is-logo-showcase .stack-logo-card img {
    display: block; width: 48px; height: 48px; max-width: none;
    object-fit: contain; opacity: .88;
    filter: drop-shadow(0 7px 12px rgba(0,0,0,.36));
    transition: opacity .3s ease, transform .3s ease;
}
.is-logo-showcase .stack-logo-card:hover { color: inherit; border: 0; background: none; }
.is-logo-showcase .stack-logo-card:hover::before { opacity: .2; }
.is-logo-showcase .stack-logo-card:hover::after { opacity: 0; }
.is-logo-showcase .stack-logo-card:hover img { opacity: 1; transform: translateY(-7px) rotateY(-8deg) scale(1.08); }
@media (max-width: 640px) {
    .stack-strip.is-logo-showcase { padding: 14px 0 23px; }
    .is-logo-showcase .stack-track .stack-strip-row { gap: 12px; padding-right: 12px; }
    .is-logo-showcase .stack-track .stack-logo-card { width: 90px; height: 90px; flex-basis: 90px; }
    .is-logo-showcase .stack-logo-card img { width: 42px; height: 42px; }
    .is-logo-showcase .stack-logo-card::after { left: 30px; width: 30px; }
}
@media (prefers-reduced-motion: reduce) {
    .is-logo-showcase .stack-track { animation: none; width: auto; }
    .is-logo-showcase .stack-track .stack-strip-row { flex-wrap: wrap; justify-content: center; gap: 12px; padding: 0; }
    .is-logo-showcase .stack-track .stack-strip-row[aria-hidden="true"] { display: none; }
    .is-logo-showcase .stack-marquee { mask-image: none; }
    .is-logo-showcase .stack-logo-card:hover img { transform: none; }
}