.fr{display:grid;gap:34px;padding-block:44px 80px}
.tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tool{display:flex;flex-direction:column;gap:12px;background:var(--card);border-radius:24px;padding:26px;box-shadow:0 0 0 1px var(--line);color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}
.tool:hover{transform:translateY(-3px);box-shadow:0 0 0 2px var(--cy),0 24px 60px rgba(37,244,238,.12)}
.tool p{margin:0;color:var(--soft)}
.tool ul{margin:0;padding-inline-start:18px;color:var(--mute);font-size:14px;display:grid;gap:4px;flex:1}
.tool .go{font-weight:800;color:var(--cy)}
.tico{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;font-size:28px}
.tico.pk{background:rgba(254,44,85,.14);color:var(--pk)}.tico.cy{background:rgba(37,244,238,.12);color:var(--cy)}.tico.gd{background:rgba(255,215,106,.12);color:var(--gd)}
.tool h2{font-size:24px}
.more{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;background:var(--bg2);border-radius:24px;padding:28px;box-shadow:0 0 0 1px var(--pk)}
.more>div:first-child{display:grid;gap:10px;max-width:640px}
@media (max-width:900px){.tools{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.links{display:none}.navrow{gap:10px}.bname{display:none}}