/*
 * partner.css — 파트너 페이지(/partner/*) 전용 스타일
 * base.njk가 frontmatter `partnerJs: true`일 때 partner.js와 함께 로드.
 * (이전에는 각 페이지 {% set extraHead %}에 인라인돼 있었으나, 해당 블록이
 *  레이아웃에 전달되지 않아 미적용 상태였음 → 여기로 이전, 2026-05-22)
 */

/* 3축 색상 (아이콘) */
.axis-aws { color: #2563EB; }
.axis-ai { color: #8B5CF6; }
.axis-security { color: #EF4444; }

/* 3축 칩 배경 (히어로 영역 pill) */
.axis-aws-bg { background: rgba(37, 99, 235, 0.15); border-color: rgba(37, 99, 235, 0.3); }
.axis-ai-bg { background: rgba(139, 92, 246, 0.15); border-color: rgba(139, 92, 246, 0.3); }
.axis-security-bg { background: rgba(239, 68, 68, 0.15); border-color: rgba(239, 68, 68, 0.3); }

/* 히어로 3축 칩 hover */
.partner-axis-icon { transition: all 0.3s ease; }
.partner-axis-icon:hover { transform: translateY(-2px); }

/* 업종 선택 카드 (partner/index) */
.cluster-card {
    background: linear-gradient(180deg, rgba(55, 65, 81, 0.5) 0%, rgba(22, 30, 45, 0.8) 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}
.cluster-card:hover {
    border-color: rgba(255, 153, 0, 0.3);
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

/* 업종별 인사이트 탭 버튼 */
.tab-btn { transition: all 0.2s ease; }

/* VMware 전환 스텝 (업종별 페이지) */
.vmware-step { transition: all 0.3s ease; }
.vmware-step:hover { background: rgba(255, 255, 255, 0.08); transform: translateX(4px); }

/* 스크롤 페이드인 (partner.js의 IntersectionObserver가 .is-visible 부여) */
.fade-in-section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in-section.is-visible {
    opacity: 1;
    transform: translateY(0);
}