*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,IBM Plex Sans Arabic,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-left-3{left:-.75rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-8{left:2rem}.right-0{right:0}.right-10{right:2.5rem}.top-0{top:0}.top-1\/2{top:50%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.-mt-0\.5{margin-top:-.125rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-40{height:10rem}.h-\[100dvh\]{height:100dvh}.h-full{height:100%}.w-\[1px\]{width:1px}.w-full{width:100%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-10{--tw-translate-x: -2.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-5{--tw-translate-x: -1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-5{--tw-translate-y: -1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-10{--tw-translate-x: 2.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-5{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-10{--tw-translate-y: 2.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-10vh\]{--tw-translate-y: -10vh;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-6{--tw-rotate: -6deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.skew-x-12{--tw-skew-x: 12deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness: mandatory}.snap-start{scroll-snap-align:start}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.scroll-smooth{scroll-behavior:smooth}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-white\/20{border-color:#fff3}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-brand-dark{--tw-bg-opacity: 1;background-color:rgb(5 5 5 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/0{background-color:#fff0}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-white\/20{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/35{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .35) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.text-left{text-align:left}.font-display{font-family:Anton,IBM Plex Sans Arabic,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\[10px\]{font-size:10px}.text-\[22vw\]{font-size:22vw}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.leading-none{line-height:1}.tracking-\[0\.27em\]{letter-spacing:.27em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-brand-orange{--tw-text-opacity: 1;color:rgb(139 92 246 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/30{color:#ffffff4d}.opacity-0{opacity:0}.shadow-glow{--tw-shadow: 0 0 24px rgba(139, 92, 246, .55);--tw-shadow-colored: 0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.duration-1000{transition-duration:1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.\[animation-direction\:reverse\]{animation-direction:reverse}.\[animation-duration\:20s\]{animation-duration:20s}.\[animation-duration\:30s\]{animation-duration:30s}:root{color-scheme:dark;--active-accent: #a78bfa}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}html,body{background:#030305}body{font-family:Segoe UI,Tahoma,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,a{cursor:pointer;-webkit-tap-highlight-color:transparent}button{font:inherit}::-webkit-scrollbar{display:none}.text-outline{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.28)}.cinematic-section{height:100dvh;min-height:100dvh;isolation:isolate}.xsoft-ambient,.xsoft-soft-grid{position:absolute;pointer-events:none}.xsoft-ambient{z-index:0;width:52vw;height:52vw;border-radius:999px;filter:none;opacity:.2;transition:background-color .7s ease}.xsoft-ambient-one{top:-24vw;right:-12vw;background:radial-gradient(circle,color-mix(in srgb,var(--active-accent) 72%,transparent),transparent 70%)}.xsoft-ambient-two{bottom:-30vw;left:-20vw;background:radial-gradient(circle,rgba(37,99,235,.48),transparent 70%);opacity:.13}.xsoft-soft-grid{inset:0;z-index:1;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at center,black 10%,transparent 75%);mask-image:radial-gradient(circle at center,black 10%,transparent 75%)}.section-wash{position:absolute;inset:0;z-index:-2;pointer-events:none}.section-wash:after{content:"";position:absolute;width:36rem;height:36rem;border-radius:50%;filter:none;background:radial-gradient(circle,color-mix(in srgb,var(--active-accent) 34%,transparent),transparent 70%);opacity:.32}.section-wash-build:after{top:6%;right:-15rem}.section-wash-crm:after{left:-15rem;top:18%}.section-wash-system:after{left:50%;top:50%;transform:translate(-50%,-50%);opacity:.12}.section-wash-partner:after{left:50%;bottom:-24rem;transform:translate(-50%)}.section-wash-final:after{left:50%;top:40%;transform:translate(-50%,-50%);opacity:.15}.xsoft-navigation{padding:1.65rem 2.5rem}.xsoft-brand{gap:.75rem}.xsoft-brand-mark{width:2.45rem;height:2.45rem;box-shadow:0 8px 30px #ffffff1f}.xsoft-brand-mark span{font-size:1.55rem}.xsoft-brand-copy span:first-child{font-size:1.05rem}.xsoft-brand-copy span:last-child{font-size:.8rem}.xsoft-nav-actions{gap:1rem}.xsoft-lang{padding:.5rem .95rem;background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.xsoft-mail svg{width:1.45rem;height:1.45rem}.hero-section:after{content:"";position:absolute;inset:auto 0 0;height:42%;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(3,3,6,.96),rgba(3,3,6,.38),transparent)}.hero-light-panel{position:absolute;z-index:1;width:34rem;height:34rem;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--active-accent) 18%,transparent),transparent 68%);filter:none}.xsoft-background-title{padding-top:0}.xsoft-background-title h1{font-size:10.7vw;gap:4.4vw;opacity:.9}.hero-explore{position:absolute;top:19%;left:8.5%;color:#ffffffc2;transition:transform .3s ease,color .3s ease}.nav-ar+* .hero-explore,[data-language=ar] .hero-explore{left:auto;right:8.5%}.hero-explore:hover{transform:translateY(-3px);color:#fff}.hero-explore-icon{width:3rem;height:3rem;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-play-triangle{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid white;margin-left:2px}.hero-explore span{max-width:9rem;font-size:.7rem;line-height:1.55;letter-spacing:.08em}.hero-bottom{position:relative;z-index:5;min-height:15rem;padding:0 4rem 2.8rem}.hero-copy{position:absolute;bottom:2.9rem;width:min(31rem,36vw);padding:.35rem 0;text-shadow:0 2px 28px rgba(0,0,0,.86)}.hero-copy:before{content:"";position:absolute;z-index:-1;top:-2.4rem;bottom:-2.4rem;width:155%;pointer-events:none;filter:none;opacity:.82;background:radial-gradient(ellipse at center,rgba(3,3,7,.78),rgba(3,3,7,.38) 44%,transparent 72%)}.hero-copy-en:before{left:-24%}.hero-copy-ar:before{right:-24%}.hero-copy-en{left:4rem;text-align:left}.hero-copy-ar{right:4rem;text-align:right}.hero-copy-line{width:2.4rem;height:2px;margin-bottom:.75rem;border-radius:10px;box-shadow:0 0 18px currentColor}.hero-copy-ar .hero-copy-line{margin-inline-start:auto}.hero-eyebrow{font-size:clamp(1.2rem,1.75vw,1.75rem);font-weight:500;line-height:1.38}.hero-meta{margin-top:.5rem;color:#ffffffb8;font-size:.68rem;font-weight:600;line-height:1.55;letter-spacing:.08em;text-transform:uppercase}.hero-intro,.hero-intro-mobile{margin-top:.65rem;color:#ffffffab;font-size:.78rem;font-weight:300;line-height:1.9}.hero-cta{position:absolute;left:50%;bottom:2.8rem;transform:translate(-50%)}.hero-cta button{min-width:12rem;padding:1rem 2.25rem}.hero-cta span{font-size:.78rem;letter-spacing:.1em}.hero-arrows{position:absolute;bottom:3rem;display:flex;align-items:center;gap:.75rem}.hero-arrows-en{right:4rem}.hero-arrows-ar{left:4rem}.hero-arrow-circle{width:3.25rem;height:3.25rem;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#0a0a0f7a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .25s ease,background .25s ease,color .25s ease}.hero-arrow-circle:hover{transform:translateY(-3px);color:#050505;background:#fff}.hero-arrow-circle svg{width:1.15rem;height:1.15rem}.section-kicker,.section-pill,.partner-kicker,.system-heading>span,.final-label{color:var(--active-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:700;letter-spacing:.12em}.section-title,.crm-title,.partner-heading h2,.system-heading h2,.final-title{color:#fff;font-family:Impact,Arial Black,Segoe UI,sans-serif;font-weight:700}.lang-ar .section-title,.lang-ar .crm-title,.lang-ar .partner-heading h2,.lang-ar .system-heading h2,.lang-ar .final-title{font-family:Tahoma,Segoe UI,Arial,sans-serif;font-weight:700}.build-section{padding:5rem 5vw}.section-grid-lines{position:absolute;inset:0;z-index:-1;opacity:.4;background-image:linear-gradient(90deg,transparent 32.9%,rgba(255,255,255,.05) 33%,transparent 33.1%),linear-gradient(90deg,transparent 66.5%,rgba(255,255,255,.05) 66.6%,transparent 66.7%),linear-gradient(transparent 49.9%,rgba(255,255,255,.035) 50%,transparent 50.1%)}.build-layout.is-ar{flex-direction:row-reverse}.build-copy{position:relative;width:min(35vw,30rem);padding:.4rem 1.6rem .4rem 0;border-inline-start:1px solid rgba(255,255,255,.18);text-shadow:0 2px 28px rgba(0,0,0,.82)}.build-copy[dir=rtl]{padding:.4rem 0 .4rem 1.6rem}.build-copy:before{content:"";position:absolute;inset-inline-start:-1px;top:0;width:1px;height:5.2rem;background:linear-gradient(to bottom,var(--active-accent),transparent);box-shadow:0 0 18px var(--active-accent)}.build-copy[dir=rtl]{text-align:right}.build-copy[dir=ltr]{text-align:left}.section-kicker{display:flex;align-items:center;gap:.55rem;margin-bottom:.7rem}.section-kicker span{width:.45rem;height:.45rem;flex:none;border-radius:50%;background:var(--active-accent);box-shadow:0 0 16px var(--active-accent)}.section-title{font-size:clamp(3rem,4.5vw,4.7rem);line-height:1.03;letter-spacing:-.025em}.lang-en .section-title{text-transform:uppercase;line-height:.93}.build-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:2rem}.metric-block{position:relative;min-width:0;padding:1rem 0 0;border-top:1px solid rgba(255,255,255,.14)}.metric-block:before{content:"";position:absolute;inset-inline-start:0;top:-1px;width:2.5rem;height:1px;background:var(--active-accent);box-shadow:0 0 14px var(--active-accent)}.metric-number{margin-bottom:.65rem;color:var(--active-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.25rem;font-weight:700}.metric-title{margin-bottom:.45rem;color:#fff;font-size:.7rem;font-weight:700;line-height:1.5}.lang-en .metric-title{letter-spacing:.07em;text-transform:uppercase}.metric-text{color:#ffffff94;font-size:.66rem;line-height:1.75}.crm-section{padding:5rem 5vw}.crm-section.is-en{justify-content:flex-end}.crm-section.is-ar{justify-content:flex-start}.crm-flow-lines{position:absolute;inset:0;z-index:-1;opacity:.22;background:radial-gradient(circle at 20% 30%,transparent 0 2px,rgba(255,255,255,.1) 3px,transparent 4px) 0 0/90px 90px,linear-gradient(120deg,transparent 35%,rgba(255,255,255,.06),transparent 65%)}.crm-copy{position:relative;width:min(39vw,32rem);padding:.35rem 1.7rem .35rem 0;border-inline-start:1px solid rgba(255,255,255,.18);text-shadow:0 2px 28px rgba(0,0,0,.82)}.crm-copy[dir=rtl]{padding:.35rem 0 .35rem 1.7rem}.crm-copy:before{content:"";position:absolute;inset-inline-start:-1px;top:0;width:1px;height:6rem;background:linear-gradient(to bottom,var(--active-accent),transparent);box-shadow:0 0 18px var(--active-accent)}.crm-copy[dir=rtl]{text-align:right}.crm-copy[dir=ltr]{text-align:left}.section-pill{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.85rem}.section-pill:before{content:"";width:1.8rem;height:1px;background:var(--active-accent);box-shadow:0 0 14px var(--active-accent)}.crm-title{font-size:clamp(3.1rem,4.8vw,5rem);line-height:1.02;letter-spacing:-.025em}.lang-en .crm-title{text-transform:uppercase;line-height:.9}.crm-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.5rem}.crm-stat{display:flex;align-items:center;gap:.75rem;min-width:0;padding:.9rem 0;border-top:1px solid rgba(255,255,255,.13)}.crm-copy[dir=rtl] .crm-stat{flex-direction:row-reverse;text-align:right}.crm-stat-icon{width:2.15rem;height:2.15rem;display:grid;place-items:center;flex:none;border:1px solid rgba(255,255,255,.16);border-radius:50%}.crm-stat-icon span{width:.42rem;height:.42rem;border-radius:50%;background:var(--active-accent);box-shadow:0 0 16px var(--active-accent)}.crm-stat-number{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;font-weight:700;letter-spacing:.08em}.crm-stat-label{margin-top:.25rem;color:#fff9;font-size:.62rem;line-height:1.55}.lang-en .crm-stat-label{text-transform:uppercase;letter-spacing:.05em}.crm-description{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.08)}.crm-description p{color:#ffffffab;font-size:.76rem;line-height:1.9}.systems-section{padding:0 2rem}.system-heading{position:absolute;z-index:12;top:6.5%;left:50%;width:min(72rem,94vw);transform:translate(-50%);text-align:center}.system-heading h2{margin-top:.35rem;font-size:clamp(2rem,3.15vw,3.35rem);line-height:1.05;white-space:nowrap}.lang-en .system-heading h2{text-transform:uppercase}.system-heading p{max-width:34rem;margin:.55rem auto 0;color:#fff9;font-size:.72rem;line-height:1.8}.orbit{position:absolute;z-index:1;top:54%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-outer{width:31rem;height:31rem;opacity:.54}.orbit-inner{width:23rem;height:23rem;opacity:.78}.orbit-grid{width:39rem;height:39rem;opacity:.28}.system-label{position:absolute;z-index:14;pointer-events:auto}.systems-section.is-en .system-label-api{left:8%;top:28%;text-align:left}.systems-section.is-en .system-label-responsive{right:8%;bottom:21%;text-align:right}.systems-section.is-ar .system-label-api{right:8%;top:28%;text-align:right}.systems-section.is-ar .system-label-responsive{left:8%;bottom:21%;text-align:left}.system-label-border{padding-inline-start:.9rem;border-inline-start:2px solid var(--active-accent)}.system-label-value{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.2rem;font-weight:700;letter-spacing:-.03em}.system-label-caption{margin-top:.2rem;color:#ffffff94;font-size:.6rem;line-height:1.5}.system-status,.system-live{position:absolute;z-index:10;color:#ffffff5c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.56rem;letter-spacing:.08em}.system-status-one{left:8%;bottom:20%}.system-status-two{right:8%;top:29%}.systems-section.is-ar .system-status-one{left:auto;right:8%}.systems-section.is-ar .system-status-two{right:auto;left:8%}.system-live{left:50%;bottom:7%;transform:translate(-50%);color:var(--active-accent)}.partner-section{justify-content:flex-start;padding:4.5rem 4vw 1.5rem}.partner-heading{position:relative;z-index:20;width:min(58rem,94vw);text-align:center}.partner-kicker{margin-bottom:.45rem}.partner-heading h2{font-size:clamp(2.35rem,3.7vw,3.8rem);line-height:1.08}.lang-en .partner-heading h2{text-transform:uppercase}.partner-cards{position:relative;z-index:20;display:flex;align-items:flex-start;justify-content:space-between;margin-top:6.2rem;padding:0 1.5rem}.partner-section.is-ar .partner-cards{flex-direction:row-reverse}.partner-card{position:relative;width:min(23rem,28vw);padding:.2rem 0 .2rem 1.4rem;border-inline-start:1px solid rgba(255,255,255,.17);text-shadow:0 2px 26px rgba(0,0,0,.8)}.partner-card[dir=rtl]{padding:.2rem 1.4rem .2rem 0}.partner-card:before{content:"";position:absolute;inset-inline-start:-1px;top:0;width:1px;height:3.8rem;background:linear-gradient(to bottom,var(--active-accent),transparent);box-shadow:0 0 16px var(--active-accent)}.partner-card[dir=rtl]{text-align:right}.partner-card[dir=ltr]{text-align:left}.partner-card-index{float:inline-end;color:#ffffff26;font-family:Anton,sans-serif;font-size:2.1rem;line-height:1}.partner-card-label{color:var(--active-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;font-weight:700;letter-spacing:.08em}.partner-card h3{margin-top:.4rem;color:#fff;font-size:1.25rem;font-weight:700;line-height:1.4}.partner-line{width:3.5rem;height:2px;margin:.7rem 0;border-radius:99px}.partner-card[dir=rtl] .partner-line{margin-inline-start:auto}.partner-card p{color:#ffffffa3;font-size:.72rem;line-height:1.82}.final-section{padding:4.5rem 0 3.5rem}.final-content{width:min(70rem,92vw);text-align:center}.final-label{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.4rem}.final-label:before,.final-label:after{content:"";width:2.2rem;height:1px;background:linear-gradient(90deg,transparent,var(--active-accent));opacity:.75}.final-label:after{background:linear-gradient(90deg,var(--active-accent),transparent)}.final-title{display:flex;flex-direction:column;align-items:center;font-size:clamp(4.3rem,7.2vw,7.2rem);line-height:.94;letter-spacing:-.03em}.lang-en .final-title{text-transform:uppercase;line-height:.82}.final-title i{font-style:normal}.final-info{display:grid;grid-template-columns:1.25fr auto 1.25fr;align-items:center;gap:1.5rem;margin:2rem 0 1.5rem;padding:1.05rem 0;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.08)}.final-badges{display:flex;gap:1rem;color:#fff9;font-size:.6rem}.final-badges span{display:flex;align-items:center;gap:.45rem}.final-badges i{width:.35rem;height:.35rem;flex:none;border-radius:50%}.final-info>a{color:#fff;font-size:.74rem;transition:color .2s ease}.final-info>a:hover{color:var(--active-accent)}.final-secure{color:#ffffff80;font-size:.6rem}.final-button{min-width:14rem;padding:1rem 2.4rem;color:#08080b;border-radius:999px;background:#fff;font-size:.76rem;font-weight:700;transition:transform .25s ease,background .25s ease}.final-button:hover{transform:translateY(-3px);background:var(--active-accent)}.final-copyright{position:absolute;left:0;right:0;bottom:-4rem;text-align:center}.final-copyright p{color:#ffffff40;font-size:.54rem;letter-spacing:.08em}@media(min-width:768px)and (max-width:1120px){.xsoft-navigation{padding-inline:1.75rem}.xsoft-background-title h1{font-size:11.4vw}.hero-copy{width:22rem}.hero-copy-en{left:2rem}.hero-copy-ar,.hero-arrows-en{right:2rem}.hero-arrows-ar{left:2rem}.build-section,.crm-section{padding-inline:3rem}.build-copy,.crm-copy{width:43%}.partner-card{width:30%}}@media(max-width:767px){.xsoft-ambient{width:100vw;height:100vw;filter:none}.xsoft-ambient-one{top:-50vw;right:-45vw;opacity:.2}.xsoft-ambient-two{bottom:-50vw;left:-45vw}.xsoft-soft-grid{background-size:42px 42px;opacity:.18}.xsoft-navigation{padding:.9rem 1rem}.xsoft-brand{gap:.52rem}.xsoft-brand-mark{width:2rem;height:2rem}.xsoft-brand-mark span{font-size:1.25rem}.xsoft-brand-copy span:first-child{font-size:.82rem}.xsoft-brand-copy span:last-child{font-size:.6rem;letter-spacing:.24em}.xsoft-nav-actions{gap:.65rem}.xsoft-lang{padding:.38rem .68rem;font-size:.58rem}.xsoft-mail svg{width:1.15rem;height:1.15rem}.xsoft-background-title{align-items:flex-start;padding-top:39dvh}.xsoft-background-title h1{font-size:11.9vw;gap:.6rem}.hero-section:after{height:50%}.hero-light-panel{width:25rem;height:25rem;top:38%}.hero-bottom{position:static;min-height:16rem;padding:0 1rem .9rem}.hero-copy{position:absolute;right:1.05rem;left:1.05rem;bottom:4.2rem;width:auto;padding:.2rem 0}.hero-copy:before{top:-1.6rem;bottom:-1.7rem;width:128%;filter:none}.hero-copy-ar{text-align:right}.hero-copy-en{text-align:left}.hero-copy-line{margin-bottom:.52rem}.hero-eyebrow{font-size:clamp(1rem,4.7vw,1.25rem);line-height:1.36}.hero-meta{margin-top:.35rem;font-size:.52rem;line-height:1.5}.hero-intro-mobile{margin-top:.42rem;font-size:.63rem;line-height:1.68}.hero-cta{left:1rem;right:1rem;bottom:.8rem;transform:none}.hero-cta button{width:100%;min-width:0;padding:.76rem 1rem}.hero-cta span{font-size:.66rem}.hero-arrows{bottom:auto;top:4.35rem;gap:.45rem}.hero-arrows-en{right:1rem}.hero-arrows-ar{left:1rem}.hero-arrow-circle{width:2.2rem;height:2.2rem}.hero-arrow-circle svg{width:.82rem;height:.82rem}.section-wash:after{width:22rem;height:22rem;filter:none}.build-section,.crm-section{padding:4.2rem 1rem 1rem}.build-layout,.build-layout.is-ar{display:flex;align-items:center;flex-direction:row}.build-copy,.crm-copy{width:74%;max-width:18rem;padding-block:.25rem;padding-inline:0 .9rem}.build-copy[dir=rtl],.crm-copy[dir=rtl]{padding-inline:.9rem 0}.build-section.is-en .build-copy{margin-right:auto}.build-section.is-ar .build-copy{margin-left:auto}.crm-section.is-en{justify-content:flex-end}.crm-section.is-ar{justify-content:flex-start}.section-kicker,.section-pill,.partner-kicker,.system-heading>span,.final-label{font-size:.5rem;line-height:1.45;letter-spacing:.07em}.section-title,.crm-title{font-size:clamp(2rem,9.5vw,2.65rem);line-height:1.08}.lang-en .section-title,.lang-en .crm-title{line-height:.93}.build-metrics,.crm-stats{grid-template-columns:1fr;gap:.55rem;margin-top:1rem}.metric-block,.crm-stat{padding:.58rem 0 0}.metric-number{margin-bottom:.25rem;font-size:.88rem}.metric-title{margin-bottom:.22rem;font-size:.58rem}.metric-text{font-size:.58rem;line-height:1.58}.section-pill{margin-bottom:.55rem}.crm-stat{gap:.55rem}.crm-stat-icon{width:1.7rem;height:1.7rem}.crm-stat-icon span{width:.32rem;height:.32rem}.crm-stat-number{font-size:.72rem}.crm-stat-label{font-size:.53rem;line-height:1.45}.crm-description{margin-top:.7rem;padding-top:.7rem}.crm-description p{font-size:.58rem;line-height:1.65}.systems-section{padding:0 1rem}.system-heading{top:6%;width:calc(100% - 1rem)}.system-heading h2{margin-top:.25rem;font-size:clamp(.9rem,4.25vw,1.45rem);white-space:nowrap;letter-spacing:-.02em}.system-heading p{max-width:19rem;margin-top:.35rem;font-size:.58rem;line-height:1.6}.orbit{top:54%}.orbit-outer{width:min(70vw,16.5rem);height:min(70vw,16.5rem)}.orbit-inner{width:min(51vw,12rem);height:min(51vw,12rem)}.orbit-grid{width:min(86vw,20rem);height:min(86vw,20rem)}.systems-section.is-en .system-label-api{left:1rem;top:22%}.systems-section.is-en .system-label-responsive{right:1rem;bottom:11%}.systems-section.is-ar .system-label-api{right:1rem;top:22%}.systems-section.is-ar .system-label-responsive{left:1rem;bottom:11%}.system-label-value{font-size:.78rem}.system-label-caption{font-size:.48rem}.system-status{display:none}.system-live{bottom:5%;font-size:.48rem}.partner-section{padding:4.1rem .85rem 1rem}.partner-heading{width:100%}.partner-heading h2{font-size:clamp(1.55rem,7vw,2.1rem);line-height:1.12}.partner-cards,.partner-section.is-ar .partner-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;width:100%;margin-top:auto;margin-bottom:.6rem;padding:0}.partner-section.is-ar .partner-card-first{order:2}.partner-section.is-ar .partner-card-second{order:1}.partner-card{width:auto;min-width:0;padding:.12rem 0 .12rem .72rem}.partner-card[dir=rtl]{padding:.12rem .72rem .12rem 0}.partner-card-index{font-size:1.25rem}.partner-card-label{font-size:.44rem;line-height:1.4}.partner-card h3{margin-top:.25rem;font-size:.72rem}.partner-line{width:2.2rem;margin:.4rem 0}.partner-card p{font-size:.51rem;line-height:1.55}.final-section{padding:4rem 0 2.5rem}.final-content{width:calc(100% - 2rem)}.final-label{margin-bottom:.85rem}.final-title{font-size:clamp(3rem,13vw,4rem);line-height:1}.lang-en .final-title{line-height:.88}.text-outline{-webkit-text-stroke-width:1px}.final-info{grid-template-columns:1fr;gap:.55rem;margin:1.1rem 0 .9rem;padding:.75rem 0}.final-badges{justify-content:center;gap:.75rem;font-size:.48rem}.final-info>a{font-size:.64rem}.final-secure{font-size:.48rem}.final-button{min-width:11rem;padding:.78rem 1.5rem;font-size:.66rem}.final-copyright{bottom:-2.8rem}.final-copyright p{font-size:.42rem;line-height:1.5}}@media(max-width:767px)and (max-height:720px){.xsoft-background-title{padding-top:35dvh}.hero-copy{bottom:3.85rem;padding-block:.68rem}.hero-intro-mobile{display:none}.build-section,.crm-section,.partner-section{padding-top:3.65rem}.build-copy,.crm-copy{padding-block:.18rem}.section-title,.crm-title{font-size:clamp(1.75rem,8.5vw,2.25rem)}.metric-text,.crm-description p{line-height:1.48}.partner-card p{font-size:.47rem;line-height:1.45}.system-heading{top:6%}.final-info{margin:.75rem 0;padding:.58rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:767px){.system-heading{left:50%!important;transform:translate(-50%)!important}}.particle-text-effect{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;opacity:.92;filter:saturate(1.08)}.particle-text-effect:before{content:"";position:absolute;left:50%;top:47%;width:min(78vw,70rem);height:min(24vw,15rem);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--active-accent) 13%,transparent),transparent 70%);filter:none;opacity:.85}.particle-text-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}@media(max-width:767px){.particle-text-effect{opacity:.96}.particle-text-effect:before{top:40.5%;width:94vw;height:8.5rem;filter:none}.xsoft-background-title{padding-top:0}}.particle-text-effect,.particle-text-canvas{contain:strict}.scene-fallback{--scene-accent: #a78bfa;position:absolute;left:50%;top:50%;width:clamp(7.5rem,17vw,13rem);aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;opacity:.92;will-change:transform}.scene-fallback-core{position:relative;z-index:2;width:61%;aspect-ratio:1;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--scene-accent) 72%,white);border-radius:28%;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--scene-accent) 78%,#08080d),#09090e 70%);box-shadow:0 0 2.2rem color-mix(in srgb,var(--scene-accent) 28%,transparent);font-family:Impact,Arial Black,sans-serif;font-size:clamp(2.6rem,6vw,5rem);line-height:1;transform:rotate(45deg);animation:scene-core-float 5.5s ease-in-out infinite}.scene-fallback-core:first-letter{transform:rotate(-45deg)}.scene-fallback-ring{position:absolute;inset:4%;border:1px solid color-mix(in srgb,var(--scene-accent) 74%,transparent);border-radius:50%;opacity:.66;animation:scene-ring-spin 12s linear infinite}.scene-fallback-ring-two{inset:13%;border-color:#ffffff59;animation-direction:reverse;animation-duration:9s}@keyframes scene-ring-spin{to{transform:rotate(360deg)}}@keyframes scene-core-float{0%,to{transform:rotate(45deg) translate3d(0,-2px,0)}50%{transform:rotate(48deg) translate3d(0,3px,0)}}@media(max-width:767px){.scene-fallback{top:50%;width:8.6rem;opacity:1}.xsoft-lang,.hero-explore-icon,.hero-arrow-circle{-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.scene-fallback-core,.scene-fallback-ring{animation:none!important}}.scene-fallback-core span{display:block;transform:rotate(-45deg)}.particle-text-effect{opacity:1;filter:none}.particle-text-effect:before{top:28.5%;width:min(84vw,76rem);height:min(18vw,11rem);background:radial-gradient(ellipse,color-mix(in srgb,var(--active-accent) 18%,transparent),transparent 72%);opacity:.78}.particle-text-canvas{image-rendering:auto}.scene-fallback{width:clamp(7rem,14vw,11rem)}@media(max-width:767px){.particle-text-effect:before{top:25.5%;width:96vw;height:7.2rem}.scene-fallback{top:50%;width:8.6rem;opacity:1}}.global-scene-layer{position:fixed;inset:0;z-index:5;width:100%;height:100%;overflow:visible;pointer-events:none;direction:ltr;transform:translate3d(0,0,0);transition:transform .55s cubic-bezier(.22,1,.36,1);will-change:transform}.global-scene-layer>*:not(.scene-fallback){position:absolute!important;inset:0;width:100%;height:100%}.global-scene-layer canvas[data-engine^="three.js"]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}.xsoft-scroll-container{z-index:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}.hero-section{background:#030712}.hero-effects{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;isolation:isolate}.three-point-grid,.hero-core-layer,.particle-words-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.three-point-grid{z-index:0;opacity:.5;overflow:hidden}.hero-core-layer{position:fixed;inset:0;z-index:5;overflow:visible;pointer-events:none}.particle-words-layer{z-index:10;overflow:hidden;background:transparent}.particle-words-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;background:transparent;pointer-events:none}.xsoft-background-title,.particle-text-effect,.particle-text-canvas{display:none!important}@media(max-width:767px){.three-point-grid{opacity:.42}}.hero-core-layer{visibility:visible;opacity:1}@media(max-width:1024px){.hero-core-layer{z-index:6;overflow:visible}.scene-fallback{display:grid!important;visibility:visible!important;opacity:1;min-width:8.25rem;filter:drop-shadow(0 0 1.4rem color-mix(in srgb,var(--scene-accent) 30%,transparent))}}.scene-fallback{z-index:2}.scene-fallback-core{border-color:#c4b5fdf2;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.34),transparent 24%),linear-gradient(145deg,var(--scene-accent),#16111f 72%);box-shadow:0 0 0 1px #ffffff14 inset,0 0 2rem #8b5cf66b}.scene-fallback-ring{border-color:#c4b5fdb3}@media(max-width:767px){.scene-fallback{width:8.8rem}.scene-fallback-core{width:64%;font-size:3.15rem}}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:text-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.hover\:text-brand-orange:hover{--tw-text-opacity: 1;color:rgb(139 92 246 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media(min-width:768px){.md\:pointer-events-auto{pointer-events:auto}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}}.portfolio-section{position:relative;display:flex;align-items:stretch;background:radial-gradient(circle at 50% 72%,rgba(124,58,237,.12),transparent 42%),linear-gradient(180deg,#05050a,#070711)}.section-wash-portfolio:after{right:-12rem;top:10%;width:32rem;height:32rem;opacity:.25}.portfolio-grid,.crm-modern-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}.portfolio-shell{position:relative;z-index:auto;width:100%;height:100%;padding:4.5rem 5vw 1.5rem;display:flex;flex-direction:column}.portfolio-top-row{position:relative;z-index:40;display:grid;grid-template-columns:minmax(0,1fr) clamp(12rem,22vw,18rem);align-items:start;gap:1.5rem;min-height:clamp(12.5rem,29vh,17.5rem)}.portfolio-heading{position:relative;z-index:40;top:auto;left:auto;right:auto;width:min(40rem,100%);text-shadow:0 2px 28px rgba(0,0,0,.88)}.portfolio-model-slot{width:100%;height:clamp(12.5rem,22vw,18rem);justify-self:start;align-self:start;pointer-events:none}.portfolio-section.is-ar .portfolio-top-row{grid-template-areas:"visual text"}.portfolio-section.is-en .portfolio-top-row{grid-template-areas:"text visual"}.portfolio-section.is-ar .portfolio-heading{text-align:right;grid-area:text}.portfolio-section.is-en .portfolio-heading{text-align:left;grid-area:text}.portfolio-model-slot{grid-area:visual}.portfolio-kicker,.crm-modern-kicker{display:flex;align-items:center;gap:.65rem;color:var(--active-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.portfolio-kicker span{width:1.8rem;height:1px;background:var(--active-accent);box-shadow:0 0 14px var(--active-accent)}.portfolio-heading h2,.crm-modern-copy h2{margin-top:.7rem;color:#fff;font-family:Impact,Arial Black,Segoe UI,sans-serif;font-size:clamp(2.35rem,3.35vw,3.75rem);font-weight:700;line-height:1.04;letter-spacing:-.025em}.lang-ar .portfolio-heading h2,.lang-ar .crm-modern-copy h2{font-family:Tahoma,Segoe UI,Arial,sans-serif;line-height:1.16}.lang-en .portfolio-heading h2,.lang-en .crm-modern-copy h2{text-transform:uppercase;line-height:.94}.portfolio-heading p,.crm-modern-copy>p{max-width:36rem;margin-top:.85rem;color:#ffffffa8;font-size:.75rem;line-height:1.85}.portfolio-stage{position:relative;z-index:14;flex:1;min-height:18rem;margin-top:.35rem;overflow:visible;outline:none;perspective:1300px;touch-action:pan-y}.portfolio-stage:focus-visible{outline:1px solid color-mix(in srgb,var(--active-accent) 70%,white);outline-offset:-.5rem}.portfolio-card-deck{position:absolute;inset:0;transform-style:preserve-3d}.portfolio-card{--card-scale: .9;position:absolute;left:50%;top:54%;width:min(44vw,580px);aspect-ratio:16 / 10;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:1.35rem;background:#0a0a12;box-shadow:0 28px 90px #00000094;transform:translate(-50%,-50%) translate(calc(var(--stack-offset) * clamp(8.7rem,15vw,14rem))) translateY(calc(var(--stack-depth) * 12px)) translateZ(calc(var(--stack-depth) * -95px)) rotate(calc(var(--stack-offset) * 6.5deg)) rotateX(calc(var(--stack-depth) * 4deg)) scale(var(--card-scale));transform-style:preserve-3d;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .45s ease,filter .45s ease,border-color .35s ease;will-change:transform}.portfolio-card.is-active{--card-scale: 1;border-color:color-mix(in srgb,var(--active-accent) 58%,rgba(255,255,255,.2));box-shadow:0 30px 100px #000000b3,0 0 42px color-mix(in srgb,var(--active-accent) 18%,transparent)}.portfolio-card:not(.is-active){cursor:pointer;filter:brightness(.58) saturate(.72)}.portfolio-card:not(.is-active):hover,.portfolio-card:not(.is-active):focus-visible{filter:brightness(.78) saturate(.9);border-color:#ffffff4d}.portfolio-card.is-hidden{opacity:0;pointer-events:none}.portfolio-card.is-visible{opacity:1}.portfolio-browser{position:relative;width:100%;height:100%;overflow:hidden;background:#080810}.portfolio-browser-bar{position:absolute;z-index:5;top:0;left:0;right:0;height:2.1rem;display:flex;align-items:center;gap:.38rem;padding:0 .8rem;background:#09090fdb;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}.portfolio-browser-bar span{width:.44rem;height:.44rem;border-radius:50%;background:#ffffff47}.portfolio-browser-bar span:first-child{background:#ff665f}.portfolio-browser-bar span:nth-child(2){background:#f6c453}.portfolio-browser-bar span:nth-child(3){background:#43c970}.portfolio-browser-bar i{flex:1;margin-inline:.45rem 1rem;padding:.26rem .7rem;overflow:hidden;border-radius:999px;color:#ffffff61;background:#ffffff0f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.48rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.portfolio-browser img{width:100%;height:100%;object-fit:cover;user-select:none}.portfolio-card-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(3,3,8,.97),rgba(3,3,8,.2) 48%,transparent 70%)}.portfolio-card-copy{position:absolute;z-index:6;left:0;right:0;bottom:0;padding:1.45rem 1.6rem 1.3rem;text-align:start}.portfolio-category{display:inline-flex;padding:.28rem .65rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:var(--active-accent);background:#0303087a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.52rem;font-weight:700;letter-spacing:.06em}.portfolio-card-copy h3{margin-top:.55rem;color:#fff;font-size:1.25rem;font-weight:700}.portfolio-card-copy p{max-width:28rem;margin-top:.28rem;color:#ffffffa3;font-size:.62rem;line-height:1.6}.portfolio-card-copy a,.portfolio-link-disabled{display:inline-flex;align-items:center;gap:.45rem;margin-top:.75rem;color:#fff;font-size:.6rem;font-weight:700}.portfolio-card-copy a:hover{color:var(--active-accent)}.portfolio-link-disabled{color:#ffffff61}.portfolio-card:not(.is-active) .portfolio-card-copy p,.portfolio-card:not(.is-active) .portfolio-card-copy a,.portfolio-card:not(.is-active) .portfolio-link-disabled{opacity:0}.portfolio-controls{position:absolute;z-index:60;left:50%;bottom:.2rem;display:flex;align-items:center;gap:1rem;transform:translate(-50%)}.portfolio-controls>button{width:2.35rem;height:2.35rem;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff;background:#06060cb8;transition:.25s ease}.portfolio-controls>button:hover,.portfolio-controls>button:focus-visible{color:#050505;background:#fff}.portfolio-dots{display:flex;align-items:center;gap:.48rem}.portfolio-dots button{width:.38rem;height:.38rem;border-radius:999px;background:#ffffff40;transition:.3s ease}.portfolio-dots button.is-active{width:1.5rem;background:var(--active-accent);box-shadow:0 0 14px var(--active-accent)}.crm-modern-section{position:relative;display:flex;align-items:center;padding:5rem 5vw 2.5rem;background:radial-gradient(circle at 78% 52%,rgba(124,58,237,.12),transparent 34%),#050509}.section-wash-crm-modern:after{right:-15rem;top:20%;opacity:.28}.crm-modern-shell{position:relative;z-index:12;width:100%;display:grid;grid-template-columns:minmax(0,.9fr) minmax(27rem,1.1fr);grid-template-areas:"copy visual" "features features";gap:2.2rem 4vw;align-items:center;direction:ltr}.crm-modern-copy{position:relative;z-index:20;grid-area:copy;text-align:left;text-shadow:0 2px 28px rgba(0,0,0,.84)}.crm-modern-copy[dir=rtl],.crm-modern-section.is-ar .crm-modern-copy{direction:rtl;text-align:right}.crm-modern-copy h2{font-size:clamp(2.75rem,4.2vw,4.7rem)}.crm-model-stage{grid-area:visual;min-height:21rem;pointer-events:none}.crm-modern-copy>p{max-width:31rem}.crm-dashboard{grid-area:dashboard;min-height:20rem;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:1.5rem;background:linear-gradient(145deg,#12121ee6,#08080fcc);box-shadow:0 34px 100px #0000007a,inset 0 1px #ffffff0d;backdrop-filter:blur(14px)}.crm-dashboard-top{height:3.15rem;display:flex;align-items:center;justify-content:space-between;padding:0 1.15rem;border-bottom:1px solid rgba(255,255,255,.08);color:#fff9;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;letter-spacing:.08em}.crm-dashboard-top>div{display:flex;align-items:center;gap:.55rem}.crm-dashboard-top span{width:.48rem;height:.48rem;border-radius:50%;background:#34d399;box-shadow:0 0 14px #34d399}.crm-dashboard-top b{color:var(--active-accent)}.crm-dashboard-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;padding:1rem}.crm-dashboard-kpis>div{min-width:0;padding:.8rem;border:1px solid rgba(255,255,255,.08);border-radius:.9rem;background:#ffffff09}.crm-dashboard-kpis span,.crm-dashboard-kpis strong,.crm-dashboard-kpis i{display:block}.crm-dashboard-kpis span{overflow:hidden;color:#ffffff7a;font-size:.54rem;text-overflow:ellipsis;white-space:nowrap}.crm-dashboard-kpis strong{margin-top:.35rem;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.35rem}.crm-dashboard-kpis i{margin-top:.2rem;color:#34d399;font-size:.5rem;font-style:normal}.crm-dashboard-body{display:grid;grid-template-columns:.78fr 1.22fr;gap:.8rem;min-height:11.2rem;padding:0 1rem 1rem}.crm-pipeline,.crm-chart{border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:#04040a80}.crm-pipeline{display:flex;align-items:flex-end;justify-content:space-around;gap:.5rem;padding:1rem .8rem .8rem}.crm-pipeline>div{height:100%;display:flex;flex:1;flex-direction:column;justify-content:flex-end;gap:.55rem}.crm-pipeline span{color:#fff6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.43rem;text-align:center}.crm-pipeline i{display:block;min-height:2rem;border-radius:.5rem .5rem .2rem .2rem;background:linear-gradient(to top,var(--active-accent),color-mix(in srgb,var(--active-accent) 35%,transparent));box-shadow:0 0 22px color-mix(in srgb,var(--active-accent) 18%,transparent)}.crm-chart{position:relative;overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:20% 25%}.crm-chart:after{content:"";position:absolute;left:7%;right:7%;bottom:16%;height:52%;background:linear-gradient(135deg,transparent 0 8%,var(--active-accent) 9% 11%,transparent 12% 27%,var(--active-accent) 28% 30%,transparent 31% 48%,var(--active-accent) 49% 51%,transparent 52% 70%,var(--active-accent) 71% 73%,transparent 74%);clip-path:polygon(0 78%,18% 60%,38% 68%,58% 30%,76% 45%,100% 0,100% 9%,76% 54%,58% 40%,38% 78%,18% 70%,0 90%);filter:drop-shadow(0 0 9px var(--active-accent))}.crm-chart span{position:absolute;z-index:2;width:.46rem;height:.46rem;border:2px solid #fff;border-radius:50%;background:var(--active-accent);box-shadow:0 0 14px var(--active-accent)}.crm-chart span:nth-child(1){left:9%;bottom:28%}.crm-chart span:nth-child(2){left:29%;bottom:39%}.crm-chart span:nth-child(3){left:49%;bottom:56%}.crm-chart span:nth-child(4){left:69%;bottom:50%}.crm-chart span:nth-child(5){right:8%;bottom:76%}.crm-feature-grid{position:relative;z-index:20;grid-area:features;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.crm-feature{position:relative;min-width:0;padding:1rem 1.05rem 1.05rem;border-top:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}.crm-feature:before{content:"";position:absolute;top:-1px;left:0;width:3rem;height:1px;background:var(--active-accent);box-shadow:0 0 14px var(--active-accent)}.crm-feature>span{color:var(--active-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;font-weight:700}.crm-feature h3{margin-top:.45rem;color:#fff;font-size:.82rem;font-weight:700}.crm-feature p{margin-top:.35rem;color:#ffffff85;font-size:.59rem;line-height:1.65}@media(max-width:1100px){.portfolio-heading{width:min(38rem,57vw)}.portfolio-card{width:min(52vw,550px)}.crm-modern-shell{grid-template-columns:minmax(0,.82fr) minmax(23rem,1.18fr);gap:1.5rem 2.5vw}.crm-modern-copy h2{font-size:clamp(2.4rem,4.2vw,3.7rem)}.system-heading h2{font-size:clamp(1.75rem,3.3vw,2.85rem)}}@media(max-width:767px){.portfolio-shell{padding:3.9rem .75rem .65rem}.portfolio-heading{top:4.8%;width:min(67vw,26rem)}.portfolio-section.is-ar .portfolio-heading{left:auto;right:1rem}.portfolio-section.is-en .portfolio-heading{left:1rem;right:auto}.portfolio-kicker,.crm-modern-kicker{gap:.45rem;font-size:.5rem}.portfolio-kicker span{width:1.15rem}.portfolio-heading h2{margin-top:.42rem;font-size:clamp(1.55rem,6.8vw,2.05rem);line-height:1.1}.portfolio-heading p{max-width:26rem;margin-top:.32rem;font-size:.52rem;line-height:1.5}.portfolio-stage{inset:31% 0 .5%;perspective:850px}.portfolio-card{top:55%;width:min(calc(100vw - 38px),350px);border-radius:1rem;transform:translate(-50%,-50%) translate(calc(var(--stack-offset) * clamp(5.6rem,24vw,7.2rem))) translateY(calc(var(--stack-depth) * 8px)) translateZ(calc(var(--stack-depth) * -58px)) rotate(calc(var(--stack-offset) * 3.2deg)) rotateX(calc(var(--stack-depth) * 2deg)) scale(var(--card-scale))}.portfolio-card:not(.is-active){--card-scale: .88}.portfolio-browser-bar{height:1.55rem;padding:0 .55rem}.portfolio-browser-bar span{width:.32rem;height:.32rem}.portfolio-browser-bar i{font-size:.38rem}.portfolio-card-copy{padding:.85rem .9rem .75rem}.portfolio-category{padding:.2rem .45rem;font-size:.4rem}.portfolio-card-copy h3{margin-top:.35rem;font-size:.9rem}.portfolio-card-copy p{margin-top:.18rem;font-size:.48rem;line-height:1.45}.portfolio-card-copy a,.portfolio-link-disabled{margin-top:.4rem;font-size:.46rem}.portfolio-controls{bottom:0;gap:.75rem}.portfolio-controls>button{width:2rem;height:2rem}.crm-modern-section{align-items:stretch;padding:3.8rem .85rem .75rem}.crm-modern-shell{height:100%;grid-template-columns:1fr;grid-template-areas:"copy" "visual" "features";grid-template-rows:auto minmax(7.5rem,1fr) auto;gap:.45rem}.crm-model-stage{min-height:8.5rem}.crm-modern-copy h2{margin-top:.42rem;font-size:clamp(1.6rem,7vw,2.15rem);line-height:1.08}.crm-modern-copy>p{max-width:none;margin-top:.4rem;font-size:.55rem;line-height:1.55}.crm-dashboard{min-height:0;border-radius:1rem}.crm-dashboard-top{height:2.25rem;padding:0 .75rem;font-size:.44rem}.crm-dashboard-kpis{gap:.38rem;padding:.55rem}.crm-dashboard-kpis>div{padding:.48rem;border-radius:.65rem}.crm-dashboard-kpis span{font-size:.4rem}.crm-dashboard-kpis strong{margin-top:.2rem;font-size:.9rem}.crm-dashboard-kpis i{font-size:.38rem}.crm-dashboard-body{min-height:6.4rem;grid-template-columns:.8fr 1.2fr;gap:.4rem;padding:0 .55rem .55rem}.crm-pipeline,.crm-chart{border-radius:.65rem}.crm-pipeline{gap:.25rem;padding:.55rem .35rem .4rem}.crm-pipeline span{font-size:.32rem}.crm-feature-grid{gap:.35rem}.crm-feature{padding:.48rem .42rem .52rem}.crm-feature>span{font-size:.42rem}.crm-feature h3{margin-top:.25rem;font-size:.55rem;line-height:1.35}.crm-feature p{margin-top:.2rem;font-size:.4rem;line-height:1.4}}@media(max-width:767px)and (max-height:700px){.portfolio-heading{top:5.5%}.portfolio-heading p{display:none}.portfolio-stage{inset:29% 0 .2%}.portfolio-card{top:55%;width:min(calc(100vw - 46px),310px)}.portfolio-card-copy p,.portfolio-link-disabled{display:none}.crm-modern-section{padding-top:3.5rem}.crm-modern-shell{grid-template-rows:auto minmax(5.8rem,1fr) auto}.crm-model-stage{min-height:6rem}.crm-modern-copy>p{display:none}.crm-dashboard-body{min-height:4.6rem}.crm-feature p{display:none}}@media(prefers-reduced-motion:reduce){.portfolio-card{transition-duration:.01ms!important}}.portfolio-section,.crm-modern-section{isolation:auto;max-width:100%;overflow:hidden!important}.portfolio-stage{overflow:visible!important}.xsoft-scroll-container{overflow-x:hidden!important}

/* XSM section 3 layout — r12 */
.portfolio-section .portfolio-shell{position:relative;width:100%;height:100%;padding:4.5rem 5vw .8rem;display:flex;flex-direction:column}
.portfolio-section .portfolio-top-row{position:relative;z-index:40;display:grid;direction:ltr;align-items:start;column-gap:clamp(2rem,5vw,6rem);min-height:clamp(13.5rem,30vh,18rem)}
.portfolio-section.is-ar .portfolio-top-row{grid-template-columns:minmax(15rem,1fr) minmax(22rem,35vw);grid-template-areas:"visual text"}
.portfolio-section.is-en .portfolio-top-row{grid-template-columns:minmax(22rem,35vw) minmax(15rem,1fr);grid-template-areas:"text visual"}
.portfolio-section .portfolio-heading{position:relative!important;inset:auto!important;z-index:40;grid-area:text;width:min(35vw,30rem);padding:.4rem 1.6rem .4rem 0;border-inline-start:1px solid rgba(255,255,255,.18);text-shadow:0 2px 28px rgba(0,0,0,.82)}
.portfolio-section.is-ar .portfolio-heading{direction:rtl;text-align:right;padding:.4rem 0 .4rem 1.6rem}
.portfolio-section.is-en .portfolio-heading{direction:ltr;text-align:left}
.portfolio-section .portfolio-heading:before{content:"";position:absolute;inset-inline-start:-1px;top:0;width:1px;height:5.2rem;background:linear-gradient(to bottom,var(--active-accent),transparent);box-shadow:0 0 18px var(--active-accent)}
.portfolio-section .portfolio-heading h2{margin-top:.65rem;font-size:clamp(3rem,4.5vw,4.7rem);line-height:1.03;letter-spacing:-.025em}
.lang-ar .portfolio-section .portfolio-heading h2{line-height:1.08}
.portfolio-section .portfolio-heading p{max-width:30rem;margin-top:.72rem;font-size:.68rem;line-height:1.75}
.portfolio-section .portfolio-model-slot{grid-area:visual;width:100%;height:clamp(11rem,20vw,16rem);align-self:start;justify-self:start;pointer-events:none}
.portfolio-section .portfolio-stage{position:relative!important;inset:auto!important;z-index:14;flex:1;min-height:clamp(18rem,42vh,23rem);margin-top:.1rem;overflow:visible!important;perspective:1300px;touch-action:pan-y}
.portfolio-section .portfolio-card{top:50%!important;width:clamp(24rem,38vw,31rem)!important;transform:translate(-50%,-50%) translate(calc(var(--stack-offset) * clamp(6.5rem,10vw,10.25rem))) translateY(calc(var(--stack-depth) * 9px)) translateZ(calc(var(--stack-depth) * -78px)) rotate(calc(var(--stack-offset) * 4.6deg)) rotateX(calc(var(--stack-depth) * 2.8deg)) scale(var(--card-scale))!important}
@media(max-width:1199px) and (min-width:768px){
.portfolio-section .portfolio-shell{padding-top:4.2rem}
.portfolio-section .portfolio-top-row{column-gap:2.5rem;min-height:12rem}
.portfolio-section.is-ar .portfolio-top-row{grid-template-columns:minmax(11rem,1fr) minmax(20rem,42vw)}
.portfolio-section.is-en .portfolio-top-row{grid-template-columns:minmax(20rem,42vw) minmax(11rem,1fr)}
.portfolio-section .portfolio-heading{width:min(42vw,30rem)}
.portfolio-section .portfolio-heading h2{font-size:clamp(2.55rem,5vw,3.7rem)}
.portfolio-section .portfolio-model-slot{height:clamp(9rem,18vw,12.5rem)}
.portfolio-section .portfolio-stage{min-height:20rem}
.portfolio-section .portfolio-card{width:clamp(22rem,45vw,28rem)!important;transform:translate(-50%,-50%) translate(calc(var(--stack-offset) * clamp(5.4rem,10vw,7.7rem))) translateY(calc(var(--stack-depth) * 8px)) translateZ(calc(var(--stack-depth) * -68px)) rotate(calc(var(--stack-offset) * 3.8deg)) rotateX(calc(var(--stack-depth) * 2.3deg)) scale(var(--card-scale))!important}
}
@media(max-width:767px){
.portfolio-section .portfolio-shell{padding:3.8rem .85rem .5rem}
.portfolio-section .portfolio-top-row{column-gap:.75rem;min-height:9.2rem}
.portfolio-section.is-ar .portfolio-top-row{grid-template-columns:clamp(5.7rem,23vw,7rem) minmax(0,1fr)}
.portfolio-section.is-en .portfolio-top-row{grid-template-columns:minmax(0,1fr) clamp(5.7rem,23vw,7rem)}
.portfolio-section .portfolio-heading{width:100%;padding:.15rem .65rem .15rem 0}
.portfolio-section.is-ar .portfolio-heading{padding:.15rem 0 .15rem .65rem}
.portfolio-section .portfolio-heading:before{height:3.6rem}
.portfolio-section .portfolio-kicker{font-size:.48rem;gap:.4rem}
.portfolio-section .portfolio-heading h2{margin-top:.35rem;font-size:clamp(1.45rem,6vw,1.9rem);line-height:1.08}
.portfolio-section .portfolio-heading p{font-size:.49rem;line-height:1.42;margin-top:.28rem}
.portfolio-section .portfolio-model-slot{height:clamp(5.7rem,23vw,7rem)}
.portfolio-section .portfolio-stage{inset:auto!important;min-height:clamp(16.5rem,42vh,19rem);margin-top:.05rem;overflow:visible!important;perspective:850px}
.portfolio-section .portfolio-card{top:50%!important;width:min(calc(100vw - 30px),350px)!important;transform:translate(-50%,-50%) translate(calc(var(--stack-offset) * clamp(4.6rem,19vw,5.8rem))) translateY(calc(var(--stack-depth) * 7px)) translateZ(calc(var(--stack-depth) * -50px)) rotate(calc(var(--stack-offset) * 2.7deg)) rotateX(calc(var(--stack-depth) * 1.7deg)) scale(var(--card-scale))!important}
.portfolio-section .portfolio-card:not(.is-active){--card-scale:.86}
}
@media(max-width:767px) and (max-height:700px){
.portfolio-section .portfolio-top-row{min-height:7.5rem}
.portfolio-section .portfolio-model-slot{height:5.7rem}
.portfolio-section .portfolio-heading p{display:none}
.portfolio-section .portfolio-stage{min-height:14.1rem}
.portfolio-section .portfolio-card{width:min(calc(100vw - 34px),320px)!important}
}

/* r13: reduce only the Arabic portfolio headline */
.lang-ar .portfolio-section .portfolio-heading h2{font-size:clamp(2.55rem,3.9vw,4.1rem)}
@media(max-width:1199px) and (min-width:768px){.lang-ar .portfolio-section .portfolio-heading h2{font-size:clamp(2.25rem,4.35vw,3.3rem)}}
@media(max-width:767px){.lang-ar .portfolio-section .portfolio-heading h2{font-size:clamp(1.3rem,5.4vw,1.7rem)}}

/* XSM r14 — section 3 alignment and scale */
@media (min-width:1200px){
  .portfolio-section .portfolio-shell{padding-inline:5vw}
  .portfolio-section .portfolio-top-row{grid-template-columns:minmax(0,1fr) min(35vw,30rem);column-gap:clamp(2rem,5vw,6rem)}
  .portfolio-section.is-ar .portfolio-top-row{grid-template-areas:"visual text"}
  .portfolio-section.is-en .portfolio-top-row{grid-template-areas:"text visual";grid-template-columns:min(35vw,30rem) minmax(0,1fr)}
  .portfolio-section.is-ar .portfolio-heading{justify-self:end;margin-left:auto;margin-right:0}
  .portfolio-section.is-en .portfolio-heading{justify-self:start;margin-right:auto;margin-left:0}
  .portfolio-section .portfolio-heading{width:min(35vw,30rem)}
  .lang-ar .portfolio-section .portfolio-heading h2{font-size:clamp(2.05rem,3.05vw,3.2rem);line-height:1.1}
}
@media (min-width:768px) and (max-width:1199px){
  .portfolio-section .portfolio-shell{padding-inline:3rem}
  .portfolio-section .portfolio-top-row{grid-template-columns:minmax(0,1fr) min(42vw,30rem);column-gap:2.5rem}
  .portfolio-section.is-en .portfolio-top-row{grid-template-columns:min(42vw,30rem) minmax(0,1fr)}
  .portfolio-section.is-ar .portfolio-heading{justify-self:end;margin-left:auto;margin-right:0}
  .portfolio-section.is-en .portfolio-heading{justify-self:start;margin-right:auto;margin-left:0}
  .portfolio-section .portfolio-heading{width:min(42vw,30rem)}
  .lang-ar .portfolio-section .portfolio-heading h2{font-size:clamp(1.85rem,3.7vw,2.65rem);line-height:1.1}
}
@media (max-width:767px){
  .portfolio-section .portfolio-shell{padding-inline:1rem}
  .portfolio-section .portfolio-top-row{grid-template-columns:clamp(5.2rem,21vw,6.5rem) minmax(0,1fr);column-gap:.8rem}
  .portfolio-section.is-en .portfolio-top-row{grid-template-columns:minmax(0,1fr) clamp(5.2rem,21vw,6.5rem)}
  .portfolio-section.is-ar .portfolio-heading{justify-self:end;margin-left:auto;margin-right:0}
  .portfolio-section.is-en .portfolio-heading{justify-self:start;margin-right:auto;margin-left:0}
  .lang-ar .portfolio-section .portfolio-heading h2{font-size:clamp(1.08rem,4.55vw,1.42rem);line-height:1.12}
}