.lb-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 48px;
}

.lb-step {
  flex: 1;
  min-width: 220px;
  background-color: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 26px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lb-step:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 40px -24px rgb(31 18 14 / 0.25);
}

.lb-step-n {
  display: block;
  width: 90px;
  height: 90px;
  margin-bottom: 14px;
  /* background-color: var(--color-teal-bg); */
  background-color: #eff5f5;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  border-radius: var(--radius-sm);
}

.lb-step-n--brain {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E %3Cdefs%3E %3Cstyle%3E .cls-1 { fill: none; stroke: %2387b7b2; stroke-dasharray: 3; } .cls-1, .cls-2 { stroke-linecap: round; stroke-linejoin: round; } .cls-3 { fill: %23008083; } .cls-2 { stroke: %23008083; stroke-width: 1.1px; } .cls-2, .cls-4 { fill: %23d3e1e1; } %3C/style%3E %3C/defs%3E %3Cg%3E %3Cline class='cls-1' x1='10.66' y1='7.83' x2='23.81' y2='23.89'/%3E %3Cline class='cls-1' x1='6.67' y1='28' x2='25' y2='25'/%3E %3Cline class='cls-1' x1='12.65' y1='42.41' x2='25' y2='25'/%3E %3Cline class='cls-1' x1='39.5' y1='41.25' x2='26.18' y2='26'/%3E %3Cline class='cls-1' x1='42.99' y1='21.74' x2='26.18' y2='25'/%3E %3Cline class='cls-1' x1='41.52' y1='7.49' x2='25.35' y2='23.64'/%3E %3C/g%3E %3Cg%3E %3Cpolygon class='cls-4' points='20.89 17 17.64 20.72 16.98 26.38 19.99 32.33 29.97 32.33 33.64 29.31 33.64 21.01 29.03 16.81 20.89 17'/%3E %3Cpath class='cls-2' d='M25,31v-13'/%3E %3Cpath class='cls-2' d='M28,26c-1.78-.52-3-2.15-3-4,0,1.85-1.22,3.48-3,4'/%3E %3Cpath class='cls-2' d='M30.6,19.5c.83-1.43.34-3.27-1.1-4.1-1.43-.83-3.27-.34-4.1,1.1-.26.46-.4.97-.4,1.5,0-1.66-1.34-3-3-3-1.66,0-3,1.34-3,3,0,.53.14,1.04.4,1.5'/%3E %3Cpath class='cls-2' d='M31,18.13c2.14.55,3.43,2.73,2.88,4.87-.08.31-.2.62-.35.9'/%3E %3Cpath class='cls-2' d='M31,31c2.21,0,4-1.79,4-4,0-1.43-.76-2.75-2-3.46'/%3E %3Cpath class='cls-2' d='M32.97,30.49c.28,2.19-1.26,4.2-3.45,4.48-2.19.28-4.2-1.26-4.48-3.45-.02-.17-.03-.34-.03-.51,0,2.21-1.8,4-4,4-2.21,0-4-1.8-4-4,0-.17.01-.34.03-.51'/%3E %3Cpath class='cls-2' d='M19,31c-2.21,0-4-1.79-4-4,0-1.43.76-2.75,2-3.46'/%3E %3Cpath class='cls-2' d='M19,18.13c-2.14.55-3.43,2.73-2.88,4.87.08.31.2.62.35.9'/%3E %3C/g%3E %3Ccircle class='cls-2' cx='10.66' cy='7.83' r='1.99'/%3E %3Ccircle class='cls-2' cx='43.35' cy='21.67' r='1.99'/%3E %3Ccircle class='cls-2' cx='12.65' cy='42.41' r='1.99'/%3E %3Ccircle class='cls-3' cx='6.67' cy='28' r='1.5'/%3E %3Ccircle class='cls-3' cx='41.52' cy='7.49' r='1.5'/%3E %3Ccircle class='cls-3' cx='39.5' cy='41.25' r='1.5'/%3E %3C/svg%3E");
}

.lb-step-n--quote {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E %3Cdefs%3E %3Cstyle%3E .cls-1 { fill: %23fff; } .cls-1, .cls-2 { stroke: %23008083; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.1px; } .cls-3 { fill: %23008083; opacity: .2; } .cls-2 { fill: %23d3e1e1; } %3C/style%3E %3C/defs%3E %3Cellipse class='cls-3' cx='28.24' cy='41.21' rx='18.13' ry='1.2'/%3E %3Crect class='cls-1' x='20.75' y='5.87' width='2.9' height='13.94' rx='1.45' ry='1.45' transform='translate(15.58 -11.94) rotate(45)'/%3E %3Crect class='cls-1' x='30.26' y='15.38' width='2.9' height='13.94' rx='1.45' ry='1.45' transform='translate(25.09 -15.87) rotate(45)'/%3E %3Crect class='cls-2' x='21.62' y='12.58' width='10.55' height='10.13' transform='translate(20.36 -13.85) rotate(45)'/%3E %3Cpath class='cls-2' d='M13.6,17.89h3.27v21.2c0,.9-.73,1.63-1.63,1.63h0c-.9,0-1.63-.73-1.63-1.63v-21.2h0Z' transform='translate(25.19 -2.19) rotate(45)'/%3E %3Cg%3E %3Cpath class='cls-1' d='M26.08,34.09h12.82c.4,0,.73.33.73.73v1.51h-14.27v-1.51c0-.4.33-.73.73-.73Z'/%3E %3Cpath class='cls-2' d='M24.09,36.32h16.79c.4,0,.73.33.73.73v3.57h-18.24v-3.57c0-.4.33-.73.73-.73Z'/%3E %3C/g%3E %3C/svg%3E");
}

.lb-step-n--hammer {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E %3Cdefs%3E %3Cstyle%3E .cls-1 { fill: %23fff; } .cls-1, .cls-2, .cls-3 { stroke: %23008083; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.1px; } .cls-4 { fill: %23008083; opacity: .2; } .cls-2 { fill: %23d3e1e1; } .cls-3 { fill: none; } %3C/style%3E %3C/defs%3E %3Cg%3E %3Ccircle class='cls-2' cx='13.84' cy='20.65' r='9.02'/%3E %3Cpolyline class='cls-3' points='9.86 21.36 12.04 23.55 17.83 17.76'/%3E %3Ccircle class='cls-1' cx='35.11' cy='27.09' r='9.02'/%3E %3Cg%3E %3Cline class='cls-3' x1='32.41' y1='24.39' x2='37.81' y2='29.79'/%3E %3Cline class='cls-3' x1='32.41' y1='29.79' x2='37.81' y2='24.39'/%3E %3C/g%3E %3C/g%3E %3Cellipse class='cls-4' cx='35.11' cy='36.99' rx='10.07' ry='1.38'/%3E %3Cellipse class='cls-4' cx='13.24' cy='36.99' rx='4.59' ry='1.38'/%3E %3C/svg%3E");
}

.lb-h3 {
  margin-bottom: 8px;
  color: var(--color-black);
  font-family: var(--font-serif);
  font-size: 24px;
  font-weight: 600;
  text-wrap: balance;
}

.lb-p-muted {
  color: var(--color-muted);
  font-family: var(--font-sans);
  font-size: 14.5px;
  line-height: 1.55;
}

.lb-p-muted em {
  background-color: var(--color-teal-bg);
  color: var(--color-teal-text);
  font-style: normal;
  padding: 0.05em 4px;
  border-radius: 4px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}