/* Characterz software marks and shared customer-logo component, adapted to Handz. */
.hero-facts{font-size:1rem;line-height:1.6;color:var(--muted);margin:var(--td-space-20) auto var(--td-space-10);text-wrap:balance}
.hero>.tools{margin:0 auto;max-width:760px}
.tools>div{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--td-space-20)}
.tool-tip{position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:var(--td-space-10);border:0;background:transparent}
.tool-tip img{width:28px;height:28px;object-fit:contain}
.tool-tip .tooltip{bottom:calc(100% + 10px)}
.customer-studies.verified-wordmarks{max-width:1200px;margin:0 auto;padding:var(--td-space-30) var(--td-space-20);border-bottom:1px solid var(--line);text-align:center}
.customer-studies>p{font-size:1rem;line-height:1.6;color:var(--muted);margin:0 0 var(--td-space-20)}
.customer-logo-window{max-width:1000px;margin:auto;overflow:hidden}
.customer-logo-track{display:flex;width:max-content;animation:handz-customer-scroll 36s linear infinite}
.customer-logo-set{display:flex;flex:none;align-items:center;gap:var(--td-space-40);padding-right:var(--td-space-40)}
.customer-mark{display:flex;align-items:center;justify-content:center;flex:none;height:44px}
.customer-mark img{width:auto;height:28px;max-width:130px;object-fit:contain}
.mark-apple img{height:34px;transform:translateY(-3px)}
.mark-orange img{height:37px}.mark-figma img{height:32px}.mark-adobe img{height:31px}.mark-lyft img{height:25px}
.customer-logo-set.logo-duplicate{display:flex}
.customer-studies:is(:hover,:focus-within) .customer-logo-track,.customer-studies[data-paused] .customer-logo-track{animation-play-state:paused}
.logo-motion-toggle{display:block;margin:var(--td-space-10) auto 0;padding:var(--td-space-10);min-height:44px;border:0;background:transparent;font-size:1rem;line-height:1.5;text-decoration:underline;text-underline-offset:4px;color:var(--muted)}
@keyframes handz-customer-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){
 .customer-logo-track{animation:none;width:100%}
 .customer-logo-set{flex-wrap:wrap;justify-content:center;padding-right:0}
 .customer-logo-set.logo-duplicate,.logo-motion-toggle{display:none}
}
@media(max-width:760px){
 .tools>div{gap:var(--td-space-10)}
 .tool-tip .tooltip{position:fixed;left:20px;right:20px;bottom:20px;top:auto;transform:none;width:auto;max-width:none}
 .customer-logo-set{gap:var(--td-space-30);padding-right:var(--td-space-30)}
 .customer-mark img{max-width:110px}
}