:root {
            --light-green: #B7E778;
            --deep-green: #00541A;
            --soil-beige: #E3D9CA;
            --dark-accent: #403F48;
        }

        body {
            font-family: 'PT Sans', sans-serif;
            background-color: var(--soil-beige);
            color: var(--dark-accent);
            scroll-behavior: smooth;
        }

        h1, h2, h3, h4 { font-weight: 700; text-transform: uppercase; }
        p { font-weight: 400; line-height: 1.8; }

        /* Header Styles */
        header {
            background-color: var(--light-green);
            border-bottom: 2px solid #000;
            position: sticky;
            top: 0;
            z-index: 1000;
        }

        .nav-btn {
            background: transparent;
            border: 2px solid #000;
            color: #000;
            padding: 10px 24px;
            font-weight: 700;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            text-transform: uppercase;
        }

        .nav-btn:hover {
            background: #000;
            color: var(--light-green);
            transform: scale(1.05);
        }

        /* Hero & Backgrounds */
        .hero-top { background-color: var(--deep-green); }
        
        .hero-bg {
            background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('https://i.pinimg.com/1200x/fa/44/44/fa44445ae6aa34e0a4ef11d91c9cfbd9.jpg');
            background-size: cover;
            background-position: center;
            animation: panHero 30s ease-in-out infinite alternate;
        }

        @keyframes panHero {
            from { background-scale: 1.1; background-position: center bottom; }
            to { background-scale: 1; background-position: center top; }
        }

        .floating-card {
            background-color: var(--soil-beige);
            border: 2px solid var(--dark-accent);
        }

        /* Card Styles */
        .service-card {
            border: 2px solid var(--dark-accent);
            background: #fff;
            transition: all 0.4s ease;
            cursor: pointer;
        }

        .service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        }

        .solution-card {
            background-color: var(--soil-beige);
            border: 2px solid var(--dark-accent);
            color: var(--dark-accent);
            padding: 2.5rem;
            transition: 0.3s;
        }

        /* Multipage Navigation Logic */
        .page-view { display: none; }
        .page-view.active { display: block; animation: fadeIn 0.6s ease-in; }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Gallery Filter */
        .filter-btn {
            border: 2px solid var(--dark-accent);
            padding: 8px 25px;
            font-weight: 700;
            transition: 0.3s;
        }
        .filter-btn.active {
            background: var(--dark-accent);
            color: var(--light-green);
        }

        /* Carousel */
        .carousel-container {
            display: flex;
            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        }

        /* Modal */
        .modal-overlay {
            background: rgba(0,0,0,0.85);
            backdrop-filter: blur(4px);
        }

        .footer-link:hover { color: var(--light-green); text-decoration: underline; }