.tools-gallery>a.tool-card{background:#fff;border-radius:14px;flex-direction:column;padding:0;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.tool-card .tool-card-art{aspect-ratio:3/2;isolation:isolate;background:#18191b;display:block;position:relative;overflow:hidden}.tool-card .tool-card-art picture{width:100%;height:100%;display:block}.tool-card .tool-card-art img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1);display:block;transform:scale(1.01)}.tool-card .tool-card-art:after{content:"";z-index:1;pointer-events:none;opacity:0;background:radial-gradient(240px circle at var(--sx,50%) var(--sy,50%), #ffffff1a, transparent 75%);transition:opacity .4s;position:absolute;inset:0}.tool-card .tool-card-free{z-index:2;color:#f4f4f5;font:10px var(--font-mono);letter-spacing:.08em;background:#09090bcc;border:1px solid #ffffff30;border-radius:4px;padding:6px 9px;position:absolute;top:18px;left:18px}.tool-card .tool-card-copy{flex:1;grid-template-rows:auto auto 1fr auto;gap:11px;padding:25px 24px 24px;display:grid}.tool-card .tool-card-number{font:10px var(--font-mono);color:#71717a;letter-spacing:.12em}.tool-card .tool-card-copy h2{letter-spacing:-.03em;margin:0;font-size:22px;line-height:1.4}.tool-card .tool-card-copy p{color:#52525b;margin:0;font-size:13px;line-height:1.8}.tool-card .tool-card-go{justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;font-weight:600;display:flex}.tool-card .tool-card-go svg{box-sizing:content-box;background:#f4f4f5;border-radius:50%;padding:7px;transition:background .25s,transform .35s}.tools-gallery>a.tool-card:focus-visible{outline-offset:4px;border-color:#09090b;outline:2px solid #09090b}.tools-gallery>a.tool-card:focus-visible .tool-card-go svg{background:#c8ff00}@media (hover:hover) and (pointer:fine){.tools-gallery>a.tool-card:hover{border-color:#71717a;box-shadow:0 12px 24px -20px #09090b50}.tool-card:hover .tool-card-art img{transform:scale(1.065)}.has-pointer .tool-card:hover .tool-card-art:after{opacity:1}.tool-card:hover .tool-card-go svg{background:#c8ff00;transform:rotate(45deg)}}@media (max-width:760px){.tool-card .tool-card-copy{padding:22px 20px}}@media (prefers-reduced-motion:reduce){.tools-gallery>a.tool-card,.tool-card .tool-card-art img,.tool-card .tool-card-art:after,.tool-card .tool-card-go svg{transition:none}.tool-card .tool-card-art img,.tool-card:hover .tool-card-art img,.tool-card:hover .tool-card-go svg{transform:none}.tool-card .tool-card-art:after{display:none}}