/* roulang page: index */
:root {
      --navy: #0F2B48;
      --navy-dark: #0A1E33;
      --emerald: #059669;
      --emerald-dark: #047857;
      --paper: #F8F9FA;
      --graphite: #111315;
      --graphite-card: #1A1D20;
      --border: #E5E7EB;
      --text: #1F2937;
      --muted: #4B5563;
    }
    body {
      color: var(--text);
      background-color: var(--paper);
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    .custom-shadow {
      transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
    }
    .custom-shadow:hover {
      transform: translateY(-2px);
      box-shadow: 0 12px 24px -4px rgba(15, 43, 72, 0.08);
    }
    details summary::-webkit-details-marker {
      display: none;
    }
    .faq-item[open] summary .faq-icon {
      transform: rotate(45deg);
    }
    .sticky-bar-active {
      transform: translateY(0);
      opacity: 1;
    }
    .sticky-bar-hidden {
      transform: translateY(100%);
      opacity: 0;
    }