/*
 * site.css — 페이지 전용 컴포넌트 스타일 (전역 로드, base.njk)
 * 이전에는 각 페이지 {% set extraHead %}에 인라인돼 있었으나 해당 블록이 레이아웃에
 * 전달되지 않아 미적용 상태였음 → 여기로 이전 (2026-05-22).
 * 주의: 클래스명이 페이지별로 고유한 것만 모음. .service-card는 base.njk가 단독 정의하므로 제외.
 */

/* ── about.njk ── */
.value-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.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.value-card:hover {
    border-color: rgba(255, 153, 0, 0.3);
    transform: translateY(-6px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
}

.partner-card {
    background: linear-gradient(180deg, rgba(55, 65, 81, 0.4) 0%, rgba(22, 30, 45, 0.7) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s ease;
}
.partner-card:hover {
    border-color: rgba(255, 153, 0, 0.25);
    background: linear-gradient(180deg, rgba(55, 65, 81, 0.6) 0%, rgba(22, 30, 45, 0.85) 100%);
}

.channel-card {
    background: rgba(35, 47, 62, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s ease;
}
.channel-card:hover {
    border-color: rgba(255, 153, 0, 0.3);
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.expertise-card {
    background: rgba(35, 47, 62, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}
.expertise-card:hover {
    border-color: rgba(255, 153, 0, 0.3);
    transform: translateY(-4px);
}

/* ── services/aws-infrastructure.njk · security.njk ── */
.arch-layer {
    background: linear-gradient(180deg, rgba(55, 65, 81, 0.6) 0%, rgba(22, 30, 45, 0.9) 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* ── services/ai-msp.njk ── */
.use-case-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.3s ease;
}
.use-case-card:hover {
    background: rgba(255, 153, 0, 0.05);
    border-color: rgba(255, 153, 0, 0.2);
}

.scope-item {
    background: rgba(255, 255, 255, 0.02);
    transition: all 0.2s ease;
}
.scope-item:hover {
    background: rgba(255, 255, 255, 0.05);
}

/* ── services/security.njk (방어 계층 연결선) ── */
.defense-line { position: relative; }
.defense-line::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    width: 2px;
    height: 40px;
    background: linear-gradient(to bottom, rgba(255, 153, 0, 0.5), transparent);
    transform: translateX(-50%);
}