.tool-promise {
  padding: 100px 22px 76px;
  color: #183522;
  background: radial-gradient(ellipse at 50% 100%, #e6f3de80, transparent 70%), #fff;
  border-bottom: 1px solid #18352214;
}
.tool-promise-inner { width: min(1180px, 100%); margin: 0 auto; text-align: center; }
.tool-promise h2 {
  margin: 0;
  font: 400 clamp(2rem, 4.5vw, 3.75rem)/1.16 var(--font-display);
  letter-spacing: -.015em;
}
.tool-promise-visual, .tool-promise-prefix { display: block; }
.tool-promise-prefix { margin-bottom: .06em; }
.tool-promise-window {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  overflow: hidden;
  color: #087443;
}
/* Overlapping grid cells reserve the tallest phrase at every screen width. */
.tool-promise-word {
  grid-area: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .12em 0 .18em;
  text-wrap: balance;
  animation: tool-promise-roll 12s cubic-bezier(.22,.8,.26,1) infinite;
}
.tool-promise-word:nth-child(2) { animation-delay: -8s; }
.tool-promise-word:nth-child(3) { animation-delay: -4s; }
@keyframes tool-promise-roll {
  0%, 28% { transform: translateY(0); opacity: 1; }
  33.333% { transform: translateY(-105%); opacity: 0; }
  33.334%, 94.666% { transform: translateY(105%); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}
.tool-promise-static { display: none; color: #087443; }
@media (max-width: 680px) {
  .tool-promise { padding: 66px 22px 48px; }
  .tool-promise h2 { font-size: clamp(2rem, 6.5vw, 2.75rem); }
}
@media (prefers-reduced-motion: reduce) {
  .tool-promise-word { animation: none; }
  .tool-promise-window { display: none; }
  .tool-promise-static { display: block; margin-top: .15em; font-size: .8em; line-height: 1.35; }
}