---
layout: center
<<<<<<< HEAD
background: '#F8F9FA'
=======
background: '#004225'
class: text-center
>>>>>>> 4b901da2b8e4bbb10dd10e20f9875a7c2344f872
---

# Thank You

<<<<<<< HEAD
<div class="text-center">
  <img src="https://www.hatch.com/themes/custom/hatch_theme/logo.svg" class="h-20 mx-auto mb-6" />
  
  <div class="space-y-4">
    <h2 class="text-2xl font-bold text-hatch-secondary">Hatch Advisory</h2>
    <p class="text-lg text-gray-600">Engineering a better world</p>
    
    <div class="mt-8 space-y-2">
      <p class="text-sm text-gray-500">Questions & Discussion</p>
      <div class="flex justify-center space-x-8 text-sm">
        <span class="text-hatch-primary">www.hatch.com</span>
        <span class="text-gray-400">|</span>
        <span class="text-hatch-primary">advisory@hatch.com</span>
      </div>
    </div>
  </div>
</div>

<style>
h1 {
  background-color: #00A651;
  background-image: linear-gradient(45deg, #00A651 10%, #004225 20%);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  font-size: 3rem;
  margin-bottom: 2rem;
}

.text-hatch-primary {
  color: #00A651;
}

.text-hatch-secondary {
  color: #004225;
}

img {
  filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}
</style>
=======
<div class="text-center text-white">
  <img src="https://www.hatch.com/themes/custom/hatch_theme/logo.svg" class="h-20 mx-auto mb-4 filter brightness-0 invert" />
  <p class="text-xl font-semibold">Hatch Advisory</p>
  <p class="text-sm opacity-75">Engineering a better world</p>
  
  <div class="mt-8 text-sm">
    <p>Contact: advisory@hatch.com</p>
    <p>www.hatch.com</p>
  </div>
</div>
>>>>>>> 4b901da2b8e4bbb10dd10e20f9875a7c2344f872