/* roulang page: index */
:root {
      --primary-navy: #1E1B4B;
      --primary-blue: #1E40AF;
      --accent-teal: #14B8A6;
      --bg-slate: #F8FAFC;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      background-color: var(--bg-slate);
      color: #334155;
      overflow-x: hidden;
    }
    .brand-gradient-bg {
      background: linear-gradient(135deg, #1E1B4B 0%, #1D4ED8 50%, #0D9488 100%);
    }
    .glass-nav {
      background: rgba(255, 255, 255, 0.92);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }
    .pill-badge {
      display: inline-flex;
      align-items: center;
      padding: 0.35rem 0.95rem;
      border-radius: 9999px;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.025em;
    }
    .card-transition {
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .card-transition:hover {
      transform: translateY(-6px);
    }
    .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.35s ease-out;
    }
    .faq-answer.open {
      max-height: 240px;
    }
    .accordion-icon {
      transition: transform 0.3s ease;
    }
    .accordion-icon.open {
      transform: rotate(180deg);
    }