/* S5. Whitelist */
.landing-section--whitelist {
    background-color: #fff;
    background-image: url('/images/landing/ko/05_whitelist/background.png');
    background-size: cover;
    background-position: center;
}

.landing-section--whitelist .landing-section__inner {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    /* 다른 섹션과 동일한 gutter 사용 (콘텐츠 1140 기준, 1920에서 390px) */
    padding: 0 var(--landing-gutter);
    gap: 40px;
}

.landing-whitelist__left {
    flex-shrink: 0;
    width: 560px;
    margin-top: -200px;
    /* margin-left 제거: 섹션 gutter가 좌측 여백을 담당하므로 다른 섹션과 동일하게 정렬 */
}

.landing-whitelist__title {
    font-size: 40px;
    font-weight: 800;
    line-height: 1.5;
    color: #14171A;
    margin: 0 0 40px;
}

.landing-whitelist__description {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    color: #8F9599;
    margin: 0;
}

.landing-whitelist__highlight {
    color: #0068E6;
}

.landing-whitelist__right {
    flex: 1;
    min-width: 0; /* flex 아이템 기본 min-width:auto로 인해 우측으로 넘쳐 잘리던 문제 해결 */
    display: flex;
    flex-direction: column;
    gap: 28px;
    /* padding-right 제거: 섹션 gutter가 우측 여백을 담당 */
    margin-top: -120px;
}

.landing-whitelist__card {
    display: flex;
    align-items: center;
}

.landing-whitelist__card--first {
    align-self: flex-end;
    margin-right: 80px;
    margin-top: 180px;
}

.landing-whitelist__card--second {
    align-self: flex-end;
    margin-top: -50px;
    margin-left: -120px;
}

.landing-whitelist__card-pill {
    background: #F5F6F7;
    border-radius: 500px;
    padding: 40px 80px;
    backdrop-filter: blur(8px);
    text-align: center;
}

.landing-whitelist__img-wrap {
    position: relative;
    flex-shrink: 0;
    margin-right: -56px;
    margin-left: 0;
    z-index: 1;
}

.landing-whitelist__img-wrap--phone {
    margin-left: -160px;
    margin-right: 70px;
    margin-top: 80px;
}

.landing-whitelist__card--second .landing-whitelist__card-pill {
    background: #DAEBFB;
}

.landing-whitelist__card-img {
    height: 200px;
    object-fit: contain;
    display: block;
}

.landing-whitelist__card--second .landing-whitelist__card-img {
    height: 288px;
}

.landing-whitelist__item-title {
    font-size: 26px;
    font-weight: 700;
    background: linear-gradient(89deg, #0068E6, #003B80);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 8px;
}

.landing-whitelist__item-content {
    font-size: 72px;
    font-weight: 800;
    background: linear-gradient(89deg, #0068E6, #003B80);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    line-height: 1;
}

/* mobile: 360 기준 */
@media (max-width: 1139px) {
    .landing-section--whitelist {
        background-position: center top;
        background-size: cover;
    }

    .landing-section--whitelist .landing-section__inner {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        box-sizing: border-box;
        height: 100%;
        padding: 80px var(--landing-gutter) 140px;
        gap: 0;
    }

    .landing-whitelist__left {
        width: 100%;
        max-width: 360px;
        margin: 0 24px 92px 24px;
        text-align: center;
    }

    .landing-whitelist__title {
        font-size: 24px;
        font-weight: 900;
        line-height: 150%;
        letter-spacing: -0.64px;
        margin: 0 0 16px;
    }

    .landing-whitelist__description {
        font-size: 15px;
        font-weight: 600;
        line-height: 1.6;
        letter-spacing: -0.28px;
        color: #8F9599;
    }

    .landing-whitelist__highlight {
        font-weight: 600;
        color: #0068E6;
    }

    .landing-whitelist__right {
        width: 100%;
        max-width: 360px;
        margin: 0;
        gap: 24px;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    /* 카드 1 — 폴더(밖) + 텍스트만 흰색 pill (데스크톱과 동일하게 분리) */
    .landing-whitelist__card--first {
        display: flex;
        flex-direction: row;
        align-items: center;
        align-self: flex-end;
        width: auto;
        max-width: 100%;
        margin: 0 36px;
        padding: 0;
        background: none;
        border-radius: 0;
        box-sizing: border-box;
        min-height: 0;
        position: relative;
        z-index: 2;
    }

    .landing-whitelist__card--first .landing-whitelist__img-wrap {
        position: relative;
        flex-shrink: 0;
        width: 100px;
        height: 100px;
        margin: 0 -28px 0 0;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .landing-whitelist__card--first .landing-whitelist__card-img {
        width: 120px;
        height: 120px;
        max-width: none;
        object-fit: contain;
    }

    .landing-whitelist__card--first .landing-whitelist__card-pill {
        box-sizing: border-box;
        flex: 0 0 auto;
        width: 209px;
        height: 128px;
        padding: 20px 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: rgba(255, 255, 255, 0.88);
        border-radius: 999px;
        backdrop-filter: blur(8px);
        text-align: center;
    }

    .landing-whitelist__card--first .landing-whitelist__item-title {
        font-size: 14px;
        font-weight: 700;
        line-height: 1.3;
        margin: 0 0 4px;
    }

    .landing-whitelist__card--first .landing-whitelist__item-content {
        font-size: 40px;
        font-weight: 800;
        line-height: 1;
        letter-spacing: -0.8px;
    }

    /* 카드 2 — 텍스트만 파란 pill(348×176) + 폰 이미지 오른쪽 겹침 */
    .landing-whitelist__card--second {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        align-self: center;
        position: relative;
        width: auto;
        max-width: 100%;
        margin: 0;
        padding: 0;
        background: none;
        border-radius: 0;
        overflow: visible;
        z-index: 1;
    }

    .landing-whitelist__card--second .landing-whitelist__card-pill {
        box-sizing: border-box;
        flex: 0 0 auto;
        width: 314px;
        max-width: 100%;
        height: 128px;
        padding: 22px 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: #DAEBFB;
        border-radius: 88px;
        backdrop-filter: blur(8px);
        text-align: center;
    }

    .landing-whitelist__card--second .landing-whitelist__item-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 150%;
        margin: 0 0 4px;
    }

    .landing-whitelist__card--second .landing-whitelist__item-content {
        font-size: 40px;
        font-weight: 800;
        line-height: 1;
        letter-spacing: -0.8px;
    }

    .landing-whitelist__card--second .landing-whitelist__img-wrap--phone {
        position: relative;
        flex-shrink: 0;
        margin: 0 0 -40px -110px;
        z-index: 2;
    }

    .landing-whitelist__card--second .landing-whitelist__card-img.landing-only-mobile {
        width: 144px;
        height: auto;
        max-width: none;
        display: block;
    }
}