html { scroll-behavior: smooth; }

.font-inter { font-family: 'Inter', sans-serif; }
.font-source-sans { font-family: 'Source Sans 3', sans-serif; }
.font-ibm-plex { font-family: 'IBM Plex Sans', sans-serif; }
.font-manrope { font-family: 'Manrope', sans-serif; }

.nav-active { color: #1B4FBF; }

.nav-link::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: #1B4FBF;
    transition: width 0.3s ease;
}

.nav-link:hover::after { width: 100%; }

.card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }

.card-hover:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(27, 79, 191, 0.12); }

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.chapaken-logo-c {
    position: relative;
    width: 36px;
    height: 36px;
}

.chapaken-logo-c::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 28px;
    height: 28px;
    border: 3px solid white;
    border-radius: 50%;
    clip-path: polygon(0 0, 65% 0, 65% 100%, 0 100%);
}

.gradient-blue { background: linear-gradient(135deg, #0D2E7A 0%, #1B4FBF 60%, #2563EB 100%); }

.text-gradient {
    background: linear-gradient(135deg, #1B4FBF, #3B82F6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-overlay { background: linear-gradient(to right, rgba(10, 10, 10, 0.65) 37.5%, rgba(10, 10, 10, 0.4) 100%); }

.section-divider {
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, #1B4FBF, #3B82F6);
    border-radius: 2px;
}

.value-card { border-left: 3px solid #1B4FBF; }