:where([class^="ri-"])::before { content: "\f3c2"; }

body {
font-family: 'Noto Sans', 'Noto Sans KR', sans-serif;
color: #1f2937;
}

#hero-content {
transition: all 0.8s ease-out;
}
#hero-content.show {
opacity: 1;
transform: translateY(0);
}


#need-title, #need-card-1, #need-card-2 {
transition: all 0.8s ease-out;
}
#need-title.show, #need-card-1.show, #need-card-2.show {
opacity: 1;
transform: translateY(0);
}


#flow-title, #flow-image {
transition: all 0.8s ease-out;
}
#flow-title.show, #flow-image.show {
opacity: 1;
transform: translateY(0);
}



#features-title,
[id^="feature-"] {
transition: all 0.8s ease-out;
}
#features-title.show,
[id^="feature-"].show {
opacity: 1;
transform: translateY(0);
}


#functions-title,
#functions-table {
  transition: all 0.8s ease-out;
}
#functions-title.show,
#functions-table.show {
  opacity: 1;
  transform: translateY(0);
}