/* Главная «Концепции» (заглушка): шапка, плашка и подвал — из v4.css, здесь только своё. */
.home-hero { padding-bottom: clamp(36px, 4.6vw, 70px); }
.home-kicker {
  margin: 0 0 clamp(16px, 2vw, 26px); display: inline-block; padding: 6px 14px 7px; border-radius: 999px;
  border: 1.5px solid var(--hero-soft); color: var(--hero-soft); font: 500 clamp(15px, 1.2vw, 17px)/1 var(--f-body);
}
.home-hero .hero-title { max-width: 14em; }
.home-lead { margin: clamp(20px, 2.4vw, 32px) 0 0; max-width: 40em; color: var(--hero-fg); opacity: .82; font: 500 clamp(17px, 1.5vw, 21px)/1.5 var(--f-body); }

.tool {
  position: relative; display: grid; gap: 14px; margin-top: clamp(20px, 2.4vw, 32px); max-width: 760px;
  padding: clamp(26px, 3vw, 40px); border-radius: clamp(22px, 2.6vw, 34px);
  background: var(--go); color: var(--go-ink); text-decoration: none; transition: transform .15s ease, background-color .15s ease;
}
.tool:hover { background: var(--go-hover); transform: translateY(-2px); }
.tool:focus-visible { outline: 3px solid var(--ink); outline-offset: 4px; }
.tool-tag {
  justify-self: start; padding: 5px 12px 6px; border-radius: 999px; background: var(--go-ink); color: var(--go);
  font: 600 15px/1 var(--f-body);
}
.tool-title { font: 800 clamp(34px, 4vw, 58px)/.95 var(--f-display); letter-spacing: -0.04em; }
.tool-text { font: 500 clamp(17px, 1.4vw, 20px)/1.45 var(--f-body); max-width: 34em; }
.tool-go { font: 700 clamp(17px, 1.4vw, 20px)/1.3 var(--f-body); border-bottom: 2px solid currentColor; justify-self: start; }
@media (prefers-reduced-motion: reduce) { .tool { transition: none; } .tool:hover { transform: none; } }