/* roulang page: index */
:root {
            --brand-primary: #00E599;
            --brand-primary-dark: #00B377;
            --brand-secondary: #008BFF;
            --brand-bg-light: #F6F8FA;
            --brand-bg-dark: #0B0F17;
            --brand-text-carbon: #111827;
            --brand-text-lead: #374151;
            --brand-border: rgba(0, 0, 0, 0.08);
            --brand-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.06);
        }
        body {
            font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
            background-color: var(--brand-bg-light);
            color: var(--brand-text-carbon);
            overflow-x: hidden;
            line-height: 1.8;
        }
        .text-lead-para {
            color: var(--brand-text-lead);
            line-height: 1.8;
            font-size: 1rem;
        }
        .hero-banner-bg {
            background-image: linear-gradient(135deg, rgba(11, 15, 23, 0.94) 0%, rgba(18, 24, 36, 0.90) 100%), url('/assets/images/4abfd30fec88443f.webp');
            background-size: cover;
            background-position: center;
        }
        .tactical-bg {
            background-image: linear-gradient(180deg, rgba(11, 15, 23, 0.96) 0%, rgba(11, 15, 23, 0.98) 100%), url('/assets/images/bbcc49d221619db7.webp');
            background-size: cover;
            background-position: center;
        }
        .whitepaper-box {
            box-shadow: 0 20px 40px -15px rgba(0, 229, 153, 0.2);
        }