/* roulang page: index */
:root {
      --color-primary: #D97706;
      --color-primary-hover: #B45309;
      --color-dark: #0F172A;
      --color-slate: #1E293B;
      --color-text-body: #475569;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
      color: #334155;
      background-color: #F8FAFC;
      line-height: 1.75;
      -webkit-font-smoothing: antialiased;
    }
    .clip-hero-diagonal {
      clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
    }
    @media (max-width: 768px) {
      .clip-hero-diagonal {
        clip-path: none;
      }
    }
    .badge-laser {
      background: rgba(217, 119, 6, 0.15);
      border: 1px solid rgba(245, 158, 11, 0.35);
    }