/* roulang page: index */
:root {
      --color-black: #121417;
      --color-slate: #1E2229;
      --color-accent: #FF4D26;
      --color-mint: #00E599;
      --color-bg-light: #F8F9FA;
      --color-border: #E5E7EB;
    }
    body {
      background-color: #FFFFFF;
      color: var(--color-black);
      -webkit-font-smoothing: antialiased;
    }
    .custom-container {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
    .hero-bg {
      background-image: linear-gradient(rgba(18, 20, 23, 0.88), rgba(18, 20, 23, 0.94)), url('/assets/images/8d0012cbbc3ff56b.webp');
      background-size: cover;
      background-position: center;
    }
    .case-deep-bg {
      background-image: linear-gradient(rgba(18, 20, 23, 0.95), rgba(18, 20, 23, 0.95)), url('/assets/images/38206b01db55071b.png');
      background-size: cover;
      background-position: center;
    }
    .btn-glow {
      position: relative;
      overflow: hidden;
      transition: all 0.25s ease;
    }
    .btn-glow:hover {
      box-shadow: 0 0 20px rgba(255, 77, 38, 0.4);
      transform: translateY(-2px);
    }
    .card-hover {
      transition: all 0.25s ease;
    }
    .card-hover:hover {
      transform: translateY(-4px);
      box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.06), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
      border-color: #CBD5E1;
    }
    .stat-number {
      font-family: 'DIN Alternate', 'Inter', system-ui, sans-serif;
    }