:root {
  --membership-primary: #184e7a;
  --membership-accent: #3eabdc;
}

.membership-nav {
  background-color: var(--membership-primary) !important;
}

.membership-main {
  max-width: 720px;
}

.step-badge {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.funnel-card {
  border-left: 4px solid var(--membership-accent);
}

.membership-fee-box {
  background: #eef6fb;
  border: 1px solid #c5deef;
}

@media (max-width: 767px) {
  .membership-main {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .membership-nav .navbar-brand {
    font-size: 1rem;
    white-space: normal;
    line-height: 1.25;
    max-width: calc(100% - 1rem);
  }

  .funnel-card {
    padding: 1rem !important;
  }

  .funnel-card h1,
  .funnel-card .h2 {
    font-size: 1.35rem;
  }

  .funnel-card p,
  .funnel-card li {
    font-size: 0.95rem;
    line-height: 1.55;
  }

  .membership-fee-box {
    padding: 0.85rem !important;
  }

  .btn-lg {
    font-size: 1rem;
    padding: 0.65rem 1rem;
  }
}