/* roulang page: index */
:root {
      --brand-neon: #00E599;
      --brand-orange: #FF5500;
      --brand-dark: #0B0D0F;
      --brand-text: #111827;
      --brand-muted: #64748B;
      --brand-bg-alt: #F8FAFC;
      --brand-border: #E2E8F0;
    }
    html {
      scroll-behavior: smooth;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    }
    .custom-card {
      transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1), border-color 300ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 300ms cubic-bezier(0.16, 1, 0.3, 1);
    }
    .custom-card:hover {
      transform: translateY(-6px);
      border-color: rgba(0, 229, 153, 0.45);
      box-shadow: 0 16px 36px rgba(0, 0, 0, 0.06);
    }
    .faq-grid-item[open] summary svg {
      transform: rotate(180deg);
    }
    .hero-glass {
      background: rgba(255, 255, 255, 0.92);
      backdrop-filter: blur(14px);
    }