.page-hero,
.tools-hero {
  position: relative;
  z-index: 0;
  isolation: isolate;
  padding: calc(var(--header-height) + 3rem) 0 3rem;
  background: linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));
  color: white;
}

.page-hero h1,
.tools-hero h1 {
  color: white;
  margin-bottom: 0.75rem;
}

.page-hero p,
.tools-hero p {
  color: rgba(255, 255, 255, 0.8);
  max-width: 700px;
}

body.inner-page {
  padding-top: 0;
}

body.inner-page .section,
body.inner-page .tools-layout {
  position: relative;
  z-index: 0;
}

@media (max-width: 768px) {
  .tools-hero .container[style] {
    grid-template-columns: 1fr !important;
  }

  .tools-hero .rlc-anim {
    display: none;
  }
}