@keyframes floatSlow { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-12px); } } @keyframes pulseGlow { 0%, 100% { opacity: 0.35; filter: blur(40px); } 50% { opacity: 0.7; filter: blur(70px); } } @keyframes scrollDot { 0% { opacity: 0; transform: translateY(0); } 30% { opacity: 1; } 100% { opacity: 0; transform: translateY(12px); } } @keyframes shinePass { 0% { transform: translateX(-130%); } 100% { transform: translateX(130%); } } /* الإخفاء الابتدائي مربوط بكلاس .js على (يُضاف فورًا بأول سطر بـscript.js) — هيك لو تعطّل جافاسكربت لأي سبب، المحتوى بيضل ظاهر بشكل طبيعي بدل ما يختفي للأبد. */ html.js .reveal { opacity: 0; transform: translateY(32px); transition: opacity 0.9s ease, transform 0.9s ease, filter 0.9s ease; filter: blur(10px); } .reveal-left { transform: translateX(-40px); } .reveal-right { transform: translateX(40px); } .reveal-scale { transform: scale(0.94); } html.js .reveal.visible { opacity: 1; transform: none; filter: blur(0); } /* كشف متدرّج لأبناء القسم (--i بينحط عبر JS حسب ترتيب كل عنصر) — كل عنصر بيتبع القسم الأب بتأخير تصاعدي بسيط، بدل ما يظهروا كلهم دفعة وحدة لحظة ظهور القسم. */ html.js .reveal .services-card, html.js .reveal .hero-index-row, html.js .reveal .offer-row, html.js .reveal .value-row { opacity: 0; transform: translateY(18px); transition: opacity 0.6s ease, transform 0.6s ease; transition-delay: calc(var(--i, 0) * 0.08s); } html.js .reveal.visible .services-card, html.js .reveal.visible .hero-index-row, html.js .reveal.visible .offer-row, html.js .reveal.visible .value-row { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { html.js .reveal, html.js .reveal .services-card, html.js .reveal .hero-index-row, html.js .reveal .offer-row, html.js .reveal .value-row { transition: none; opacity: 1; transform: none; filter: none; } } .delay-1 { transition-delay: 0.08s; } .delay-2 { transition-delay: 0.16s; } .delay-3 { transition-delay: 0.24s; } .delay-4 { transition-delay: 0.32s; }