/* --- FOOTER SCOPED STYLES --- */
        .site-footer {
            font-family: 'Inter', sans-serif;
            background-color: #000000;
            color: #ffffff;
            padding: 80px 20px 40px; /* Generous top padding */
        }

        /* Typography */
        .footer-logo {
            font-size: 2.8rem;
            font-weight: 800; /* Extra bold for logo */
            margin-bottom: 20px;
            letter-spacing: -1px;
            line-height: 1;
        }
        
        .footer-description {
            font-size: 15px;
            line-height: 1.5;
            margin-bottom: 40px;
            color: #f0f0f0;
        }

        /* Form Styles */
        .newsletter-form-wrapper {
            display: flex;
            align-items: center;
            gap: 20px;
            margin-bottom: 25px;
            flex-wrap: wrap; /* Allows stacking on very small screens */
        }

        .input-group-custom {
            flex-grow: 1;
            max-width: 380px; /* Controls the length of the line */
        }

        .footer-input {
            width: 100%;
            background: transparent;
            border: none;
            border-bottom: 1px solid #ffffff; /* The signature bottom line */
            color: #ffffff;
            padding: 10px 0;
            font-size: 15px;
            border-radius: 0;
            transition: border-color 0.3s ease;
        }

        .footer-input:focus {
            outline: none;
            border-bottom-color: #888; /* Subtle change on focus */
        }

        .footer-input::placeholder {
            color: #ffffff;
            opacity: 1;
        }

        .btn-subscribe {
            background-color: #ffffff;
            color: #000000;
            border: none;
            border-radius: 50px; /* Pill shape */
            padding: 12px 35px;
            font-size: 15px;
            font-weight: 500;
            transition: opacity 0.2s ease;
        }

        .btn-subscribe:hover {
            opacity: 0.85;
        }

        .disclaimer-text {
            font-size: 13px;
            color: #cccccc; /* Slightly greyed out */
            line-height: 1.6;
            max-width: 90%;
        }

        /* Right Column Lists */
        .footer-heading {
            font-size: 17px;
            font-weight: 700;
            margin-bottom: 25px;
            color: #ffffff;
        }

        .footer-links {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-direction: column;
            gap: 20px; /* Exact spacing between list items */
        }

        .footer-links li a {
            color: #f0f0f0;
            text-decoration: none;
            font-size: 15px;
            font-weight: 400;
            transition: color 0.2s ease;
        }

        .footer-links li a:hover {
            color: #888;
        }

        /* Divider Line */
        .footer-divider-wrapper {
            display: flex;
            align-items: center;
            margin: 60px 0 30px; /* Spacing above and below divider */
        }
        
        .footer-diamond {
            width: 3px;
            height: 3px;
            background-color: #ffffff;
            transform: rotate(45deg);
        }
        
        .footer-line {
            flex-grow: 1;
            height: 1px;
            background-color: rgba(255, 255, 255, 0.5); /* Semi-transparent white line */
        }

        /* Bottom Bar */
        .bottom-bar-text {
            font-size: 14px;
            color: #cccccc;
        }

        .bottom-links {
            display: flex;
            gap: 30px;
            flex-wrap: wrap;
        }

        .bottom-links a {
            color: #f0f0f0;
            text-decoration: none;
            font-size: 14px;
            transition: color 0.2s;
        }

        .bottom-links a:hover {
            color: #888;
        }

        /* Responsive Adjustments */
        @media (max-width: 991px) {
            .footer-lists-wrapper {
                margin-top: 50px;
            }
        }
        
        @media (max-width: 768px) {
            .bottom-links {
                margin-top: 15px;
                gap: 20px;
            }
        }
        
        @media (max-width: 576px) {
            .newsletter-form-wrapper {
                flex-direction: column;
                align-items: flex-start;
            }
            .input-group-custom {
                max-width: 100%;
            }
            .btn-subscribe {
                width: 100%; /* Full width button on mobile */
            }
        }