/* roulang page: index */
:root {
      --primary: #0F5132;
      --accent: #EA580C;
      --bg-surface: #F8FAFC;
    }
    body {
      background-color: var(--bg-surface);
      color: #334155;
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    .custom-shadow {
      box-shadow: 0 10px 25px -5px rgba(15, 81, 50, 0.08), 0 8px 10px -6px rgba(15, 81, 50, 0.04);
    }
    .hero-skew {
      clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
    }
    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
    }
    .accordion-content.open {
      max-height: 500px;
      transition: max-height 0.3s cubic-bezier(1, 0, 1, 0);
    }
    .text-balance {
      text-wrap: balance;
    }