/* roulang page: index */
:root {
            --brand-primary: #0F382C;
            --brand-accent: #E65F2B;
            --brand-bg: #F8F9FA;
            --text-heading: #111827;
            --text-body: #374151;
            --text-muted: #6B7280;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: var(--text-body);
            background-color: #ffffff;
            -webkit-font-smoothing: antialiased;
        }
        .bento-hero-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 1.5rem;
        }
        @media (min-width: 1024px) {
            .bento-hero-grid {
                grid-template-columns: 1.6fr 1fr;
            }
        }
        .text-balance {
            text-wrap: balance;
        }