/* BASE STYLES */
        body { 
            font-family: 'Inter', sans-serif; 
            background-color: #F8FAFC; /* Slate 50 - Enterprise clean */
            color: #1E293B; /* Slate 800 */
        }
        .font-mono { font-family: 'Fira Code', monospace; }
        
        /* SCROLL BEHAVIOR */
        html { scroll-behavior: smooth; }
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #94A3B8; }
       
        .mobile-nav-link {
    display: block;
    padding: 10px 12px;
    border-radius: 8px;
    color: #475569;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
}


.mobile-nav-link:hover {
    background: #F8FAFC;
    color: #2563EB;
}
        /* TERMINAL STYLES (The "Intelligence" Showcase) */
        .terminal-window {
            background: #0F172A; /* Slate 900 */
            color: #E2E8F0;
            border-radius: 8px;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            font-family: 'Fira Code', monospace;
            font-size: 0.85rem;
            border: 1px solid #334155;
        }
        .terminal-header {
            background: #1E293B;
            padding: 8px 16px;
            display: flex;
            align-items: center;
            gap: 6px;
            border-bottom: 1px solid #334155;
        }
        .dot { width: 10px; height: 10px; border-radius: 50%; }
        .red { background-color: #EF4444; }
        .yellow { background-color: #F59E0B; }
        .green { background-color: #10B981; }

        /* SALESFORCE CARD STYLES (The "Professional" Showcase) */
        .sf-card {
            background: white;
            border: 1px solid #E2E8F0;
            border-radius: 8px;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
            transition: all 0.2s ease-in-out;
        }
        .sf-card:hover {
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            border-color: #3B82F6;
            transform: translateY(-2px);
        }

        /* UTILITIES */
        .status-dot {
            height: 8px; width: 8px; background-color: #10B981; border-radius: 50%; display: inline-block;
            box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
            animation: pulse-green 2s infinite;
        }
        @keyframes pulse-green {
            0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
            70% { box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); }
            100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
        }

        .chart-container { position: relative; height: 300px; width: 100%; }
         .tech-tag {
        display: inline-flex;
        align-items: center;
        padding: 6px 10px;
        background: #F8FAFC;
        color: #475569;
        border: 1px solid #E2E8F0;
        border-radius: 6px;
        font-size: 0.75rem;
        font-family: 'Fira Code', monospace;
        transition: all 0.2s ease;
    }

    .tech-tag:hover {
        border-color: #94A3B8;
        transform: translateY(-1px);
    }
    /* Smooth anchor navigation below the sticky navbar */
html {
    scroll-behavior: smooth;
}

    section[id] {
    scroll-margin-top: 50px;
    }