:root {
  --brand: #00EC7B;
  --brand-dark: #00c768;
  --ink: #101214;
  --muted: #6c757d;
}

body {
  color: var(--ink);
}

/* Helpers */

.py-lg-6 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

@media (min-width: 992px) {
  .py-lg-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.btn-brand {
  --bs-btn-bg: var(--brand);
  --bs-btn-border-color: var(--brand);
  --bs-btn-color: #0b0f0d;
  --bs-btn-hover-bg: var(--brand-dark);
  --bs-btn-hover-border-color: var(--brand-dark);
  --bs-btn-hover-color: #0b0f0d;
  --bs-btn-active-bg: var(--brand-dark);
  --bs-btn-active-border-color: var(--brand-dark);
  --bs-btn-active-color: #0b0f0d;
  font-weight: 700;
}

.chip-link {
  display: inline-flex;
  align-items: center;
  padding: .4rem .75rem;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.15);
  text-decoration: none;
  color: var(--ink);
  background: #fff;
  font-weight: 600;
  font-size: .9rem;
}

.chip-link:hover {
  border-color: rgba(0,0,0,.3);
}

.icon-check {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--brand);
  display: inline-block;
  position: relative;
  flex: 0 0 auto;
}

.icon-check:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 4px;
  width: 7px;
  height: 4px;
  border-left: 2px solid #0b0f0d;
  border-bottom: 2px solid #0b0f0d;
  transform: rotate(-45deg);
}

/* Hero */

.hero-section {
  background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
}

.hero-rating {
  max-width: 220px;
  height: auto;
}

.hero-media {
  position: relative;
  border-radius: 1.5rem;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
}

.hero-wave {
  position: absolute;
  left: -10%;
  right: -10%;
  bottom: -18px;
  height: 48px;
  background: var(--brand);
  border-radius: 999px;
  filter: drop-shadow(0 10px 16px rgba(0,0,0,.12));
}

.hero-blob {
  position: absolute;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(0,236,123,.25), rgba(0,236,123,0));
  filter: blur(2px);
  pointer-events: none;
}

.hero-blob-1 {
  top: -130px;
  right: -140px;
}

.hero-blob-2 {
  bottom: -170px;
  left: -180px;
}

/* Feature icons */

.feature-icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: rgba(0,236,123,.14);
  color: var(--brand);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Callout */

.callout {
  border-radius: 1.5rem;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
}

/* Industries */

.industry-badge {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: rgba(0,236,123,.14);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
}

/* Stats */

.stat-card {
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
}

/* Steps */

.step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .25rem .65rem;
  border-radius: 999px;
  background: rgba(0,236,123,.18);
  color: #0b0f0d;
  font-weight: 800;
  font-size: .9rem;
}

/* Reviews */

.review-card {
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
}

/* Pricing */

.pricing-featured {
  outline: 2px solid rgba(0,236,123,.55);
  box-shadow: 0 16px 36px rgba(0,0,0,.10);
}

/* Footer */

.footer-link {
  color: rgba(255,255,255,.85);
  text-decoration: none;
}

.footer-link:hover {
  color: #fff;
  text-decoration: underline;
}

#mainNav.nav-scrolled {
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}