/* Free tools cards (hub + homepage) */
/* Hub & cards */
.tk-group{margin-top:clamp(20px,4vw,40px)}
.tk-cards{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.tk-card{position:relative;display:flex;flex-direction:column;gap:10px;height:100%;padding:20px;border-radius:18px;border:1px solid var(--line-soft);background:linear-gradient(160deg,#12131a,#0b0c11);transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s ease,box-shadow .35s ease;overflow:hidden}
.tk-card::after{content:"";position:absolute;inset:auto -40% -60% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(200,255,61,.18),transparent 70%);opacity:0;transition:opacity .4s ease}
.tk-card:hover,.tk-card:focus-visible{transform:translateY(-4px);border-color:rgba(200,255,61,.55);box-shadow:0 18px 40px -20px rgba(200,255,61,.35)}
.tk-card:hover::after,.tk-card:focus-visible::after{opacity:1}
.tk-card .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(200,255,61,.1);color:var(--lime);font-size:22px}
.tk-card h3{font-size:18px;font-weight:500;margin:0;color:var(--paper)}
.tk-card p{margin:0;color:var(--muted);font-size:14px}
.tk-card .go{margin-top:auto;font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}
.tk-cards.is-anim .tk-card{opacity:0;transform:translateY(18px)}
.tk-cards.is-anim.is-in .tk-card{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.16,1,.3,1)}
.tk-cards.is-in li:nth-child(2) .tk-card{transition-delay:.06s}.tk-cards.is-in li:nth-child(3) .tk-card{transition-delay:.12s}.tk-cards.is-in li:nth-child(4) .tk-card{transition-delay:.18s}
.tk-cards.is-in li:nth-child(5) .tk-card{transition-delay:.24s}.tk-cards.is-in li:nth-child(6) .tk-card{transition-delay:.3s}.tk-cards.is-in li:nth-child(7) .tk-card{transition-delay:.36s}.tk-cards.is-in li:nth-child(8) .tk-card{transition-delay:.42s}
.tk-cta{margin-top:clamp(28px,5vw,48px)}
.tk-related{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));list-style:none;margin:12px 0 0;padding:0}
.tk-related a{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:0 16px;border:1px solid var(--line);border-radius:12px;font-size:14px}
.tk-related a::after{content:"→";color:var(--lime)}
.tk-related a:hover{border-color:var(--lime);color:var(--lime)}
.tk-honest{display:inline-flex;gap:8px;align-items:center;font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:7px 12px;margin-top:14px}
.tk-honest::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime)}
@media (prefers-reduced-motion:reduce){.tk-card,.tk-card::after{transition:none!important}.tk-cards.is-anim .tk-card{opacity:1;transform:none}}
