/* /tools/ — каталог инструментов, дополняет /landing.css */

.tools-hero { padding: 150px 0 30px; }
.tools-title { font-size: clamp(34px, 4.4vw, 54px); margin: 18px 0 16px; }
.tools-hero .lede { color: var(--ink-3); max-width: 620px; font-size: 16px; line-height: 1.6; }

.tools-catalog-section { padding: 20px 0 110px; }
.tools-catalog { list-style: none; display: grid; gap: 18px; max-width: 720px; }

.tool-card {
  padding: 26px 28px;
  border: 1px solid var(--line);
  background: var(--bg-1);
}
.tool-card h2 { font-family: var(--serif); font-weight: 500; font-size: 21px; letter-spacing: -0.01em; margin-bottom: 8px; }
.tool-card h2 a { color: var(--ink); border-bottom: 1px solid var(--line-2); transition: color .2s ease, border-color .2s ease; }
.tool-card h2 a:hover { color: var(--accent); border-color: var(--accent); }
.tool-card p { color: var(--ink-3); font-size: 14px; line-height: 1.6; }

@media (max-width: 640px) {
  .tools-hero { padding: 130px 0 24px; }
  .tool-card { padding: 20px; }
}