/* Base Styles */
        body { 
            cursor: default; 
            background-color: #ffffff; 
            color: #050505; 
            overflow-x: hidden;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
        }
        
        /* Explicit Theme Colors (Ensures visibility) */
        .text-accent { color: #10b981; }
        .bg-accent { background-color: #10b981; }
        .border-accent { border-color: #10b981; }
        
        /* Button Styles */
        .btn-primary {
            background-color: #10b981;
            color: white;
            transition: all 0.3s ease;
        }
        .btn-primary:hover {
            background-color: #059669; /* Darker emerald */
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
        }

        /* Custom Cursor Follower */
        .cursor-outline {
            position: fixed;
            top: 0; left: 0;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            z-index: 9999;
            pointer-events: none;
            width: 40px; height: 40px;
            border: 1px solid rgba(5, 5, 5, 0.2);
            transition: width 0.2s, height 0.2s, background-color 0.2s;
            mix-blend-mode: difference;
            will-change: transform;
        }
        
        /* Utility */
        .text-reveal-container { overflow: hidden; }
        .text-reveal { transform: translateY(100%); display: block; }
        
        /* Loader */
        #loader {
            position: fixed; inset: 0; background: #fff; z-index: 10000;
            display: flex; justify-content: center; align-items: center;
        }
        
        /* Parallax */
        .img-parallax { overflow: hidden; }
        .img-parallax img {
            width: 100%; height: 120%; object-fit: cover;
            transform: translateY(0);
            will-change: transform;
        }

        /* Nav & Interactions */
        .hover-underline { position: relative; }
        .hover-underline::after {
            content: '';
            position: absolute; width: 0; height: 1px;
            bottom: -2px; left: 0; background-color: currentColor;
            transition: width 0.3s ease;
        }
        .hover-underline:hover::after { width: 100%; }
        
        .nav-link.active { color: #10b981; font-weight: 700; }
        .nav-link.active::after { width: 100%; background-color: #10b981; }

        /* Hero Slider */
        .hero-slide {
            position: absolute; inset: 0; opacity: 0; visibility: hidden;
            transition: visibility 0s 0.5s;
        }
        .hero-slide.active {
            opacity: 1; visibility: visible;
            transition: opacity 1s ease-in-out;
            z-index: 10;
        }
        .hero-slide.prev { z-index: 9; opacity: 1; }
        .slide-bg { transform: scale(1); transform-origin: center center; will-change: transform; }
        .slide-progress {
            position: absolute; bottom: 0; left: 0; height: 4px; background: white; width: 0%; z-index: 20;
        }

        /* Service Cards */
        .service-card .service-bg { opacity: 0; transition: opacity 0.5s ease; }
        @media (max-width: 768px) { .service-card .service-bg { opacity: 0.15; } }
        @media (min-width: 769px) { .service-card:hover .service-bg { opacity: 0.2; } }
        
        .service-icon { transition: transform 0.5s ease, color 0.3s ease; }
        .service-card:hover .service-icon { transform: scale(1.1); color: #10b981; }

        /* Strategic Priorities Graphics */
        .bg-pattern-dots {
            background-image: radial-gradient(#e5e7eb 1px, transparent 1px);
            background-size: 20px 20px;
        }
        .growth-ring {
            border: 1px solid #f3f4f6;
            border-radius: 50%;
            position: absolute; z-index: 0;
        }

        /* Modal Styles */
        .modal-overlay {
            position: fixed; inset: 0; background: rgba(0, 0, 0, 0.7); z-index: 100;
            display: flex; justify-content: center; align-items: center;
            opacity: 0; visibility: hidden; transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
            backdrop-filter: blur(8px);
        }
        .modal-overlay.open { opacity: 1; visibility: visible; }
        .modal-content {
            background: #ffffff;
            width: 95%; max-width: 700px; 
            border-radius: 20px;
            position: relative;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            transform: scale(0.9) translateY(20px); 
            opacity: 0; 
            transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
            max-height: 90vh; overflow-y: auto;
            /*padding: 0; */
            overflow-x: hidden;
        }
        .modal-overlay.open .modal-content { transform: scale(1) translateY(0); opacity: 1; }
        
        /* Inner Content Animation */
        .modal-body-inner {
            opacity: 0; transform: translateY(10px);
            transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s;
        }
        .modal-overlay.open .modal-body-inner { opacity: 1; transform: translateY(0); }

        /* Custom Scrollbar for Modal */
        .modal-content::-webkit-scrollbar { width: 6px; }
        .modal-content::-webkit-scrollbar-track { background: #f1f1f1; }
        .modal-content::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 3px; }
        
        body.modal-open { overflow: hidden; }
        
        /* Close Button Hover */
        .close-modal-btn:hover { background-color: rgba(0,0,0,0.1); border-radius: 50%; }