/* roulang page: index */
:root {
            --brand-primary: #0F766E;
            --brand-accent: #F97316;
            --brand-dark: #0F172A;
            --bg-light: #F8FAFC;
        }
        html {
            scroll-behavior: smooth;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
        }
        .bento-hero-bg {
            background-image: linear-gradient(rgba(15, 23, 42, 0.85), rgba(15, 23, 42, 0.92)), url('/assets/images/397caba290d9acd0.webp');
            background-size: cover;
            background-position: center;
        }
        .section-alt {
            background-color: #F8FAFC;
        }
        .accordion-content {
            transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.2s ease-out;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
        }
        .accordion-content.open {
            max-height: 500px;
            opacity: 1;
            transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out;
        }