body {
  background: #ffffff;
  color: #000000;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.hero {
  text-align: center;
  padding: 6.5rem 0;
}
.hero .hero-title {
  font-size: 3rem;
  font-weight: var(--tblr-font-weight-black);
  letter-spacing: -0.04em;
  line-height: 1.2;
}
@media (max-width: 767.98px) {
  .hero .hero-title {
    font-size: 2rem;
  }
}
.hero .hero-description {
  color: var(--tblr-secondary);
  font-size: var(--tblr-font-size-h2);
  line-height: 1.5;
  margin: 0 auto;
  max-width: 45rem;
}
@media (max-width: 575.98px) {
  .hero .hero-description {
    font-size: var(--tblr-font-size-h3);
  }
}
.hero .hero-description-wide {
  max-width: 61.875rem;
}
.hero .hero-subheader {
  font-size: 0.75rem;
  font-weight: var(--tblr-font-weight-medium);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1rem;
  color: var(--tblr-secondary);
  margin-bottom: 0.5rem;
}
.hero .hero-img {
  margin: 4rem auto;
  max-width: 65rem;
  border-radius: 8px;
  position: relative;
  z-index: 1;
}
.hero .hero-img img,
.hero .hero-img svg {
  max-width: 100%;
  height: auto;
  display: block;
  position: relative;
}

.section {
  --section-bg: transparent;
  background: var(--section-bg);
  position: relative;
  padding: 5rem 0;
}
.section .section-sm {
  padding: 4rem 0;
}
.section .section-white {
  --section-bg: var(--tblr-bg-surface);
}
.section .section-light {
  --section-bg: var(--tblr-bg-surface-secondary);
}
.section .section-primary {
  --section-bg: var(--tblr-primary);
  color: #ffffff;
}
.section .section-dark {
  --section-bg: var(--tblr-dark);
  color: #ffffff;
}
.section .section-header {
  text-align: center;
  max-width: 45rem;
  margin: 0 auto 5rem;
}
.section .section-sm .section-header {
  margin-bottom: 4rem;
}
.section .section-title {
  font-size: var(--tblr-font-size-h1);
  font-weight: var(--tblr-font-weight-bold);
  line-height: 1.2;
}
.section .section-title-lg {
  font-size: 2rem;
}
.section .section-description {
  color: var(--tblr-secondary);
  font-size: var(--tblr-font-size-h3);
  line-height: var(--tblr-line-height-h3);
  margin-top: 1rem;
}
.section .section-divider {
  position: absolute;
  bottom: 100%;
  pointer-events: none;
  height: 5rem;
  width: 100%;
}
.section .section-divider path {
  fill: var(--section-bg);
}
.section .section-divider .wave-1 {
  animation: move-forever1 30s linear infinite;
  animation-delay: -2s;
}
.section .section-divider .wave-2 {
  animation: move-forever2 24s linear infinite;
  opacity: 0.5;
  animation-delay: -2s;
}
.section .section-divider .wave-3 {
  animation: move-forever3 18s linear infinite;
  opacity: 0.3;
  animation-delay: -2s;
}
.section .section-divider-auto {
  height: auto;
}

.shape {
  --tblr-shape-size: 2.5rem;
  --tblr-shape-icon-size: 1.5rem;
  background-color: var(--tblr-primary-lt);
  color: var(--tblr-primary);
  border-radius: 35%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--tblr-shape-size);
  width: var(--tblr-shape-size);
}
.shape .shape .icon {
  width: var(--tblr-shape-icon-size);
  height: var(--tblr-shape-icon-size);
}
.shape .shape-xxs {
  --tblr-shape-size: 1rem;
  --tblr-shape-icon-size: 0.5rem;
}
.shape .shape-xs {
  --tblr-shape-size: 1.25rem;
  --tblr-shape-icon-size: 0.75rem;
}
.shape .shape-sm {
  --tblr-shape-size: 2rem;
  --tblr-shape-icon-size: 1.5rem;
}
.shape .shape-md {
  --tblr-shape-size: 2.5rem;
  --tblr-shape-icon-size: 1.5rem;
}
.shape .shape-lg {
  --tblr-shape-size: 3rem;
  --tblr-shape-icon-size: 2rem;
}
.shape .shape-xl {
  --tblr-shape-size: 5rem;
  --tblr-shape-icon-size: 3rem;
}
.shape .shape-2xl {
  --tblr-shape-size: 7rem;
  --tblr-shape-icon-size: 5rem;
}
.shape .shape-blue {
  background: var(--tblr-blue-lt);
  color: var(--tblr-blue);
}
.shape .shape-indigo {
  background: var(--tblr-indigo-lt);
  color: var(--tblr-indigo);
}
.shape .shape-purple {
  background: var(--tblr-purple-lt);
  color: var(--tblr-purple);
}
.shape .shape-pink {
  background: var(--tblr-pink-lt);
  color: var(--tblr-pink);
}
.shape .shape-red {
  background: var(--tblr-red-lt);
  color: var(--tblr-red);
}
.shape .shape-orange {
  background: var(--tblr-orange-lt);
  color: var(--tblr-orange);
}
.shape .shape-yellow {
  background: var(--tblr-yellow-lt);
  color: var(--tblr-yellow);
}
.shape .shape-green {
  background: var(--tblr-green-lt);
  color: var(--tblr-green);
}
.shape .shape-teal {
  background: var(--tblr-teal-lt);
  color: var(--tblr-teal);
}
.shape .shape-cyan {
  background: var(--tblr-cyan-lt);
  color: var(--tblr-cyan);
}
.shape .shape-black {
  background: var(--tblr-black-lt);
  color: var(--tblr-black);
}
.shape .shape-white {
  background: var(--tblr-white-lt);
  color: var(--tblr-white);
}
.shape .shape-gray {
  background: var(--tblr-gray-lt);
  color: var(--tblr-gray);
}
.shape .shape-gray-dark {
  background: var(--tblr-gray-dark-lt);
  color: var(--tblr-gray-dark);
}

/*# sourceMappingURL=main.css.map */