:root{--color-primary: #6366F1;--color-secondary: #10B981;--color-accent: #F59E0B;--gradient-primary: linear-gradient(135deg, #6366F1 0%, #a855f7 100%);--gradient-soft: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);--color-background: #FFFFFF;--color-surface: #F8FAFC;--color-border: #E2E8F0;--color-text-main: #0F172A;--color-text-muted: #64748B;--color-text-inverse: #FFFFFF;--font-arabic: "bein", system-ui, sans-serif;--line-height-ar: 1.8;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .03);--shadow-modern: 0 10px 40px -10px rgba(99, 102, 241, .08);--shadow-glow: 0 0 20px rgba(99, 102, 241, .2);--shadow-indigo-light: 0 10px 30px rgba(99, 102, 241, .1);--transition-buoyant: cubic-bezier(.175, .885, .32, 1.275);--duration-normal: .6s;--direction: rtl}@keyframes buoyant{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes orbit{0%{transform:rotate(0) translate(150px) rotate(0)}to{transform:rotate(360deg) translate(150px) rotate(-360deg)}}@keyframes float-gentle{0%{transform:translate(0) scale(1)}33%{transform:translate(5px,-8px) scale(1.02)}66%{transform:translate(-3px,5px) scale(.98)}to{transform:translate(0) scale(1)}}html{direction:var(--direction);scroll-behavior:smooth}body{background-color:var(--color-background);color:var(--color-text-main);font-family:var(--font-arabic);line-height:var(--line-height-ar);margin:0;-webkit-font-smoothing:antialiased}.glass{background:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.5)}.nucleus-ring{border:1px dashed var(--color-border);border-radius:50%;position:absolute}@font-face{font-family:bein;src:url(/assets/beIN-Normal-BB4r_r3c.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:bein;src:url(/assets/beIN-Black-CVxuAEtX.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,.bold-text{font-weight:900}html{font-family:var(--font-arabic);scroll-behavior:smooth;color-scheme:light;direction:var(--direction)}body{min-height:100vh;margin:0;background:var(--color-background);color:var(--color-text-main);overflow-x:hidden;text-align:right}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-smooth)}button{cursor:pointer;font-family:inherit;border:none;outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.process-section{padding:120px 2rem 200px}@keyframes pulse-soft{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(.95);opacity:.8}}.pulse-indicator{animation:pulse-soft 2s infinite ease-in-out}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.scroller-container:hover .scroller-content{animation-play-state:paused!important}.client-logo-card{width:140px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;filter:grayscale(100%);opacity:.7;transition:all .3s ease;cursor:default;margin:0 1rem;background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-lg);padding:.5rem;position:relative;overflow:visible;z-index:1}.client-logo-card:hover{filter:grayscale(0%);opacity:1;transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a;border-color:var(--color-primary);z-index:100}.client-logo-card img{width:100%;height:100%;object-fit:contain;pointer-events:none;transition:transform .3s ease;padding:1rem}.client-logo-card:hover img{transform:scale(1.05)}.client-name-reveal{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(-10px);margin-top:.5rem;font-size:.85rem;font-weight:800;color:var(--color-text-main);background:#fff;padding:.1rem .6rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a;opacity:0;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap;pointer-events:none;border:1px solid var(--color-border)}.client-logo-card:hover .client-name-reveal{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 768px){html{font-size:14px}.hide-on-mobile{display:none!important}.show-on-mobile{display:flex!important;visibility:visible!important}.section-padding-mobile{padding:60px 1.5rem 3rem!important}.hero-padding-mobile{padding:120px 1.5rem 3rem!important}.process-section{padding:60px 1.5rem 4rem!important}.hero-orbital-wrapper{transform:scale(.9)!important;margin-top:-80px!important;height:480px!important}.grid-responsive{gap:2rem!important}.flex-responsive{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:2rem!important}.flex-reverse-mobile{flex-direction:column-reverse!important}.text-center-mobile{text-align:center!important}.process-relative-container{height:auto!important;margin-top:2rem!important;display:flex;flex-direction:column;align-items:center}.responsive-process-container{padding:0 1rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important}.responsive-step{width:100%!important;position:relative!important;margin-top:5rem!important;margin-bottom:2rem!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;left:auto!important;top:auto!important}.responsive-step-content{position:static!important;transform:none!important;padding-top:1.5rem;width:100%!important;text-align:center!important}.mobile-connector-svg{display:none!important}}@media (min-width: 769px){.show-on-mobile{display:none!important}.process-relative-container{height:280px!important;width:1200px!important;margin:0 auto!important}.responsive-process-container{display:flex!important;flex-direction:row!important;justify-content:space-between!important;padding:0 50px!important}.responsive-step{width:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;position:absolute!important;transform:translate(-50%)}.responsive-step-content{position:absolute!important;top:80px;width:280px!important;text-align:center!important}}.hero-satellite-rotating-layer{animation:orbitRotate 40s linear infinite;transform-origin:center center;position:absolute;width:100%;height:100%}.hero-orbital-orb-wrapper{animation:orbitCounterRotate 40s linear infinite;transform-origin:center center}@keyframes orbitRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbitCounterRotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}