:root {
    scroll-behavior: smooth;
}
body { 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    background-color: #f8fafc;
    color: #0f172a;
}
.font-industrial { font-family: 'Space Grotesk', sans-serif; }
.font-premium { font-family: 'Plus Jakarta Sans', sans-serif; }

.glass-effect { 
    background: rgba(255, 255, 255, 0.9); 
    backdrop-filter: blur(16px); 
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Premium Typography Styles */
.premium-kerning { letter-spacing: -0.04em; }
.industrial-tracking { letter-spacing: 0.15em; }
.hero-title {
    line-height: 1.05;
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in { animation: fadeIn 0.8s ease-out forwards; }

/* Hide scrollbar but keep functionality */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.service-card:hover .service-image {
    transform: scale(1.1);
    filter: grayscale(0);
}

/* ── 헤더 & 네비게이션 ───────────────────────────────────── */
/* 기본 상태: 투명 배경 위 (흰색 텍스트) */
.nav-link {
    color: white;
}

#brand-name {
    color: white;
}

/* 스크롤 시: 흰색 배경 (어두운 텍스트) */
#main-header.scrolled {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(16px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

#main-header.scrolled .nav-link {
    color: #1e293b;
}

#main-header.scrolled #brand-name {
    color: #1e293b;
}

/* ── 언어 전환 버튼 ───────────────────────────────────────── */
/* 기본 상태: 투명 배경 위 (흰색) */
.lang-btn {
    background: transparent;
    color: white;
    opacity: 0.85;
    transition: all 0.3s;
}

.lang-btn:hover {
    opacity: 1;
}

.lang-btn.active-lang {
    background: rgba(37, 99, 235, 0.9);
    opacity: 1;
}

/* 스크롤 시: 흰색 배경 (어두운 텍스트) */
#main-header.scrolled .lang-btn {
    color: #1e293b;
    opacity: 0.7;
}

#main-header.scrolled .lang-btn:hover {
    opacity: 1;
}

#main-header.scrolled .lang-btn.active-lang {
    background: #2563eb;
    color: white;
    opacity: 1;
}

/* 언어 버튼 컨테이너 테두리 */
#lang-container {
    border-color: rgba(255, 255, 255, 0.3);
}

#main-header.scrolled #lang-container {
    border-color: rgba(0, 0, 0, 0.15);
}
