:root {
            --c-bg: #ffffff;
            --c-text: #111827;
            --c-accent: #0EA5E9; /* Sky Blue */
        }

        body {
            background-color: var(--c-bg);
            color: var(--c-text);
            font-family: 'Manrope', sans-serif;
            overflow-x: hidden; /* Critic pentru orizontal scroll */
            margin: 0;
        }

        /* Typography Styles */
        .font-serif-italic {
            font-family: 'Playfair Display', serif;
            font-style: italic;
        }

        /* 3D Canvas */
        #webgl-canvas {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            z-index: -1;
            opacity: 0.5;
            pointer-events: none;
        }

        /* Text Reveal Logic */
        .reveal-type {
            color: #e5e7eb; /* Gri foarte deschis inițial */
            position: relative;
            background-clip: text;
            -webkit-background-clip: text; 
            transition: all 0.1s;
        }
        
        .char-active {
            color: #0EA5E9 !important; /* Sky Blue */
            text-shadow: 0 0 15px rgba(14, 165, 233, 0.3);
        }

        /* Horizontal Scroll Section */
        .horizontal-container {
            width: 400%; /* 4 slide-uri */
            height: 100%;
            display: flex;
            flex-wrap: nowrap;
        }
   /* Horizontal Scroll Container */
.horizontal-container {
    width: 400%; /* 4 Panels */
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
}

.h-panel {
    width: 100vw;
    height: 100vh;
    /* Important pentru a păstra imaginile în interior */
    position: relative; 
    /* Flexbox pentru centrare conținut pe mobil/desktop */
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid rgba(255,255,255,0.1); /* Separator fin */
}

        /* Hide Scrollbar */
        ::-webkit-scrollbar {
            width: 0px;
            background: transparent;
        }

        /* Utility for images */
        .img-parallax {
            height: 120%;
            width: 100%;
            object-fit: cover;
            transform: translateY(-10%);
        }


        /* OUR PURPOSE SECTION  */

        /* Adaugă la finalul fișierului */

#purpose-bg video {
    transform: scale(1.2); /* Zoom ușor în video */
}

/* Opțional: Text cu contur pentru efect artistic */
.text-outline {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px rgba(14, 165, 233, 0.5); /* Sky Blue Outline */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
/* --- NEW IMMERSIVE EFFECTS --- */

/* 1. Floating Ambient Blobs */
@keyframes float-slow {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
}
@keyframes float-slower {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(-30px, 40px) scale(1.2); }
    66% { transform: translate(20px, -30px) scale(0.8); }
}

.animate-float-slow {
    animation: float-slow 15s ease-in-out infinite;
}
.animate-float-slower {
    animation: float-slower 20s ease-in-out infinite alternate;
}

/* 2. Shimmer Text Effect */
.text-shimmer {
    background-size: 200% auto;
    animation: shimmer 4s linear infinite;
}
@keyframes shimmer {
    to { background-position: 200% center; }
}

/* 3. Smooth transition for 3D tilt reset */
.spotlight-card {
    transition: transform 0.2s ease-out, border-color 0.3s, background-color 0.3s;
    /* Important pentru efectul 3D: */
    transform-style: preserve-3d;
    perspective: 1000px;
}

@keyframes grid-flow {
    0% { transform: translateY(0); }
    100% { transform: translateY(4rem); }
}

.animate-grid-flow {
    animation: grid-flow 3s linear infinite;
}

/* Stil pentru SVG-ul Infinity */
#infinity-path {
    transition: stroke-dashoffset 2s ease-in-out;
}

/* Definirea animației */
    @keyframes marquee-scroll {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
    }

    /* Clasa care aplică animația */
    .animate-marquee {
        display: flex;
        width: fit-content; /* Se asigură că ia lățimea totală a textului */
        animation: marquee-scroll 30s linear infinite; /* 30s = viteză (mai mare = mai lent) */
    }
    
    /* Opțional: Pauză la hover dacă vrei */
    .animate-marquee:hover {
        animation-play-state: paused;
    }

    .network-profits {
        color: #6b7280; /* Gri deschis */
        font-size: 0.875rem; /* 14px */
        text-align: center;
        /* padding-bottom: 1rem; */
        margin-top: 5rem;
    }

    #hide{
        display: none!important;
    }