.platform-intro {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.platform-intro__title {
    text-align: center;
    font: 700 40px/1.2 'SUIT', sans-serif;
    color: var(--color-dark-navy);
    letter-spacing: -1.2px;
}

.platform-intro__description {
    margin: 18px 0 0;
    text-align: center;
    font: 400 20px/1.6 'SUIT', sans-serif;
    color: var(--color-dark-navy);
    letter-spacing: -0.6px;
}

.platform-intro__image {
    margin: 30px auto 0;
    display: flex;
    width: 100%;
    height: 220px;
    justify-content: center;
    align-items: center;
}

.platform-intro__image img {
    width: auto;
    height: 100%;
}

.platform-intro__subtitle {
    text-align: center;
    font: 400 28px/1.2 'SUIT', sans-serif;
    color: #80B5FF;
    letter-spacing: -1.4px;
}

.platform-how-to {
    display: flex;
    justify-content: center;
    align-items: center;
}

.platform-how-to__list {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 80px;
    counter-reset: how-to-counter;
}

.platform-how-to__item {
    position: relative;
    counter-increment: how-to-counter;
    width: 282px;
    height: 196px;
}

.platform-how-to__item::before {
    position: absolute;
    top: -31px;
    left: calc(50% - 31px);
    content: "0" counter(how-to-counter);
    display: flex;
    width: 62px;
    height: 62px;
    justify-content: center;
    align-items: center;
    font: 800 24px/1.6 'SUIT', sans-serif;
    color: #59FC74;
    letter-spacing: -0.7px;
    background-color: #2B7CFF;
    border-radius: 100%;
}

.platform-how-to__item::after {
    content: "";
    position: absolute;
    top: calc(50% - 17px);
    left: -54px;
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 30px solid #59FC74; /* 화살표 색상 */
}

.platform-how-to__item:first-of-type::after {
    display: none;
}

.how-to {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background-color: var(--color-white);
}

.how-to__description {
    margin: 20px 0 0;
    text-align: center;
    font: 400 20px/1.4 'SUIT', sans-serif;
    letter-spacing: -0.4px;
}

.platform-by-whom {

}

.platform-by-whom__list {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 21px;
}

.platform-by-whom__item {
    width: 320px;
    height: auto;
}

.by-whom {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.by-whom__icon {
    position: relative;
    bottom: -22px;
    display: flex;
    width: 216px;
    height: 108px;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 216px;
    border-top-right-radius: 216px;
    background: linear-gradient(to bottom, #59FC74, #D6E7FF);
}

.by-whom__icon img {
    margin-bottom: 16px;
}

.by-whom__content {
    position: relative;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}

.by-whom__title {
    display: flex;
    width: 100%;
    height: 62px;
    justify-content: center;
    align-items: center;
    text-align: center;
    font: 700 24px/1.6 'SUIT', sans-serif;
    color: var(--color-white);
    letter-spacing: -0.6px;
    background-color: var(--color-dark-navy);
}

.by-whom__description {
    display: flex;
    width: 100%;
    height: 140px;
    justify-content: center;
    align-items: center;
    text-align: center;
    font: 400 20px/1.6 'SUIT', sans-serif;
    color: var(--color-dark-navy);
    letter-spacing: -0.6px;
    background-color: var(--color-white);
}