.what-is-managely::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%233873fb' stroke-width='1.5' stroke-opacity='0.2'%3E%3C!-- القاعدة: Open Source Foundation --%3E%3Cpath d='M100 450 L300 550 L500 450 L300 350 Z' stroke-dasharray='5 5'/%3E%3Cpath d='M100 460 V480 L300 580 L500 480 V460' /%3E%3C!-- الطبقة الوسطى: ERP Logic --%3E%3Cpath d='M150 350 L300 425 L450 350 L300 275 Z' /%3E%3Cpath d='M150 355 V375 L300 450 L450 375 V355' /%3E%3C!-- الطبقة العليا: Cloud / User Interface --%3E%3Cpath d='M200 250 L300 300 L400 250 L300 200 Z' stroke-width='3'/%3E%3C!-- خطوط الربط البرمجية (توضح أن النظام متصل ببعضه) --%3E%3Cpath d='M300 550 V200' stroke-dasharray='2 10' /%3E%3Ccircle cx='300' cy='350' r='4' fill='%233873fb'/%3E%3Ccircle cx='300' cy='250' r='4' fill='%233873fb'/%3E%3C!-- أيقونة الكود المفتوح في الأعلى --%3E%3Cpath d='M280 150 l-10 10 l10 10 M320 150 l10 10 l-10 10' stroke-width='2' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: min(90%, 550px);
  pointer-events: none;
  z-index: 0;
  animation: constructionStep 8s ease-in-out infinite;
}

@keyframes constructionStep {

  0%,
  100% {
    transform: translateY(0) scale(1);
    opacity: 0.2;
  }

  50% {
    transform: translateY(-15px) scale(1.02);
    opacity: 0.4;
  }
}

.cta-content::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%233873fb' stroke-width='1.2' stroke-opacity='0.25'%3E%3C!-- شبكة البيانات الأرضية --%3E%3Cpath d='M100 400 L300 500 L500 400 L300 300 Z' /%3E%3Cpath d='M200 350 L400 450 M200 450 L400 350' stroke-opacity='0.1'/%3E%3C!-- أعمدة البيانات الذكية --%3E%3Crect x='280' y='380' width='10' height='40' fill='%233873fb' fill-opacity='0.2'/%3E%3Crect x='310' y='360' width='10' height='60' fill='%233873fb' fill-opacity='0.4'/%3E%3Crect x='340' y='330' width='10' height='90' fill='%233873fb' fill-opacity='0.6'/%3E%3C!-- سهم الانطلاق والنمو --%3E%3Cpath d='M150 450 Q300 450 450 200' stroke-width='3' stroke-dasharray='5 5'/%3E%3Cpath d='M435 210 L450 200 L455 215' stroke-width='3' stroke-linecap='round'/%3E%3C!-- دوائر الربط الرقمية --%3E%3Ccircle cx='450' cy='200' r='6' fill='%233873fb' fill-opacity='0.3'/%3E%3Ccircle cx='150' cy='450' r='4' fill='%233873fb'/%3E%3C!-- ومضات الذكاء الاصطناعي --%3E%3Cpath d='M480 180 l10-10 M495 195 l10-10' stroke-width='2' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center; 
  background-size: min(90%, 550px);
  pointer-events: none;
  z-index: 0;
  animation: smartGrowth 6s ease-in-out infinite;
}

@keyframes smartGrowth {
  0%, 100% {
    transform: translateY(0) translateX(0) scale(1);
    opacity: 0.3;
  }
  50% {
    transform: translateY(-20px) translateX(10px) scale(1.03);
    opacity: 0.5;
  }
}

.system-shots::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='fade' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23D4AF37' stop-opacity='1'/%3E%3Cstop offset='80%25' stop-color='%23D4AF37' stop-opacity='0.3'/%3E%3Cstop offset='100%25' stop-color='%23D4AF37' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='100,500 400,150 700,500' fill='url(%23fade)'/%3E%3Cpolygon points='400,500 650,250 900,500' fill='url(%23fade)'/%3E%3Cpolygon points='700,500 900,300 1100,500' fill='url(%23fade)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  pointer-events: none;
  z-index: 0;
  animation: pyramidGlow 20s ease-in-out infinite;
}

.solutions .container::after {
  content: '';
  position: absolute;
  inset: 0;
  top: -150px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1600 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%233873fb' stroke-width='1.5' opacity='0.25'%3E%3C!-- الجانب الأيسر: عدسة تدقيق تركز على العمليات المالية --%3E%3Cg transform='translate(200, 350)'%3E%3Ccircle r='140' stroke-width='3'/%3E%3Ccircle r='100' stroke-dasharray='5 5'/%3E%3Cpath d='M-140 0 H140 M0 -140 V140' stroke-width='0.5'/%3E%3C!-- أيقونة توحي بالبحث والتدقيق --%3E%3Cpath d='M60 60 L100 100' stroke-width='4' stroke-linecap='round'/%3E%3C/g%3E%3C!-- الجانب الأيمن: تمثيل لحركة المخازن والصادر والوارد --%3E%3Cg transform='translate(1400, 350)'%3E%3Crect x='-100' y='-100' width='200' height='200' rx='10' stroke-dasharray='10 5'/%3E%3Cpath d='M-60 -40 H60 M-60 0 H60 M-60 40 H30' stroke-width='2'/%3E%3C!-- أسهم توحي بحركة التدفق المالي (Revenue/Expenses) --%3E%3Cpath d='M-120 -120 L-80 -80 M120 120 L80 80' stroke-width='2'/%3E%3Cpolygon points='-80,-100 -80,-80 -100,-80' fill='%233873fb'/%3E%3Cpolygon points='80,100 80,80 100,80' fill='%233873fb'/%3E%3C/g%3E%3C!-- خطوط الربط المركزية --%3E%3Cpath d='M400 350 H1200' stroke-dasharray='1 10' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
  pointer-events: none;
  z-index: 0;
  animation: auditFloat 12s ease-in-out infinite;
}

@keyframes auditFloat {

  0%,
  100% {
    transform: scale(1);
    opacity: 0.25;
  }

  50% {
    transform: scale(1.02);
    opacity: 0.35;
  }
}

@media (max-width: 768px) {
  .solutions .container::after {
    top: -50px;
    background-size: 250% auto;
    opacity: 0.3;
  }
}


.integrations::after {
  content: '';
  position: absolute;
  inset: 0;
  top: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1600 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%233873fb' stroke-width='1.5' opacity='0.15'%3E%3Ccircle cx='100' cy='300' r='180' stroke-dasharray='10 10'/%3E%3Ccircle cx='100' cy='300' r='120'/%3E%3Cpath d='M100 120 L100 480 M-80 300 L280 300' stroke-dasharray='5 5'/%3E%3C/g%3E%3Cg%3E%3C!-- النقطة الأولى --%3E%3Ccircle cx='185' cy='215' r='8' fill='%233873fb' fill-opacity='0.4'%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 100 300; 180 100 300; 360 100 300' keyTimes='0; 0.5; 1' dur='10s' repeatCount='indefinite' /%3E%3C/circle%3E%3C!-- النقطة الثانية: تلتقي مع الأولى عند منتصف الوقت --%3E%3Ccircle cx='185' cy='385' r='8' fill='%233873fb' fill-opacity='0.4'%3E%3CanimateTransform attributeName='transform' type='rotate' values='120 100 300; 180 100 300; 480 100 300' keyTimes='0; 0.5; 1' dur='10s' repeatCount='indefinite' /%3E%3C/circle%3E%3C!-- النقطة الثالثة: تلتقي معهم أيضاً عند زاوية 180 --%3E%3Ccircle cx='100' cy='180' r='5' fill='%233873fb'%3E%3CanimateTransform attributeName='transform' type='rotate' values='240 100 300; 180 100 300; 600 100 300' keyTimes='0; 0.5; 1' dur='10s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left top;
  pointer-events: none;
  z-index: 0;
}
@keyframes ecosystemFloat {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }
}

.clients::after {
  content: '';
  position: absolute;
  inset: 0;
  top: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1600 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='glow'%3E%3CfeGaussianBlur stdDeviation='2.5' result='coloredBlur'/%3E%3CfeMerge%3E%3CfeMergeNode in='coloredBlur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' stroke='%233873fb' stroke-width='2' opacity='0.5' filter='url(%23glow)'%3E%3C!-- المدارات المتداخلة تتحرك بسرعات متعاكسة لنعومة بصرية --%3E%3Ccircle cx='120' cy='300' r='180' stroke-dasharray='30 20' opacity='0.2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 120 300' to='360 120 300' dur='60s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='120' cy='300' r='150' stroke-dasharray='2 10' opacity='0.4'%3E%3CanimateTransform attributeName='transform' type='rotate' from='360 120 300' to='0 120 300' dur='40s' repeatCount='indefinite' /%3E%3C/circle%3E%3C!-- الدرع التقني بنبض لوني --%3E%3Cg transform='translate(120, 300)'%3E%3Cpath d='M0 -55 C-35 -55 -45 -25 -45 5 C-45 35 0 65 0 65 C0 65 45 35 45 5 C45 -25 35 -55 0 -55 Z' stroke-width='2' stroke-dasharray='350' stroke-dashoffset='350' opacity='0.8'%3E%3Canimate attributeName='stroke-dashoffset' values='350;0;0;350' keyTimes='0;0.4;0.8;1' dur='5s' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' values='0.3;1;0.3' dur='2.5s' repeatCount='indefinite' /%3E%3C/path%3E%3C!-- علامة الصح انسيابية جداً --%3E%3Cpath d='M-18 5 L-3 20 L22 -10' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='80' stroke-dashoffset='80'%3E%3Canimate attributeName='stroke-dashoffset' values='80;80;0;0;80' keyTimes='0;0.45;0.7;0.9;1' dur='5s' repeatCount='indefinite' /%3E%3C/path%3E%3C/g%3E%3C!-- موجة مسح ناعمة (Scan Line) --%3E%3Ccircle cx='120' cy='300' r='100' stroke-width='1' opacity='0'%3E%3Canimate attributeName='r' values='50;160' dur='2.5s' repeatCount='indefinite' /%3E%3Canimate attributeName='opacity' values='0;0.5;0' dur='2.5s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: right top;
  pointer-events: none;
  z-index: 0;
  animation: organicPulse 8s ease-in-out infinite;
}

@keyframes organicPulse {
  0%, 100% { opacity: 0.6; filter: brightness(1); }
  50% { opacity: 0.9; filter: brightness(1.3); }
}