.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}.tool-card{display:flex;flex-direction:column;padding:34px;background:var(--surface);border:1px solid var(--ink);border-radius:6px;box-shadow:6px 6px 0 var(--ink);transition:transform .18s ease,box-shadow .18s ease}.tool-card:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}.tool-card-icon{width:50px;height:50px;margin-bottom:22px;display:grid;place-items:center;border-radius:6px;color:#fff;font:800 12px/1 var(--font-mono,ui-monospace),monospace;letter-spacing:.02em}.tool-card.is-accent .tool-card-icon{background:var(--accent)}.tool-card.is-moss .tool-card-icon{background:var(--moss-dark)}.tool-card h3{margin:0 0 12px;font-family:var(--font-display),sans-serif;font-size:1.65rem;letter-spacing:-.03em}.tool-card p{flex-grow:1;margin:0 0 24px;color:var(--ink-soft);line-height:1.65}.tool-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.tool-card-tags span{padding:6px 11px;border:1px solid var(--line);border-radius:20px;color:var(--ink-soft);font:700 10px/1.2 var(--font-mono,ui-monospace),monospace;letter-spacing:.05em;text-transform:uppercase}.tool-card-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:1px solid var(--ink);border-radius:4px;background:var(--ink);color:#fff;font-weight:800;box-shadow:3px 3px 0 var(--ink);transition:transform .18s ease,box-shadow .18s ease}.tool-card-cta:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}@media (max-width:520px){.tool-card{padding:24px}.tool-grid{gap:20px}}