.controller-band{margin-top:clamp(48px,6vw,88px);min-width:0;color:inherit}
.controller-band-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.controller-band-heading .eyebrow{margin:0 0 12px}
.controller-band h3{margin:0;font-size:clamp(23px,2.2vw,32px);line-height:1.2;letter-spacing:-.025em}
.controller-pause{flex-shrink:0;border:1px solid #9cc9f03b;background:transparent;color:#b7cfea;font:inherit;font-size:12px;padding:10px 14px;border-radius:6px;cursor:pointer}
.controller-pause:hover{background:#93c5fd0d;color:#fff}
.controller-band a:focus-visible,.controller-pause:focus-visible{outline:2px solid #93c5fd;outline-offset:5px}
.controller-rail{width:100%;overflow:hidden;padding:25px 0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.controller-track{display:flex;width:max-content;animation:controller-drift 96s linear infinite}
.controller-group{display:flex;align-items:center;flex-shrink:0;list-style:none;margin:0;padding:0}
.controller-group li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:180px;padding:0 28px;box-sizing:border-box}
.controller-brand{font-size:clamp(19px,2vw,25px);font-weight:600;letter-spacing:.025em;color:#edf4ff;white-space:nowrap}
.controller-protocol{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.1em;color:#9bbbdc;white-space:nowrap}
.controller-note{margin:22px 0 0;font-size:13px;line-height:1.8;color:#a7bcd6}
.controller-note a{color:#b7d9fa;text-underline-offset:4px;margin-inline-start:8px}
.controller-band:hover .controller-track,.controller-band:focus-within .controller-track,.controller-band[data-paused] .controller-track{animation-play-state:paused}
@keyframes controller-drift{to{transform:translateX(-50%)}}
@media(max-width:640px){.controller-band-heading{align-items:flex-start;flex-direction:column;gap:18px}.controller-group li{min-width:160px;padding-inline:22px}.controller-note a{display:block;margin-inline-start:0}}
@media(prefers-reduced-motion:reduce){.controller-track{animation:none;width:100%}.controller-group{width:100%;flex-wrap:wrap;gap:26px 0}.controller-group li{width:50%;min-width:0;padding:0 8px}.controller-copy,.controller-pause{display:none!important}.controller-rail{mask-image:none;-webkit-mask-image:none}}
