/* roulang page: index */
:root {
            --primary: #0284C7;
            --primary-dark: #0369A1;
            --accent: #0D9488;
            --bg-light: #F8FAFC;
            --text-main: #1E293B;
            --text-muted: #64748B;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            color: var(--text-main);
            background-color: #FFFFFF;
        }
        .bento-hero-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 1.5rem;
        }
        @media (min-width: 1024px) {
            .bento-hero-grid {
                grid-template-columns: 1.8fr 1.2fr;
                grid-template-rows: auto auto;
            }
        }