.tool-slider{--ts-gap:24px;--ts-card-w:380px;position:relative;width:100%}.tool-slider__viewport{position:relative;overflow:hidden;width:100%;padding:1.5rem 0 2rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);touch-action:pan-y;cursor:grab;contain:layout style;-webkit-user-select:none;user-select:none}.tool-slider__viewport:active{cursor:grabbing}.tool-slider__track{display:flex;gap:var(--ts-gap);width:max-content;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.tool-slider__card-wrap{--mx:0px;--my:0px;--mouse-x:50%;--mouse-y:40%;flex:0 0 var(--ts-card-w);width:var(--ts-card-w);transform:translate3d(var(--mx),var(--my),0);backface-visibility:hidden;contain:layout paint}.ts-card{position:relative;height:300px;border-radius:1.15rem;outline:none;transform:translateZ(0) scale(1);transition:transform .35s cubic-bezier(.16,1,.3,1);backface-visibility:hidden;will-change:transform}.ts-card.is-active{transform:translateZ(0) scale(1.04);z-index:2}@media (hover:hover) and (pointer:fine){.tool-slider__card-wrap:hover{z-index:30}.tool-slider__card-wrap:hover .ts-card{transform:translate3d(0,-8px,0) scale(1.03) rotateX(2deg) rotateY(-2deg)}.tool-slider__card-wrap:hover .ts-card.is-active{transform:translate3d(0,-8px,0) scale(1.05) rotateX(2deg) rotateY(-2deg)}}.ts-card__glass{position:relative;z-index:2;display:flex;height:100%;flex-direction:column;overflow:hidden;border-radius:inherit;border:1px solid rgba(255,255,255,.08);background:rgba(10,10,20,.72);box-shadow:0 8px 24px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:box-shadow .35s ease,border-color .35s ease}.tool-slider__card-wrap:hover .ts-card__glass,.ts-card.is-active .ts-card__glass{box-shadow:0 12px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);border-color:rgba(255,184,0,.22)}.ts-card__border{pointer-events:none;position:absolute;inset:0;z-index:1;border-radius:inherit;padding:1px;opacity:.25;background:linear-gradient(135deg,rgba(255,215,0,.55),rgba(124,58,237,.35),rgba(0,229,255,.4));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .35s ease;transform:translateZ(0)}.tool-slider__card-wrap:hover .ts-card__border,.ts-card.is-active .ts-card__border{opacity:.7}.ts-card__glow{pointer-events:none;position:absolute;z-index:0;left:var(--mouse-x);top:var(--mouse-y);width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ts-glow) 50%,transparent) 0,transparent 70%);filter:blur(40px);opacity:0;transform:translate3d(-50%,-50%,0);will-change:transform,opacity;transition:opacity .35s ease;backface-visibility:hidden}.tool-slider__card-wrap:hover .ts-card__glow{opacity:.22}.ts-card.is-active .ts-card__glow{opacity:.12}.ts-card__shine{pointer-events:none;position:absolute;inset:0;z-index:3;overflow:hidden;border-radius:inherit}.ts-card__shine:before{content:"";position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-16deg) translateZ(0);opacity:0}.tool-slider__card-wrap:hover .ts-card__shine:before{animation:ts-shine-hover .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes ts-shine-hover{0%{left:-70%;opacity:1}to{left:130%;opacity:0}}.ts-card__depth-bg{pointer-events:none;position:absolute;inset:0;z-index:0;border-radius:inherit;background:radial-gradient(ellipse 70% 50% at 15% 0,color-mix(in srgb,var(--ts-glow) 10%,transparent),transparent 65%);transform:translateZ(0)}.ts-card__reveal{opacity:0;transform:translate3d(0,10px,0);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);transition-delay:var(--ts-stagger,0s);pointer-events:none}.tool-slider__card-wrap:hover .ts-card__reveal,.ts-card:focus-within .ts-card__reveal{opacity:1;transform:translateZ(0);pointer-events:auto}.ts-card:focus-visible .ts-card__glass,.ts-card:focus-within .ts-card__glass{outline:2px solid #ffb800;outline-offset:3px}.tool-slider__dot{height:6px;width:6px;border-radius:999px;background:rgba(255,255,255,.2);transition:width .25s ease,background .25s ease}.tool-slider__dot.is-on{width:20px;background:#ffb800}@media (max-width:1024px){.tool-slider{--ts-card-w:320px;--ts-gap:20px}}@media (max-width:767px){.tool-slider{--ts-card-w:280px;--ts-gap:16px}.ts-card{height:280px}.ts-card__glass{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(10,10,20,.85)}.ts-card__border,.ts-card__glow,.ts-card__shine{display:none!important}.tool-slider__card-wrap{transform:translateZ(0)}.ts-card__reveal{opacity:1;transform:none;pointer-events:auto}.ts-card.is-active{transform:translateZ(0) scale(1.02)}}@media (prefers-reduced-motion:reduce){.tool-slider__card-wrap:hover .ts-card__shine:before,.ts-card__shine:before{animation:none!important}.tool-slider__card-wrap:hover .ts-card,.tool-slider__card-wrap:hover .ts-card.is-active,.ts-card,.ts-card.is-active{transform:none!important;transition:none!important}.ts-card__reveal{opacity:1;transform:none;transition:none;pointer-events:auto}.tool-slider__viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:default}.tool-slider__track{transform:none!important;will-change:auto}.tool-slider__card-wrap{scroll-snap-align:center;transform:none!important}.ts-card__glow{display:none}}