:root{
  --soft: rgba(13,110,253,.08);
}
.hero {
  background: linear-gradient(180deg, var(--soft), transparent);
}
.card-soft{
  border:1px solid rgba(0,0,0,.06);
  box-shadow: 0 6px 18px rgba(0,0,0,.04);
}
.section-title{
  letter-spacing:.2px;
}
/* Perfect circle icon bubble */
.icon-bubble{
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 64px;
}

.icon-bubble i{
  line-height: 1;
}

/* Optional sizes */
.icon-bubble.sm{ width: 52px; height: 52px; flex-basis: 52px; }
.icon-bubble.lg{ width: 72px; height: 72px; flex-basis: 72px; }