/* Tools hub */

.tools-section { margin: var(--space-7) 0 var(--space-5); }
.tools-section:first-child { margin-top: 0; }
.tools-section h2 {
  display: flex; align-items: center; gap: var(--space-3);
  margin: 0 0 var(--space-2);
}
.tools-section .section__sub { margin: 0; }

.tool-grid {
  display: grid; gap: var(--space-4);
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1000px) { .tool-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 540px)  { .tool-grid { grid-template-columns: 1fr; } }

.tool {
  display: flex; flex-direction: column; gap: var(--space-3);
  text-decoration: none; color: inherit;
  position: relative; overflow: hidden;
}
.tool__icon {
  width: 48px; height: 48px;
  border-radius: var(--r-2);
  display: grid; place-items: center;
  background: var(--bg-2); border: 1px solid var(--border-1);
  font-family: var(--font-display); font-size: var(--fs-20);
  color: var(--accent-2);
}
.tool--ai .tool__icon { color: var(--accent); border-color: var(--accent); }
.tool--rd .tool__icon { color: var(--copper); font-size: var(--fs-24); }
.tool h3 { margin: 0; font-size: var(--fs-18); }
.tool p { color: var(--fg-1); margin: 0; font-size: var(--fs-14); flex: 1; }
.tool__cta {
  display: inline-block; margin-top: var(--space-2);
  font-family: var(--font-body); font-weight: 600; font-size: var(--fs-14);
  color: var(--accent-2);
}
a.tool:hover { transform: translateY(-2px); border-color: var(--accent); }
a.tool:hover .tool__cta { color: var(--accent-2-hover); }
.tool--rd { opacity: 0.78; }
.tool--rd .tool__cta { color: var(--fg-2); }

/* pulse chip */
.chip--pulse {
  background: rgba(255,106,44,.12);
  color: var(--accent);
  border-color: var(--accent);
  animation: chipPulse 2.4s ease-in-out infinite;
}
@keyframes chipPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255,106,44,.4); }
  50%      { box-shadow: 0 0 0 6px rgba(255,106,44,0); }
}

/* inline email field */
.field-inline {
  background: var(--bg-0);
  border: 1px solid var(--border-1); border-radius: var(--r-2);
  padding: 0.75rem 1rem;
  color: var(--fg-0); font: inherit; font-size: var(--fs-16);
  min-width: 240px;
  transition: border-color var(--dur-fast) var(--ease);
}
.field-inline:focus { outline: 2px solid var(--accent); outline-offset: 2px; border-color: var(--accent); }