/* roulang page: index */
:root {
            --primary: #0F2027;
            --accent: #D97706;
            --surface: #F8FAFC;
        }
        html {
            scroll-behavior: smooth;
            text-rendering: optimizeLegibility;
        }
        body {
            overflow-x: hidden;
            background-color: #FFFFFF;
            color: #334155;
        }
        .circuit-pattern {
            background-image: radial-gradient(#203A43 0.75px, transparent 0.75px);
            background-size: 24px 24px;
        }
        .hero-backdrop {
            background: linear-gradient(135deg, rgba(15, 32, 39, 0.94) 0%, rgba(32, 58, 67, 0.92) 50%, rgba(44, 83, 100, 0.88) 100%), url('/assets/images/5ce15bb962827ae3.webp') center/cover no-repeat;
        }
        .wafer-backdrop {
            background: linear-gradient(135deg, rgba(11, 19, 43, 0.97) 0%, rgba(28, 37, 65, 0.95) 100%), url('/assets/images/87af5ffea2b479de.webp') center/cover no-repeat;
        }