/* roulang page: index */
:root {
      --primary: #0F241D;
      --brand-green: #10B981;
      --brand-amber: #F59E0B;
      --surface: #FFFFFF;
      --bg-panel: #F8FAFC;
    }
    body {
      color: #334155;
      background-color: var(--bg-panel);
      font-feature-settings: "tnum";
      font-variant-numeric: tabular-nums;
    }
    .hero-bg {
      background-image: linear-gradient(135deg, rgba(15, 36, 29, 0.94), rgba(9, 19, 16, 0.98)), url('/assets/images/78f64fb37294c589.jpg');
      background-size: cover;
      background-position: center;
    }
    .engine-bg {
      background-image: linear-gradient(180deg, rgba(9, 19, 16, 0.96), rgba(15, 36, 29, 0.98)), url('/assets/images/b6dbea4f0a47b6e8.webp');
      background-size: cover;
      background-position: center;
    }
    .card-border {
      border: 1px solid #E2E8F0;
    }
    .smooth-scroll {
      scroll-behavior: smooth;
    }