/* roulang page: index */
:root {
      --primary: #0E7490;
      --primary-dark: #155E75;
      --accent: #EA580C;
      --dark: #0F172A;
      --surface: #F8FAFC;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      color: #334155;
      background-color: #FFFFFF;
      line-height: 1.75;
      overflow-x: hidden;
    }
    .custom-container {
      max-width: 80rem;
      margin-left: auto;
      margin-right: auto;
      padding-left: 1rem;
      padding-right: 1rem;
    }
    @media (min-width: 640px) {
      .custom-container { padding-left: 1.5rem; padding-right: 1.5rem; }
    }
    @media (min-width: 1024px) {
      .custom-container { padding-left: 2rem; padding-right: 2rem; }
    }
    .hero-bg {
      background-image: linear-gradient(to right, rgba(15, 23, 42, 0.92), rgba(14, 116, 144, 0.85)), url('/assets/images/21b7303900a668fa.jpg');
      background-size: cover;
      background-position: center;
    }
    .cta-strip-bg {
      background-image: linear-gradient(135deg, rgba(14, 116, 144, 0.95), rgba(15, 23, 42, 0.95)), url('/assets/images/38cb598b380b826e.jpg');
      background-size: cover;
      background-position: center;
    }