.tools-hero {
  padding: 48px;
  border-radius: 24px;
  background: linear-gradient(135deg, #ffffff, #f4f7ff);
  box-shadow: var(--shadow-soft);
  border: 1px solid #e7ecf5;
}

.tools-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px;
}

.tools-grid .tool-card {
  min-height: 240px;
}

.tool-icon {
  width: 54px;
  height: 54px;
  border-radius: 14px;
  background: #f1f6ff;
  display: grid;
  place-items: center;
  color: var(--blue-600);
  font-weight: 800;
  font-size: 22px;
}

.tool-reasons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
}

.reason-card {
  padding: 18px;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow: var(--shadow-soft);
}

.market-card {
  padding: 20px;
  border-radius: 18px;
  border: 1px solid #e5e7eb;
  background: linear-gradient(135deg, #f7fbff, #eef2ff);
  box-shadow: var(--shadow-soft);
}

.market-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; }

@media (max-width: 720px) {
  .tools-hero { padding: 32px; }
}

/* Additional polish for tools landing */
.tool-details { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.detail-card { padding: 14px; border-radius: 14px; border: 1px solid #e5e7eb; background: #fff; box-shadow: var(--shadow-soft); }

.tools-band { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
.tools-band .tool-card { min-height: 200px; }

.tools-nav { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.tools-nav a { padding: 10px 12px; border-radius: 10px; border: 1px solid #e5e7eb; font-weight: 700; color: var(--gray-700); }
.tools-nav a.active { background: #f0f5ff; color: var(--blue-600); border-color: var(--blue-500); }

.suite-highlight { padding: 18px; border-radius: 16px; background: #f8fbff; border: 1px solid #e0e7ff; box-shadow: var(--shadow-soft); }

.tool-footnotes { display: grid; gap: 8px; color: var(--gray-600); }

.tool-cta { padding: 18px; border-radius: 16px; background: var(--gradient-blue); color: white; display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.tool-cta .btn { background: white; color: var(--blue-600); box-shadow: none; }

.tool-steps { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.tool-steps li { padding: 12px; border-radius: 12px; border: 1px solid #e5e7eb; background: #fff; box-shadow: var(--shadow-soft); }

.tools-carousel { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
.tools-carousel .tool-card { background: #f9fbff; }

.tool-summary { display: flex; justify-content: space-between; align-items: center; gap: 10px; }

.badge-note { padding: 6px 8px; border-radius: 10px; background: #eef2ff; color: #312e81; font-weight: 700; }

.tool-meta-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; }

.operations { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.operations .tile { min-height: 120px; }

.tool-faq { border-radius: 16px; border: 1px solid #e5e7eb; padding: 16px; box-shadow: var(--shadow-soft); }
.faq-item { border-bottom: 1px solid #e5e7eb; padding: 12px 0; }
.faq-item:last-child { border-bottom: none; }

.market-strip { display: flex; gap: 12px; flex-wrap: wrap; }
.market-strip .stat-card { flex: 1 1 160px; }

.tool-callouts { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.callout-card { padding: 14px; border-radius: 14px; border: 1px solid #e5e7eb; background: #fff; box-shadow: var(--shadow-soft); }

.tool-diagram { height: 140px; border-radius: 14px; background: linear-gradient(135deg, #eef2ff, #f8fbff); border: 1px solid #e5e7eb; box-shadow: var(--shadow-soft); }

@media (max-width: 720px) {
  .tool-cta { flex-direction: column; align-items: flex-start; }
}

/* Micro layouts for tool benefits */
.tool-badges { display: flex; gap: 8px; flex-wrap: wrap; }
.tool-badges .pill { background: #eef2ff; color: #312e81; }

.tool-matrix { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }
.tool-matrix .tile { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px; box-shadow: var(--shadow-soft); }

.tool-spark { height: 120px; border-radius: 14px; background: linear-gradient(135deg, #f0f5ff, #eef3ff); border: 1px solid #e5e7eb; box-shadow: var(--shadow-soft); }

.tool-hero-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }

.tool-rail { display: flex; gap: 12px; flex-wrap: wrap; }

.tool-kpi { padding: 12px; border-radius: 12px; background: #f9fbff; border: 1px solid #e5e7eb; box-shadow: var(--shadow-soft); }

.tool-cluster { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; }

.tool-inline { display: flex; justify-content: space-between; align-items: center; gap: 10px; }

@media (max-width: 540px) {
  .tool-inline { flex-direction: column; align-items: flex-start; }
}
