body {
            background-color: #FDFDFD;
            color: #18181A;
            overflow-x: hidden;
        }
        
        /* Custom Scrollbar for Luxury Feel */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #18181A; }
        ::-webkit-scrollbar-thumb { background: #D4AF37; }
        ::-webkit-scrollbar-thumb:hover { background: #B8962E; }

        /* Image Hover Zoom Effect */
        .img-hover-zoom { overflow: hidden; }
        .img-hover-zoom img { transition: transform 0.7s ease; }
        .group:hover .img-hover-zoom img { transform: scale(1.05); }
        
        /* Gold Accent Line */
        .accent-line::after {
            content: '';
            display: block;
            width: 40px;
            height: 2px;
            background-color: #D4AF37;
            margin-top: 1rem;
            transition: width 0.4s ease;
        }
        .group:hover .accent-line::after { width: 80px; }

        /* Grayscale to Color Image Filter */
        .grayscale-hover {
            filter: grayscale(100%);
            transition: filter 0.5s ease;
        }
        .group:hover .grayscale-hover, .grayscale-hover:hover {
            filter: grayscale(0%);
        }

        /* View transitions for SPA */
        .view-section {
            display: none;
            opacity: 0;
            animation: fade-in 0.4s ease forwards;
        }
        .view-section.active {
            display: block;
        }
        
        @keyframes fade-in {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Logo Grid specific styling */
        .client-logo-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 1.5rem;
            border: 1px solid #eaeaea;
            background: #fff;
            transition: all 0.3s ease;
        }
        .client-logo-wrapper:hover {
            border-color: #D4AF37;
            box-shadow: 0 4px 20px rgba(0,0,0,0.05);
            z-index: 10;
        }
        .client-logo-wrapper img {
            max-height: 40px;
            max-width: 100%;
            object-fit: contain;
            filter: grayscale(100%) opacity(0.6);
            transition: all 0.3s ease;
        }
        .client-logo-wrapper:hover img {
            filter: grayscale(0%) opacity(1);
        }

        /* WhatsApp Floating Button */
        .whatsapp-float {
            position: fixed;
            bottom: 24px;
            right: 24px;
            z-index: 90;
            width: 60px;
            height: 60px;
            background-color: #25D366;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 16px rgba(0,0,0,0.25);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .whatsapp-float:hover {
            transform: scale(1.08);
            box-shadow: 0 6px 20px rgba(0,0,0,0.35);
        }
        .whatsapp-float svg {
            width: 32px;
            height: 32px;
            fill: #FDFDFD;
        }
        /* Gentle pulse to draw the eye without being annoying */
        .whatsapp-float::before {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: 50%;
            background-color: #25D366;
            animation: whatsapp-pulse 2.5s ease-out infinite;
            z-index: -1;
        }
        @keyframes whatsapp-pulse {
            0% { transform: scale(1); opacity: 0.6; }
            100% { transform: scale(1.6); opacity: 0; }
        }
        @media (max-width: 640px) {
            .whatsapp-float {
                width: 52px;
                height: 52px;
                bottom: 18px;
                right: 18px;
            }
            .whatsapp-float svg { width: 28px; height: 28px; }
        }
/* Capabilities Dropdown Menu */
.capabilities-dropdown {
    position: relative;
}
.capabilities-dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(8px);
    background-color: #18181A;
    border: 1px solid rgba(255,255,255,0.1);
    min-width: 240px;
    padding: 8px 0;
    box-shadow: 0 12px 32px rgba(0,0,0,0.4);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
    z-index: 100;
}
.capabilities-dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}
.capabilities-dropdown .dropdown-menu a {
    display: block;
    padding: 10px 20px;
    font-size: 13px;
    letter-spacing: 0.03em;
    color: #8A8A8E;
    transition: color 0.2s ease, background-color 0.2s ease;
    white-space: nowrap;
}
.capabilities-dropdown .dropdown-menu a:hover {
    color: #D4AF37;
    background-color: rgba(212,175,55,0.06);
}