.floating-wrapper {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
  }

  .float {
    position: absolute;
    border-radius: 9999px;
    opacity: 0.12;
    background: linear-gradient(135deg, #6C4AB6, #4A90E2, #F5A623);
    animation: floatMotion linear infinite;
  }

  @keyframes floatMotion {
    0%, 100% {
      transform: translate(0, 0) rotate(0deg) scale(1);
    }
    25% {
      transform: translate(20px, -30px) rotate(90deg) scale(1.2);
    }
    50% {
      transform: translate(-15px, 25px) rotate(180deg) scale(1);
    }
    75% {
      transform: translate(10px, -20px) rotate(270deg) scale(1.1);
    }
  }

  /* ====== بدائل Framer Motion بحركات CSS ====== */
  .orb { border-radius: 9999px; filter: blur(32px); opacity: .8; }
  @keyframes orbSpinA {
    0% { transform: scale(1) rotate(0deg); }
    50%{ transform: scale(1.2) rotate(180deg); }
    100%{transform: scale(1) rotate(360deg);}
  }
  @keyframes orbSpinB {
    0% { transform: scale(1.2) rotate(360deg); }
    50%{ transform: scale(1) rotate(180deg); }
    100%{transform: scale(1.2) rotate(0deg);}
  }
  @keyframes floatY {
    0%,100%{ transform: translate(0, -10px) rotate(0); }
    50%{ transform: translate(0, 10px) rotate(5deg); }
  }
  @keyframes floatXY {
    0%{ transform: translate(0,0) rotate(0) }
    25%{ transform: translate(20px,-20px) rotate(90deg) }
    50%{ transform: translate(-15px,20px) rotate(180deg) }
    75%{ transform: translate(10px,-15px) rotate(270deg) }
    100%{ transform: translate(0,0) rotate(360deg) }
  }

  /* أيقونات Tech صغيرة بتطفو */
  .pix {
    width: 16px; height: 16px; border-radius: 4px; filter: blur(1px);
    animation: floatXY 6s ease-in-out infinite;
    opacity: .25;
  }

  /* Badge نابض */
  @keyframes pulseSoft {
    0%, 100% { opacity: .9; transform: translateY(0); }
    50% { opacity: 1; transform: translateY(-6px); }
  }

  /* كروت/رقائق عائمة على الصورة */
  .float-card { animation: floatY 4s ease-in-out infinite; }

  /* دوائر إحصائيات تتدرّج عرضها */
  @keyframes growLine {
    from { width: 0; }
    to   { width: 60%; }
  }

  /* إخفاء سكرول شريط العملاء */
  .scrollbar-hide { scrollbar-width: none; }
  .scrollbar-hide::-webkit-scrollbar { display: none; }

  /* قائمة لغات بسيطة بدون مكونات React */
  .lang-menu { display: none; }
  .lang-group:hover .lang-menu { display: block; }

  /* RTL تحسين مسافات */
  .space-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
  }

  .orb { border-radius: 9999px; filter: blur(36px); }
    @keyframes orbPulseA {
      0%,100%{ transform: scale(1); opacity:.3 }
      50%{ transform: scale(1.2); opacity:.5 }
    }
    @keyframes orbPulseB {
      0%,100%{ transform: scale(1.2); opacity:.3 }
      50%{ transform: scale(1); opacity:.5 }
    }
    .tilt-hover { transition: transform .5s ease; }
    .tilt-hover:hover { transform: translateY(-8px) scale(1.05); }

    /* دوران بسيط للأيقونة على الهوفر */
    .icon-wiggle { transition: transform .5s ease; }
    .tilt-hover:hover .icon-wiggle {
      transform: rotate(10deg);
    }

    /* خط الزخرفة ينمو عند الظهور */
    .grow-line { width: 0; height: 4px; border-radius: 9999px; }
    .grow-line.in { animation: grow 0.6s ease forwards; }
    @keyframes grow { to { width: 60%; } }

    /* ظهور لطيف عند السكره */
    .reveal { opacity: 0; transform: translateY(30px); transition: opacity .6s ease, transform .6s ease; }
    .reveal.in { opacity: 1; transform: translateY(0); }