.hero,
.section {
  position: relative;
}

.hero {
  min-height: 100vh;
  padding: 24px;
  overflow: hidden;
}

.section {
  max-width: 1280px;
  margin: 0 auto;
  padding: 104px 24px 0;
  scroll-margin-top: 112px;
}

.section__heading {
  display: grid;
  gap: 12px;
  margin-bottom: 28px;
}

.section__heading h2 {
  margin: 0;
  font-size: clamp(2rem, 3.25vw, 3.5rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
}

.section__heading .eyebrow {
  margin-bottom: 8px;
}

.section__card {
  padding: 32px;
  border-radius: var(--radius);
}

.hero__grid {
  opacity: 0.32;
}

.hero__glow {
  filter: blur(42px);
  opacity: 0.64;
}

.hero__glow--left {
  background: rgba(94, 231, 255, 0.13);
}

.hero__glow--right {
  background: rgba(168, 85, 247, 0.16);
}

@media (max-width: 1100px) {
  .section {
    padding-top: 92px;
  }
}