.tech-strip{display:block;min-height:8vh;padding:0;background:var(--primary);overflow:hidden;color:#fff;font-size:18px;line-height:1.65}
.tech-track{display:flex;align-items:center;width:max-content;min-height:inherit;will-change:transform;animation:home-marquee-fallback 30s linear infinite}
.tech-strip ul{animation:none;flex:none;gap:0;padding:0;margin:0}
.tech-strip li{gap:0;padding-right:40px;position:relative}
.tech-strip li:before{display:none}
.tech-strip li:after{content:'';height:12px;width:12px;border-radius:50%;background:var(--accent);margin-left:40px}
.tech-track.marquee-ready{animation:home-marquee var(--marquee-duration,30s) linear infinite}
@keyframes home-marquee{to{transform:translateX(calc(-1 * var(--marquee-distance)))}}
/* Five equal server-rendered groups keep the strip moving before JS loads. */
@keyframes home-marquee-fallback{to{transform:translateX(-20%)}}
@media(max-width:767px){.tech-strip{min-height:64px;font-size:16px}}
@media(prefers-reduced-motion:reduce){
 .tech-track{animation:none!important;width:100%;justify-content:center;min-height:inherit}
 .tech-strip ul{flex-wrap:wrap;gap:14px;justify-content:center;padding:12px}
 .tech-strip ul[aria-hidden=true]{display:none}
 .tech-strip li{padding:0}.tech-strip li:after{display:none}
}