@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

    /* 고급스러운 전체 흰색 배경 및 다크 슬레이트 톤 적용 */
    .bento-consult-wrapper {
        font-family: 'Pretendard', sans-serif;
        background-color: #ffffff;
        color: #0f172a; /* Slate 900 */
        overflow-x: hidden;
    }

    .bento-consult-wrapper p { 
        word-break: keep-all; 
    }

    /* 고급스러운 그레이 & 슬레이트 테두리의 Bento Card */
    .bento-card {
        background-color: #f8fafc; /* Slate 50 */
        border: 1px solid #e2e8f0; /* Slate 200 */
        border-radius: 1.5rem;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        overflow: hidden;
        position: relative;
    }

    .bento-card:hover {
        background-color: #f1f5f9; /* Slate 100 */
        border-color: #cbd5e1; /* Slate 300 */
        transform: translateY(-4px);
    }

    /* 다크 슬레이트 포인트 컬러 정의 */
    .text-slate-point { color: #1e293b !important; } /* Slate 800 */
    .bg-slate-point { background-color: #0f172a !important; } /* Slate 900 */

    .glow-effect {
        box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.08);
    }

    .wp-h1-override {
        font-size: 0.75rem !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0.5rem 1.25rem !important;
        display: inline-block !important;
        font-weight: 700 !important;
        letter-spacing: 0.1em !important;
        text-transform: uppercase !important;
    }

    .wp-title-span {
        display: block !important;
        font-size: clamp(2.5rem, 8vw, 4.5rem) !important;
        font-weight: 900 !important;
        line-height: 1.05 !important;
        letter-spacing: -0.05em !important;
        color: #0f172a !important; /* Slate 900 */
    }

    /* 우측 하단 플로팅 위젯 프리뷰 (다크 슬레이트 모노톤 사양) */
    .widget-preview {
        position: absolute;
        bottom: 2rem;
        right: 2rem;
        width: 60px;
        height: 60px;
        background: #0f172a;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 10px 30px rgba(15, 23, 42, 0.25);
        animation: bounce 2s infinite;
    }

    @keyframes bounce {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-10px); }
    }
    
    #main { padding-top: 0px !important; }