/* roulang page: index */
:root {
            --brand-obsidian: #0B0F19;
            --brand-slate: #0F172A;
            --brand-emerald: #10B981;
            --brand-cyan: #0EA5E9;
            --brand-rose: #F43F5E;
            --brand-canvas: #F8FAFC;
        }
        body {
            background-color: var(--brand-canvas);
            color: #334155;
            -webkit-font-smoothing: antialiased;
        }
        .hero-diagonal-bg {
            clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
        }
        .metric-mono {
            font-family: 'JetBrains Mono', Menlo, monospace;
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 9999px;
        }
        .pulse-emerald {
            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 8px rgba(16, 185, 129, 0); }
            100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
        }