:root{--font:"IBM Plex Sans Arabic", Arial, sans-serif;--brand:#168b84;--brand-dark:#0f6f69;--navy:#0b2730;--navy-soft:#10333d;--ink:#18343b;--muted:#667a80;--line:#dce5e6;--soft:#f6f8f8;--white:#fff;--header-h:78px;--radius-sm:12px;--radius:16px;--radius-lg:22px;--shadow-sm:0 12px 32px #0b27300e;--shadow-md:0 22px 52px #0b273017;--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h);background:var(--white)}body,button,input,select,textarea{font-family:var(--font)}body{color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{color:var(--white);background:var(--brand)}.app{background:var(--white);min-height:100vh;overflow:clip}.shell{width:min(1280px,100% - 72px);margin-inline:auto}.section{padding:112px 0;position:relative}.site-header,.app>main,.footer{z-index:2;position:relative}.site-header{height:var(--header-h);z-index:50;background:#fffffff7;border-bottom:1px solid #dce5e6f0;transition:box-shadow .28s,background .28s,border-color .28s;position:sticky;top:0}.site-header.scrolled{background:#fffffffb;border-bottom-color:#0000;box-shadow:0 10px 30px #0b273011}.header-grid{grid-template-columns:auto 1fr auto;align-items:center;gap:34px;height:100%;display:grid}.brand{align-items:center;width:max-content;display:inline-flex}.brand-logo{object-fit:contain;width:126px;height:54px;display:block}.main-nav{color:#39545b;justify-content:center;align-items:center;gap:clamp(14px,1.5vw,25px);font-size:12.5px;font-weight:500;display:flex}.main-nav a{padding:29px 0 25px;transition:color .22s;position:relative}.main-nav a:after{content:"";background:var(--brand);width:0;height:2px;transition:width .28s var(--ease);border-radius:999px;position:absolute;bottom:17px;left:50%;transform:translate(-50%)}.main-nav a:hover,.main-nav a.active{color:var(--brand-dark)}.main-nav a:hover:after,.main-nav a.active:after{width:22px}.header-actions{align-items:center;gap:9px;display:flex}.language-switch,.menu-toggle{border:1px solid var(--line);color:var(--navy);background:var(--white)}.language-switch{min-height:40px;transition:border-color .22s ease, color .22s ease, transform .22s var(--ease);border-radius:10px;align-items:center;gap:8px;padding:0 13px;font-size:12px;font-weight:600;display:inline-flex}.language-switch:hover{color:var(--brand-dark);border-color:#168b845c;transform:translateY(-1px)}.language-switch small{color:var(--brand);padding-inline-start:4px;font-size:10px}.menu-toggle{border-radius:10px;place-items:center;width:42px;height:42px;padding:0;display:none}.hero{height:min(calc(100svh - var(--header-h)), 790px);background:var(--navy);min-height:640px;position:relative;overflow:hidden}.hero-slides,.hero-picture{position:absolute;inset:0}.hero-picture{opacity:0;pointer-events:none;transition:opacity 1.15s,transform 7s;transform:scale(1.012)}.hero-picture.active{opacity:1;transform:scale(1)}.hero-image{object-fit:cover;width:100%;height:100%;display:block}.hero-image-primary{object-position:left center}html[dir=ltr] .hero-image-primary,.hero-image-secondary-ar{object-position:right center}.hero-image-secondary-en{object-position:left center}.hero-wash{z-index:2;pointer-events:none;position:absolute;inset:0}.hero-wash-right{background:linear-gradient(90deg, #0b273014 0%, #0b273038 34%, #0b2730bf 62%, #0b2730f7 85%, var(--navy) 100%)}.hero-wash-left{background:linear-gradient(270deg, #0b273014 0%, #0b273038 34%, #0b2730bf 62%, #0b2730f7 85%, var(--navy) 100%)}.hero-content{z-index:4;width:min(1280px,100% - 72px);height:100%;margin-inline:auto;position:relative}.hero-copy{width:min(610px,46vw);color:var(--white);animation:hero-enter .78s var(--ease) both;position:absolute;top:50%;transform:translateY(-50%)}@keyframes hero-enter{0%{opacity:0;transform:translateY(calc(24px - 50%))}to{opacity:1;transform:translateY(-50%)}}.hero-copy-lang-ar{text-align:right;right:0}.hero-copy-lang-en{text-align:left;left:0}.hero-eyebrow,.section-kicker{color:var(--brand);align-items:center;gap:8px;font-size:11.5px;font-weight:600;display:inline-flex}.hero-eyebrow{color:#8ed1cd}.hero-eyebrow i{background:currentColor;width:28px;height:1px}.hero h1{max-width:640px;color:var(--white);margin:16px 0 10px;font-size:clamp(42px,3.9vw,64px);font-weight:600;line-height:1.28}.hero-subline{color:#9fd6d2;font-size:clamp(18px,1.55vw,24px);font-weight:500;line-height:1.65}.hero-copy>p{color:#ffffffc2;max-width:590px;margin:13px 0 0;font-size:15px;line-height:1.95}.hero-buttons{flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;display:flex}.button{min-height:50px;transition:transform .22s var(--ease), background .22s ease, border-color .22s ease;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:13px;font-weight:600;display:inline-flex}.button svg,.form-submit svg{transition:transform .24s var(--ease)}html[dir=rtl] .button:hover svg,html[dir=rtl] .form-submit:hover svg{transform:translate(-3px)}html[dir=ltr] .button:hover svg,html[dir=ltr] .form-submit:hover svg{transform:translate(3px)}.button:hover{transform:translateY(-2px)}.button-primary{color:var(--white);background:var(--brand)}.button-primary:hover{background:var(--brand-dark)}.button-secondary{color:var(--white);background:#0b273042;border:1px solid #ffffff47}.button-secondary:hover{border-color:#ffffff80}.hero-slider-controls{z-index:6;background:#0b2730bd;border:1px solid #fff3;border-radius:999px;align-items:center;gap:9px;padding:5px 7px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hero-slider-arrow{width:30px;height:30px;color:var(--white);transition:background .2s ease, transform .2s var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.hero-slider-arrow:hover{background:#ffffff17;transform:scale(1.04)}.hero-slider-arrow svg{width:14px;height:14px}.hero-slider-dots{align-items:center;gap:6px;display:flex}.hero-slider-dot{width:7px;height:7px;transition:width .24s var(--ease), background .24s ease;background:#ffffff57;border:0;border-radius:999px;padding:0}.hero-slider-dot.active{background:#91d3cf;width:23px}.tech-strip{border-bottom:1px solid var(--line);background:var(--white)}.tech-strip-track{flex-wrap:wrap;justify-content:center;align-items:center;width:min(1280px,100% - 72px);min-height:56px;margin-inline:auto;display:flex}.tech-strip-track span{color:#657a80;white-space:nowrap;align-items:center;gap:8px;min-height:56px;padding:0 18px;font-size:10.8px;font-weight:500;transition:color .2s;display:inline-flex}.tech-strip-track span:hover{color:var(--brand-dark)}.tech-strip-track i{background:var(--brand);border-radius:50%;width:4px;height:4px}.section-heading{max-width:760px}.section-heading.center{text-align:center;margin-inline:auto}.section-heading h2{color:var(--navy);margin:11px 0 0;font-size:clamp(34px,3vw,49px);font-weight:600;line-height:1.38}.section-heading>p{max-width:720px;color:var(--muted);margin:16px 0 0;font-size:15px;line-height:1.95}.section-heading.light .section-kicker{color:#90d2ce}.section-heading.light h2{color:var(--white)}.section-heading.light>p{color:#ffffffb3}.text-stack{gap:14px;margin-top:23px;display:grid}.text-stack p{color:#5b7076;margin:0;font-size:15px;line-height:2}.platform-section{background:var(--white)}.split-layout{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:center;gap:clamp(46px,5vw,76px);display:grid}.split-copy{max-width:610px}.tech-chips{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.tech-chips span{border:1px solid var(--line);color:var(--brand-dark);background:var(--white);border-radius:999px;padding:8px 11px;font-size:11px;font-weight:500}.tech-image-frame{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--soft);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.tech-image-frame img{object-fit:cover;width:100%;min-height:390px;transition:transform .58s var(--ease);display:block}.tech-image-frame:hover img{transform:scale(1.018)}.tech-image-frame-dark{background:var(--navy-soft);box-shadow:none;border-color:#ffffff1f}.infrastructure-section{color:var(--white);background:var(--navy)}.infrastructure-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:48px;display:grid}.infra-card{border-radius:var(--radius);min-height:252px;transition:transform .26s var(--ease), border-color .26s ease, background .26s ease;background:#ffffff06;border:1px solid #ffffff1f;padding:24px}.infra-card:hover{background:#ffffff0b;border-color:#91d3cf52;transform:translateY(-4px)}.infra-topline{justify-content:space-between;align-items:center;gap:14px;display:flex}.infra-number{color:#ffffff6b;font-size:11px;font-weight:600}.tech-icon{color:#91d3cf;border:1px solid #91d3cf3d;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.tech-icon svg{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.infra-card h3{color:var(--white);margin:25px 0 8px;font-size:19px;font-weight:600;line-height:1.5}.infra-card p{color:#ffffffa3;margin:0;font-size:13.5px;line-height:1.9}.architecture-rail{color:#ffffffb8;text-align:center;border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;justify-content:center;align-items:center;gap:16px;margin-top:34px;padding:18px 0;font-size:12px;display:flex}.architecture-rail strong{color:#91d3cf;font-weight:600}.architecture-rail i{background:#91d3cf52;width:32px;height:1px}.flow-section{background:var(--white)}.flow-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(44px,4.8vw,70px);display:grid}.flow-media{align-self:center}.flow-copy{min-width:0}.flow-copy .section-heading{max-width:720px}.flow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px;display:grid}.flow-steps>.reveal{min-width:0;height:100%}.flow-step{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);height:100%;min-height:132px;transition:transform .26s var(--ease), border-color .26s ease, box-shadow .26s ease;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:11px;padding:18px 18px 17px;display:grid}.flow-step:hover{border-color:#168b843d;transform:translateY(-3px);box-shadow:0 12px 28px #0b27300e}.flow-step-number{color:var(--brand);padding-top:2px;font-size:11px;font-weight:600}.flow-step h3{color:var(--navy);margin:0 0 5px;font-size:16px;font-weight:600;line-height:1.5}.flow-step p{color:var(--muted);margin:0;font-size:12.8px;line-height:1.82}.vision-section{color:var(--white);background:var(--navy)}.vision-layout{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:clamp(46px,5vw,76px);display:grid}.vision-copy .section-heading{max-width:680px}.vision-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.vision-points>.reveal{min-width:0;height:100%}.vision-point{border-radius:var(--radius);height:100%;min-height:110px;transition:transform .26s var(--ease), border-color .26s ease, background .26s ease;background:#ffffff06;border:1px solid #ffffff1c;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:10px;padding:16px;display:grid}.vision-point:hover{background:#ffffff0a;border-color:#91d3cf40;transform:translateY(-3px)}.vision-point span{color:#91d3cf;font-size:11px;font-weight:600}.vision-point p{color:#ffffffb8;margin:0;font-size:13.2px;line-height:1.85}.vision-note{border-radius:var(--radius);background:#ffffff06;border:1px solid #ffffff1f;margin-top:20px;padding:17px 18px}.vision-note strong{color:#91d3cf;margin-bottom:5px;font-size:11.5px;font-weight:600;display:block}.vision-note p{color:#ffffffa8;margin:0;font-size:13px;line-height:1.85}.integrations-section{background:var(--soft)}.integration-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:46px;display:grid}.integration-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);min-height:270px;transition:transform .26s var(--ease), border-color .26s ease, box-shadow .26s ease;padding:24px}.integration-card:hover{border-color:#168b8440;transform:translateY(-4px);box-shadow:0 14px 32px #0b27300f}.tech-icon-large{width:46px;height:46px;color:var(--brand);background:var(--soft);border-color:#168b8433}.integration-card h3{color:var(--navy);margin:22px 0 8px;font-size:18px;font-weight:600}.integration-card p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.9}.integration-link{color:var(--brand-dark);margin-top:22px;font-size:10px;font-weight:600;display:inline-block}.contact-section{min-height:760px;color:var(--white);background:var(--navy);overflow:hidden}.contact-visual-bg,.contact-overlay{position:absolute;inset:0}.contact-visual-bg img{object-fit:cover;object-position:center;opacity:.16;width:100%;height:100%}.contact-overlay{background:#0b2730ed}.contact-shell{z-index:2;position:relative}.contact-top{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:end;gap:clamp(42px,6vw,90px);margin-bottom:42px;display:grid}.contact-intro{max-width:760px}.contact-email-panel{border-top:1px solid #ffffff29;min-width:0;padding-top:18px}.contact-email-panel>span{color:#ffffff94;margin-bottom:10px;font-size:11.5px;display:block}.contact-email-panel a{color:var(--white);align-items:center;gap:9px;font-size:14px;font-weight:600;display:inline-flex}.contact-email-panel svg{color:#91d3cf;width:17px}.contact-forms{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:22px;display:grid}.contact-form-wrap{min-width:0}.contact-form{width:100%;transition:transform .26s var(--ease), border-color .26s ease, box-shadow .26s ease;background:#10333df0;border:1px solid #ffffff21;border-radius:18px;padding:32px;box-shadow:0 18px 44px #0000001a}.contact-form:hover{border-color:#91d3cf3d;transform:translateY(-3px);box-shadow:0 24px 52px #00000024}.contact-form h3{color:var(--white);margin:0 0 24px;font-size:20px;font-weight:600}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 16px;display:grid}.form-grid label{gap:8px;min-width:0;display:grid}.form-grid label>span{color:#ffffffb0;font-size:11.8px;font-weight:500}.form-wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;color:var(--white);background:#0f2e37;border:1px solid #ffffff24;border-radius:10px;outline:none;transition:border-color .22s,background .22s,box-shadow .22s}.form-grid input,.form-grid select{min-height:52px;padding:0 14px}.form-grid textarea{resize:vertical;min-height:138px;padding:13px 14px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{background:#10333d;border-color:#91d3cf9e;box-shadow:0 0 0 3px #168b841a}.form-grid select option{color:var(--ink);background:var(--white)}.form-submit{min-height:50px;color:var(--white);background:var(--brand);transition:background .22s ease, transform .22s var(--ease);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:22px;padding:0 20px;font-size:13px;font-weight:600;display:inline-flex}.form-submit:hover{background:var(--brand-dark);transform:translateY(-2px)}.form-submit svg{width:16px}.footer{color:var(--white);background:#081f27;border-top:1px solid #ffffff14;padding:44px 0 23px}.footer-shell{text-align:center;flex-direction:column;align-items:center;display:flex}.footer .brand{background:var(--white);border-radius:11px;padding:7px 13px}.footer .brand-logo{width:128px;height:48px}.footer-statement{color:#ffffff94;max-width:780px;margin:20px auto 0;font-size:12px;line-height:1.9}.footer-links{color:#ffffffa8;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:20px;font-size:11.5px;display:flex}.footer-links a{transition:color .2s}.footer-links a:hover{color:#91d3cf}.footer-rule{background:#ffffff1a;width:min(760px,88%);height:1px;margin:22px auto 16px}.copyright{color:#ffffff61;direction:ltr;font-size:9.5px}.reveal{opacity:0;transition:opacity .74s var(--ease) var(--reveal-delay), transform .74s var(--ease) var(--reveal-delay);will-change:opacity, transform;transform:translateY(24px)}.reveal-left{transform:translate(-28px)}.reveal-right{transform:translate(28px)}.reveal.show{opacity:1;transform:translate(0)}html[dir=rtl] .flow-step,html[dir=rtl] .vision-point,html[dir=rtl] .contact-form h3,html[dir=rtl] .form-grid label>span{text-align:right}html[dir=ltr] .flow-step,html[dir=ltr] .vision-point,html[dir=ltr] .contact-form h3,html[dir=ltr] .form-grid label>span{text-align:left}@media (width<=1180px){.shell,.hero-content,.tech-strip-track{width:min(100% - 48px,1080px)}.header-grid{gap:18px}.main-nav{gap:12px;font-size:11.8px}.hero-copy{width:min(550px,52vw)}.infrastructure-grid,.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-layout{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:36px}.flow-step{min-height:126px;padding:16px}.contact-top{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:40px}.contact-forms{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px}.contact-form{padding:28px}}@media (width<=1000px){:root{--header-h:70px}.shell,.hero-content,.tech-strip-track{width:min(100% - 36px,820px)}.section{padding:86px 0}.header-grid{grid-template-columns:auto 1fr auto;gap:12px}.brand-logo{width:110px;height:50px}.menu-toggle{display:grid}.main-nav{border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;pointer-events:none;transform-origin:top;transition:opacity .24s ease, transform .24s var(--ease), visibility .24s ease;border-radius:14px;gap:3px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:18px;right:18px;transform:translateY(-10px)scale(.985)}.main-nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.main-nav a{border-radius:9px;padding:12px 13px}.main-nav a:after{display:none}.main-nav a.active{color:var(--brand-dark);background:var(--soft)}.language-switch{min-height:38px}.hero{min-height:690px;height:calc(100svh - var(--header-h));max-height:820px}.hero-copy{width:min(520px,88vw)}.hero h1{font-size:clamp(37px,7vw,55px)}.split-layout,.flow-layout,.vision-layout{grid-template-columns:1fr;gap:38px}.split-media,.flow-media,.vision-media{order:2}.flow-steps,.vision-points{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-image-frame img{min-height:340px}.contact-top{grid-template-columns:1fr;gap:24px;margin-bottom:34px}.contact-intro{max-width:720px}.contact-email-panel{max-width:420px}.contact-forms{grid-template-columns:1fr;gap:20px}.contact-form{padding:30px}}@media (width<=700px){.shell,.hero-content,.tech-strip-track{width:min(100% - 28px,620px)}.section{padding:70px 0}.header-grid{gap:9px}.language-switch{padding:0 10px}.language-switch small{display:none}.hero{min-height:720px}.hero-picture{transition:opacity .95s;transform:none}.hero-image-primary{object-position:center top!important}.hero-image-secondary-ar{object-position:72% center!important}.hero-image-secondary-en{object-position:28% center!important}.hero-wash-right,.hero-wash-left{background:linear-gradient(#0b2730f5 0%,#0b2730e0 29%,#0b27308a 49%,#0b27301f 72%,#0b273005 100%)}.hero-copy,.hero-copy-lang-ar,.hero-copy-lang-en{width:auto;max-width:520px;animation:hero-mobile-enter .7s var(--ease) both;top:26px;left:0;right:0;transform:none}@keyframes hero-mobile-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-copy-lang-ar{text-align:right}.hero-copy-lang-en{text-align:left}.hero h1{margin-top:13px;font-size:clamp(33px,9vw,46px);line-height:1.32}.hero-subline{font-size:17px}.hero-copy>p{font-size:13.8px;line-height:1.85}.hero-buttons{margin-top:20px}.button{min-height:46px;padding:0 15px}.hero-slider-controls{bottom:13px}.tech-strip-track{scrollbar-width:none;scroll-snap-type:x proximity;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.tech-strip-track::-webkit-scrollbar{display:none}.tech-strip-track span{scroll-snap-align:start;padding:0 13px}.section-heading h2{font-size:clamp(29px,8vw,39px)}.section-heading>p,.text-stack p{font-size:13.8px}.tech-image-frame{border-radius:17px}.tech-image-frame img{min-height:270px}.infrastructure-grid,.integration-grid,.flow-steps,.vision-points{grid-template-columns:1fr}.infra-card,.integration-card{min-height:auto;padding:22px}.architecture-rail{white-space:nowrap;scrollbar-width:none;justify-content:flex-start;gap:10px;padding:15px 0;overflow-x:auto}.architecture-rail::-webkit-scrollbar{display:none}.architecture-rail i{flex:none;width:23px}.flow-step{grid-template-columns:34px minmax(0,1fr);min-height:0;padding:17px}.vision-point{grid-template-columns:34px minmax(0,1fr);min-height:0}.contact-section{min-height:auto}.contact-top{margin-bottom:28px}.contact-email-panel{max-width:none}.contact-form{border-radius:16px;padding:23px 18px}.contact-form h3{margin-bottom:20px;font-size:18px}.form-grid{grid-template-columns:1fr;gap:14px}.form-wide{grid-column:auto}.form-grid input,.form-grid select{min-height:50px}.form-grid textarea{min-height:122px}.form-submit{width:100%;margin-top:18px}.footer{padding-top:37px}.footer-statement{font-size:11.8px}.footer-links{gap:8px 15px}.reveal,.reveal-left,.reveal-right{transform:translateY(18px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation:none!important}.reveal{opacity:1!important;transform:none!important}}