.hero {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.hero-inner {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.hero .accent {
  color: var(--accent);
}

.hero-subtitle {
  max-width: 60ch;
}

.hero {
  background:
    radial-gradient(1200px 600px at 20% 10%, rgba(53,231,255,0.08), transparent 60%),
    radial-gradient(900px 500px at 80% 30%, rgba(53,231,255,0.05), transparent 65%);
}

.hero h1 {
  max-width: 900px;
}

.hero-subtitle {
  max-width: 640px;
  margin-top: 1rem;
}