/* roulang page: index */
:root {
      --radar-green: #10B981;
      --radar-deep: #059669;
      --titanium-dark: #0F172A;
      --slate-industrial: #334155;
      --air-bg-light: #F4F6F8;
      --alert-orange: #F59E0B;
      --border-gray: #E2E8F0;
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      background-color: #FFFFFF;
      color: #1E293B;
      overflow-x: hidden;
    }
    .mono-industrial {
      font-family: "JetBrains Mono", Consolas, "SF Mono", Monaco, Menlo, monospace;
    }
    .grid-bg-overlay {
      background-size: 32px 32px;
      background-image: 
        linear-gradient(to right, rgba(16, 185, 129, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(16, 185, 129, 0.05) 1px, transparent 1px);
    }
    .radar-sweep-effect {
      position: relative;
      overflow: hidden;
    }
    .radar-sweep-effect::after {
      content: "";
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: conic-gradient(from 0deg at 50% 50%, rgba(16, 185, 129, 0) 0deg, rgba(16, 185, 129, 0.08) 300deg, rgba(16, 185, 129, 0.25) 360deg);
      border-radius: 50%;
      animation: radarSweep 10s linear infinite;
      pointer-events: none;
    }
    @keyframes radarSweep {
      100% { transform: rotate(360deg); }
    }
    .glass-nav {
      background: rgba(255, 255, 255, 0.94);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-bottom: 1px solid var(--border-gray);
    }
    .custom-scrollbar::-webkit-scrollbar {
      height: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #CBD5E1;
      border-radius: 3px;
    }
    .faq-answer {
      transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
      overflow: hidden;
    }
    .faq-answer.collapsed {
      max-height: 0;
    }
    .faq-answer.expanded {
      max-height: 240px;
      transition: max-height 0.35s ease-in-out;
    }
