/* roulang page: index */
:root {
            --brand-navy: #0F2744;
            --brand-blue: #1A365D;
            --brand-teal: #0D9488;
            --brand-amber: #D97706;
            --brand-bg: #F8FAFC;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--brand-bg);
            color: #334155;
            overflow-x: hidden;
        }
        .hero-clip {
            clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
        }
        @media (max-width: 768px) {
            .hero-clip {
                clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
            }
        }
        .text-gradient {
            background: linear-gradient(135deg, #1A365D 0%, #0D9488 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }