/* Standalone tool hero/support defaults, WANY_Tool_UI 1.0.0.
   Products retain spacing, typography and existing compact mobile exceptions. */
.wany-tool-hero {
  --wany-tool-brand-size: .78rem;
  --wany-tool-description-size: 1.04rem;
  --wany-tool-description-width: 780px;
  --wany-tool-support-background: rgb(255 255 255 / 12%);
  background: linear-gradient(135deg, #0e4e66, #176b87);
  border-radius: 20px;
  color: #fff;
  padding: clamp(1rem, 3vw, 1.7rem);
}

.wany-tool-hero__brand {
  font-size: var(--wany-tool-brand-size);
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.wany-tool-hero > .wany-tool-hero__description {
  font-size: var(--wany-tool-description-size);
  max-width: var(--wany-tool-description-width);
}

.wany-tool-hero__support {
  background: var(--wany-tool-support-background);
  border: 1px solid rgb(255 255 255 / 30%);
  border-radius: var(--wany-tool-support-radius, 999px);
  display: var(--wany-tool-support-display, inline-block);
  font-size: .86rem;
  padding: var(--wany-tool-support-padding, .38rem .8rem);
}