.yes-hero,
.yes-hero--standard,
.yes-hero--product,
.yes-hero--service,
.yes-hero--landing,
.yes-hero--split,
.yes-hero--media {
  position: relative;
}

.yes-hero--standard {
  background: linear-gradient(120deg, #f8f9fa 0%, #ffffff 46%, #e7f4f1 100%);
  color: var(--yes-color-text-primary);
}

.yes-hero--service,
.yes-hero--technical,
.yes-hero--landing {
  background: linear-gradient(120deg, #f4f8f7 0%, #ffffff 46%, #e7f4f1 100%);
  color: var(--yes-color-text-primary);
}

html.dark .yes-hero--standard,
html.dark .yes-hero--product,
html.dark .yes-hero--split,
html.dark .yes-hero--media {
  background: linear-gradient(180deg, #101415 0%, #0d0f10 100%);
  color: #fff;
}

html.dark .yes-hero--service,
html.dark .yes-hero--technical,
html.dark .yes-hero--landing {
  background: radial-gradient(circle at 72% 20%, rgba(73, 197, 177, 0.14), transparent 28%), #0d0f10;
  color: #fff;
}

.yes-hero--split .yes-split,
.yes-hero--product .yes-split {
  align-items: center;
}

.yes-template--institutional .yes-container--narrow,
.yes-template--service .yes-container--narrow,
.yes-template--product .yes-container--narrow,
.yes-template--technical .yes-container--narrow {
  max-width: var(--yes-container-narrow-max);
}

.yes-template--service .yes-grid,
.yes-template--product .yes-grid,
.yes-template--technical .yes-grid {
  align-items: stretch;
}

.yes-template--technical .yes-anchor-nav {
  position: sticky;
  top: 96px;
  z-index: 20;
  border-block: 1px solid var(--yes-color-border-subtle);
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
}

html.dark .yes-template--technical .yes-anchor-nav {
  background: rgba(13, 15, 16, 0.9);
}

@media (max-width: 782px) {
  .yes-template--technical .yes-anchor-nav {
    top: 70px;
  }
}