/* Custom Color Palette */
        :root {
            --navy: #0A1A2F;
            --gold: #C6A667;
            --white: #FFFFFF;
            --slate: #5A5A5A;
            --light-gray: #F3F4F6;
        }

        body {
            font-family: 'Lato', sans-serif;
            color: var(--slate);
            background-color: var(--white);
            overflow-x: hidden;
        }

        h1, h2, h3, h4, h5, h6, .serif-font {
            font-family: 'Playfair Display', serif;
        }

        /* Custom Classes for Colors */
        .bg-navy { background-color: var(--navy); }
        .text-navy { color: var(--navy); }
        .bg-gold { background-color: var(--gold); }
        .text-gold { color: var(--gold); }
        .border-gold { border-color: var(--gold); }
        .bg-gold-hover:hover { background-color: #B59556; } /* Slightly darker gold */
        
        /* Navbar Scroll Effect */
        .scrolled {
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
            background-color: rgba(255, 255, 255, 0.98);
            backdrop-filter: blur(5px);
        }

        /* Hover Effects */
        .card-hover {
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .card-hover:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 30px rgba(10, 26, 47, 0.1);
        }

        /* Hero Gradient */
        .hero-gradient {
            background: linear-gradient(135deg, #fdfbf7 0%, #edf1f5 100%);
        }

        /* Abstract Shapes */
        .abstract-shape {
            position: absolute;
            opacity: 0.1;
            z-index: 0;
            animation: float 8s ease-in-out infinite;
        }
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
            100% { transform: translateY(0px); }
        }

        /* Tool Glow */
        .tool-card:hover {
            box-shadow: 0 0 20px rgba(198, 166, 103, 0.3);
            border-color: var(--gold);
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        ::-webkit-scrollbar-thumb {
            background: #C6A667;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #0A1A2F;
        }

        /* Marquee Animation */
        .marquee-wrapper {
            overflow: hidden;
            white-space: nowrap;
            position: relative;
        }
        .marquee-content {
            display: inline-block;
            animation: marquee 30s linear infinite;
        }
        .marquee-content:hover {
            animation-play-state: paused;
        }
        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }