/* A complete group followed by one identical visual-only group allows a
   seamless LEFT-TO-RIGHT loop: -50% -> 0. Each group owns its trailing gap. */
.tools-section{padding-top:40px;padding-bottom:64px}
.tools-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.tools-heading h2{font-size:1.85rem;margin:8px 0 0;letter-spacing:-.035em}
.tools-heading .eyebrow{margin:0}
.tools-controls{display:flex;align-items:center;gap:18px;flex-shrink:0}
.tools-controls button{font-size:.8rem;min-height:44px;color:var(--muted)}
.tools-controls button:hover{color:var(--accent)}
.tools-row-label{font:.7rem Consolas,monospace;letter-spacing:.08em;color:var(--muted);margin:24px 0 12px}
.tools-rail{overflow:hidden;max-width:100%;padding:6px 0;-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.tools-track{display:flex;width:max-content;animation:tools-move-right 68s linear infinite;will-change:transform}
.tools-rail:nth-of-type(2) .tools-track{animation-duration:88s}
.tools-group{display:flex;align-items:center;flex:none;gap:10px;margin:0;padding:0 10px 0 0;list-style:none}

/* Compact pill, no icon container/background — matches the site's minimal, single-color language */
.tool-chip{display:flex;align-items:center;gap:9px;flex:none;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.025);padding:10px 16px 10px 12px;min-height:auto;color:#c3ced4;white-space:nowrap;font-size:.82rem;transition:color .2s,border-color .2s,background .2s}
.tool-chip img{width:18px;height:18px;object-fit:contain;flex-shrink:0;background:none;border-radius:0;padding:0;opacity:.82;transition:opacity .2s}
.tool-chip:hover,.tool-chip.is-activated{color:#fff;border-color:rgba(98,230,214,.45);background:rgba(98,230,214,.06)}
.tool-chip:hover img,.tool-chip.is-activated img{opacity:1}

.tools-section:hover .tools-track,.tools-section:focus-within .tools-track,.tools-section.is-paused .tools-track,.tools-section.is-hidden .tools-track{animation-play-state:paused}
.tools-section.show-all .tools-track{animation:none;transform:none;width:100%;will-change:auto}
.tools-section.show-all .tools-group{flex-wrap:wrap;padding:0;width:100%;gap:10px}
.tools-section.show-all .tools-group[aria-hidden=true]{display:none}
.tools-section.show-all .tools-rail{overflow:visible;-webkit-mask-image:none;mask-image:none}
.tools-section.show-all .tool-chip{flex:0 0 auto}
.tools-help{font-size:.75rem;color:var(--muted);margin:18px 0 0}
@keyframes tools-move-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:600px){.tools-heading{align-items:flex-start;flex-direction:column;gap:8px}.tools-heading h2{font-size:1.65rem}.tools-controls{gap:24px}.tool-chip{padding:9px 14px 9px 11px;font-size:.78rem}.tool-chip img{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.tools-track{animation:none!important;transform:none;width:100%;will-change:auto}.tools-group{flex-wrap:wrap;width:100%;padding:0}.tools-group[aria-hidden=true]{display:none}.tools-rail{-webkit-mask-image:none;mask-image:none;overflow:visible}.tool-chip{flex:0 0 auto}}