@charset "UTF-8";
@font-face{font-family:"Tajawal";src:url("assets/fonts/tajawal/Tajawal-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Tajawal";src:url("assets/fonts/tajawal/Tajawal-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Tajawal";src:url("assets/fonts/tajawal/Tajawal-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
:root{--bg:#030908;--surface:#081714;--cyan:#104b55;--white:#f2f7f5;--muted:#899b96;--line:rgba(160,206,194,.17);--font:Arial,Helvetica,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}button{border:0}svg{display:block}img{max-width:100%}[hidden]{display:none!important}::selection{background:var(--cyan);color:var(--white)}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(1240px,calc(100% - 112px));margin-inline:auto}.section{padding-block:120px}.eyebrow{display:flex;align-items:center;gap:12px;font:10px/1.6 var(--mono);letter-spacing:1.7px;font-weight:500;color:#b2c7c1;margin:0 0 25px}.section-number{color:var(--cyan);margin-right:4px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #104b5555;flex-shrink:0}.muted{color:var(--muted)}.accent{color:var(--cyan)}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(36px,4vw,58px);line-height:1.08;letter-spacing:-2.4px;font-weight:500;margin-bottom:0}h3{font-weight:500}p{line-height:1.7}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--cyan);color:var(--white);padding:15px}.skip-link:focus{top:10px}.site-header{height:92px;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:rgba(3,9,8,.9);backdrop-filter:blur(22px)}.header-inner{height:100%;max-width:1440px;margin:auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:8px;align-items:center}.brand img{width:44px;height:44px;object-fit:contain}.brand>span{font-size:22px;font-weight:700;letter-spacing:1px;line-height:1.1}.brand small{display:block;font:8px var(--mono);letter-spacing:3.7px;margin-top:7px}.desktop-nav{display:flex;gap:32px;margin-left:60px}.desktop-nav a{font-size:12px;color:#b8c6c1;position:relative;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--cyan)}.desktop-nav a.active:after{content:"";position:absolute;bottom:-13px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--cyan)}.header-explore{display:flex;align-items:center;gap:16px;font-size:11px}.header-explore .icon{width:16px;height:16px;color:var(--cyan)}.menu-toggle{display:none;background:none;padding:10px}.mobile-nav{background:#071310;border-bottom:1px solid var(--line);padding:18px 24px 28px}.mobile-nav a{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-size:19px}.mobile-nav a span{font:10px var(--mono);color:var(--cyan)}
.hero{position:relative;min-height:810px;overflow:hidden;isolation:isolate;background:#030908}.hero-glow{position:absolute;inset:-45% -10% 30%;z-index:-3;background:radial-gradient(ellipse at 50% 40%,#134c409c 0,#0c281d55 35%,transparent 67%)}#terrain{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.9}.hero-vignette{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,#03090800 64%,#030908 100%)}.hero-content{text-align:center;padding-top:98px;position:relative;z-index:1}.hero-content .eyebrow{justify-content:center;font-size:10px;margin-bottom:33px}.hero h1{font-size:clamp(54px,6.7vw,96px);line-height:1.04;letter-spacing:-5px;font-weight:500;margin-bottom:29px}.hero-line{display:block}.hero-description{font-size:15px;line-height:1.8;color:#b0c1ba;margin-bottom:31px}.button{display:inline-flex;justify-content:center;align-items:center;gap:32px;padding:17px 22px;font-size:12px;font-weight:600;border-radius:4px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.button .icon{width:18px;height:18px}.button-primary{background:var(--cyan);color:var(--white);box-shadow:0 0 32px #104b551a}.button-primary:hover{background:#176371}.hero-footnote{display:flex;gap:23px;justify-content:center;font:9px var(--mono);letter-spacing:2px;color:#7eaaa0;margin-top:36px}.hero-footnote span+span:before{content:"/";margin-right:23px;color:#416a60}.terrain-label{position:absolute;bottom:114px;font:8px/2 var(--mono);letter-spacing:1.4px;color:#699088;display:flex;flex-direction:column}.label-left{left:56px}.label-right{right:56px;text-align:right}.scroll-cue{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);font:8px var(--mono);letter-spacing:1.5px;display:flex;align-items:center;gap:12px;white-space:nowrap;color:#9cafaa}.scroll-cue span{display:block;width:1px;height:26px;background:linear-gradient(transparent,var(--cyan))}.capability-strip{border-block:1px solid var(--line);background:#06100d}.capability-strip .container{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.capability-strip span{font-size:13px;color:#a6bbb4}.capability-strip span:first-child{font:9px var(--mono);letter-spacing:1.2px;color:#6d9084;display:flex;align-items:center;gap:11px}.capability-strip i{width:5px;height:5px;background:#789c8d;display:block}.capability-strip b{font:17px var(--mono);font-weight:300;color:#456056}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:62px}.section-intro{color:var(--muted);font-size:14px;max-width:330px;margin-bottom:4px}.services-explorer{display:grid;grid-template-columns:260px 1fr;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#06110e}.service-tabs{padding:22px 15px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:6px}.service-tabs button{display:flex;gap:13px;align-items:center;text-align:left;width:100%;padding:17px 13px;background:transparent;border:1px solid transparent;border-radius:4px;color:#9aada6;font-size:12px;transition:background .25s,color .25s}.service-tabs .icon{width:18px;height:18px}.service-tabs button span{font:8px var(--mono);margin-left:auto;color:#527267}.service-tabs button:hover{background:#ffffff05;color:var(--white)}.service-tabs button[aria-selected="true"]{background:var(--cyan);border-color:#2b6c76;color:var(--white)}.service-tabs button[aria-selected="true"] span{color:var(--white)}.service-panel{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;min-height:414px;padding:28px;gap:24px}.infrastructure-art{position:relative;height:295px;overflow:hidden;background:radial-gradient(ellipse at center,#15372b 0,transparent 70%);border:1px solid #24443866;border-radius:4px;perspective:600px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#71b69e12 1px,transparent 1px),linear-gradient(90deg,#71b69e12 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,black,transparent 75%)}.orbit{position:absolute;width:220px;height:220px;border:1px solid #37635688;border-radius:50%;top:38px;left:50%;transform:translateX(-50%) rotateX(60deg) rotateZ(-30deg)}.orbit-two{width:280px;height:280px;top:8px;transform:translateX(-50%) rotateX(60deg) rotateZ(30deg);border-style:dashed;border-color:#37635655}.server-stack{position:absolute;left:50%;top:70px;width:144px;transform:translateX(-50%) rotate(-8deg)}.server-slab{height:48px;border:1px solid #468677;background:linear-gradient(135deg,#183a2f,#0a1915);border-radius:5px;box-shadow:8px 8px 0 #07100c,9px 9px 0 #2a5747;display:flex;align-items:center;gap:5px;padding:0 13px;margin-bottom:14px;transform:skewY(10deg)}.server-slab span{display:block;width:48px;height:4px;border-block:1px solid #477f6c;margin-right:auto}.server-slab i{width:3px;height:3px;background:#47806c;border-radius:50%}.server-slab b{width:4px;height:4px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px #104b55}.art-label{position:absolute;bottom:17px;left:14px;font:7px var(--mono);letter-spacing:1px;color:#8bb4a6}.art-coordinate{position:absolute;top:14px;left:14px;font:8px var(--mono);color:#769f91}.service-copy .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:16px;color:var(--cyan)}.service-copy h3{font-size:32px;letter-spacing:-1px;line-height:1.14;margin-bottom:17px}.service-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#92aaa0;margin-bottom:20px}.feature-tags{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:0 0 25px}.feature-tags li{border:1px solid #2b443b;padding:6px 8px;font:8px var(--mono);color:#b4c6bf;border-radius:3px}.text-link{background:transparent;padding:0;display:inline-flex;align-items:center;gap:17px;color:var(--cyan);font-size:12px;line-height:1.5}.text-link .icon{width:17px;height:17px;transition:transform .2s}.text-link:hover .icon{transform:translate(3px,-2px)}.service-bottom{display:flex;justify-content:space-between;margin-top:25px;font-size:11px;color:#78978a}.mobile-services{display:none}
.web-design{background:linear-gradient(135deg,#091a15,#06120f 60%,#081813);border-block:1px solid var(--line);overflow:hidden}.design-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.design-copy h2{font-size:clamp(40px,4.5vw,65px);line-height:1.06;margin-bottom:27px;letter-spacing:-2.9px}.design-copy h2 em{font-style:normal;color:var(--cyan)}.design-copy>p:not(.eyebrow){color:#91aaa0;font-size:13px;max-width:365px;margin-bottom:28px}.button-outline{border:1px solid #416154;background:transparent;color:#dce8df;padding:15px 20px}.button-outline:hover{background:#17352a}.design-note{display:flex;gap:14px;font:9px/1.7 var(--mono);color:#6d9a88;margin-top:32px}.small-cross{font-size:24px;line-height:1;color:var(--cyan)}.browser-stage{position:relative;padding:40px 0 65px;perspective:1200px}.stage-orbit{position:absolute;inset:8% -18%;border:1px solid #104b551c;border-radius:50%;transform:rotate(-30deg)}.stage-orbit:after{content:"";position:absolute;inset:35px -25px;border:1px dashed #104b5518;border-radius:50%}.browser-window{position:relative;width:100%;border:1px solid #577e6a;border-radius:8px;background:#dce7dd;box-shadow:0 30px 80px #0007;transform:rotateY(-9deg) rotateZ(2deg);overflow:hidden}.browser-toolbar{height:35px;background:#12271e;display:flex;align-items:center;padding:0 12px;gap:20px;color:#749c88}.browser-dots{display:flex;gap:4px}.browser-dots i{width:4px;height:4px;background:#526c5d;border-radius:50%}.browser-address{font:7px var(--mono);margin:auto;letter-spacing:.3px}.browser-toolbar .icon{width:11px;height:11px}.mock-page{padding:26px;color:#183b2b;min-height:355px;position:relative;overflow:hidden;background:#e5ecdd}.mock-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:56px;font-size:6px}.mock-brand{font-size:15px;font-weight:700;letter-spacing:-1px;display:flex;gap:5px;align-items:center}.mock-brand>span{width:13px;height:13px;border-radius:50%;background:#16482b;display:block}.mock-eyebrow{font:6px var(--mono);letter-spacing:1px;margin-bottom:14px}.mock-title{font-size:48px;line-height:.95;letter-spacing:-3px;font-weight:500;position:relative;z-index:2}.mock-title>span{color:#738d1e}.mock-sculpture{position:absolute;right:34px;top:110px;width:170px;height:170px;transform:rotate(-25deg)}.mock-sculpture div{position:absolute;inset:0;border-radius:50%;background:linear-gradient(110deg,#bccf85,#2c541b 48%,#a1b45d 53%,#143b23 76%);box-shadow:12px 8px 12px #27381840;transform:scaleX(.55)}.mock-sculpture div:nth-child(2){transform:translateX(25px) scaleX(.55)}.mock-sculpture div:nth-child(3){transform:translateX(50px) scaleX(.55)}.mock-sculpture div:nth-child(4){transform:translateX(75px) scaleX(.55)}.mock-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;line-height:1.5;margin-top:30px;position:relative;z-index:2}.mock-circle{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#254c2e;color:#eff4e4;font-size:16px}.mock-grid{display:flex;justify-content:space-between;margin-top:28px;border-top:1px solid #183b2b30;padding-top:11px;font:6px var(--mono);letter-spacing:.6px}.floating-label{position:absolute;top:15px;right:-20px;background:#13392f;border:1px solid #497668;border-radius:4px;box-shadow:0 6px 30px #0005;padding:13px 16px;display:flex;align-items:center;gap:10px;font:7px var(--mono);letter-spacing:1px;transform:rotate(2deg)}.floating-label .status-dot{width:4px;height:4px}.mobile-mock{position:absolute;bottom:25px;right:-15px;width:124px;height:228px;border:5px solid #17261f;outline:1px solid #6b8477;border-radius:22px;box-shadow:-10px 10px 30px #0005;background:#cedbb8;transform:rotate(7deg);color:#20472e;padding:25px 10px 10px;overflow:hidden}.phone-notch{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:42px;height:10px;border-radius:10px;background:#17261f}.mobile-mock>span:first-of-type{font-size:10px;font-weight:700}.mobile-mock strong{font-size:22px;line-height:.95;letter-spacing:-1px;display:block;margin-top:25px;position:relative;z-index:2}.phone-orb{position:absolute;bottom:0;right:-20px;width:110px;height:110px;background:radial-gradient(circle at 30% 20%,#d1e698,#677d31 40%,#21432c 70%);border-radius:50%}.phone-arrow{position:absolute;bottom:14px;left:12px;font-size:22px}.concept-caption{position:absolute;bottom:-8px;left:0;font:7px/1.5 var(--mono);letter-spacing:1px;color:#618473}.design-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:88px;scroll-margin-top:130px}.design-capabilities article{border-top:1px solid #355143;padding-top:23px}.capability-number{font:9px var(--mono);color:#75a491}.design-capabilities h3{font-size:18px;letter-spacing:-.5px;margin:18px 0 12px}.design-capabilities p{font-size:12px;color:#819b8e;max-width:300px;margin:0}
.why-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.brand-art{height:420px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:radial-gradient(ellipse at 50% 70%,#19372a,transparent 68%),linear-gradient(140deg,#0c211a,#05120d)}.brand-grid{position:absolute;inset:0;background-image:radial-gradient(#75aa9055 .6px,transparent .6px);background-size:19px 19px;mask-image:linear-gradient(transparent,#000 30%,#000)}.brand-ring{position:absolute;left:50%;top:50%;width:240px;height:240px;border:1px solid #104b5533;border-radius:50%;transform:translate(-50%,-50%)}.ring-2{width:320px;height:320px;border-style:dashed;border-color:#104b551f}.ring-3{width:390px;height:390px;border-color:#104b5512}.brand-core{position:absolute;left:50%;top:50%;width:140px;height:140px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid #3d705b;border-radius:26px;background:linear-gradient(145deg,#1b4435,#0a2118);box-shadow:0 0 80px #104b551a;rotate:-8deg}.logo-mask{width:104px;height:104px;background:var(--cyan);mask:url(assets/logo-white.png) center/contain no-repeat;display:block;rotate:8deg}.diagram-label{position:absolute;display:flex;align-items:center;gap:7px;font:8px var(--mono);letter-spacing:1.2px;color:#76a391;left:23px}.diagram-top{top:24px}.diagram-top .status-dot{width:4px;height:4px}.diagram-bottom{bottom:24px}.diagram-plus{position:absolute;color:#638e7b;font:20px var(--mono)}.plus-one{top:20px;right:22px}.plus-two{bottom:20px;right:22px}.benefit-list article{display:flex;gap:21px;border-bottom:1px solid var(--line);padding:27px 0;align-items:flex-start}.benefit-list article:first-child{padding-top:0}.benefit-list article>span{font:9px var(--mono);color:#5b8471;padding-top:6px}.benefit-list h3{font-size:19px;letter-spacing:-.5px;margin-bottom:10px}.benefit-list p{font-size:12px;color:#91a69a;margin:0;max-width:350px}.benefit-list .icon{width:16px;height:16px;margin-left:auto;color:#4b7562;flex-shrink:0}.faq-section{border-top:1px solid var(--line);background:#050e0b}.faq-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.faq-intro{font-size:13px;color:#8ba194;margin-top:26px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0;font-size:14px;line-height:1.5}summary::-webkit-details-marker{display:none}summary .icon{width:18px;height:18px;color:#6e9f89;transition:transform .25s}details[open] summary .icon{transform:rotate(45deg);color:var(--cyan)}details[open] summary{color:var(--cyan)}.faq-list details p{font-size:12px;color:#90a69b;max-width:90%;margin:0 0 25px}.site-footer{border-top:1px solid var(--line);padding-top:55px;overflow:hidden}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top p{font-size:14px;line-height:1.6;margin:0}.back-top{display:flex;gap:15px;align-items:center;font:8px var(--mono);letter-spacing:1px}.back-top .icon{width:16px;height:16px;color:var(--cyan)}.footer-wordmark{font-size:clamp(80px,19.1vw,278px);font-weight:700;letter-spacing:-.065em;line-height:1;margin:60px 0 40px;color:#104B55;position:relative}.footer-wordmark>span{font-size:19px;letter-spacing:0;position:absolute;top:17%;right:0;font-weight:400}.footer-bottom{border-top:1px solid var(--line);padding:25px 0 100px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#739181;font-size:9px}.footer-bottom>span:nth-child(2){font:7px var(--mono);letter-spacing:1px}.footer-bottom nav{display:flex;gap:20px}.footer-bottom a:hover{color:var(--cyan)}
.contact-widget{position:fixed;right:30px;bottom:28px;z-index:50}.contact-toggle{display:flex;align-items:center;gap:12px;border:1px solid #2b6c76;background:var(--cyan);color:var(--white);border-radius:6px;padding:16px 19px;box-shadow:0 8px 32px #0007;font-size:12px;font-weight:600}.contact-toggle>.icon:first-child{width:18px;height:18px}.contact-toggle .contact-plus{width:15px;height:15px;margin-left:16px;transition:transform .2s}.contact-toggle[aria-expanded="true"] .contact-plus{transform:rotate(45deg)}.contact-menu{position:absolute;bottom:70px;right:0;width:286px;border:1px solid #335c4d;background:#0a1b14;border-radius:8px;box-shadow:0 15px 70px #000a;padding:10px;transform-origin:bottom right}.contact-heading{display:flex;align-items:center;gap:8px;padding:13px 12px 17px;font-size:12px;color:#c9ddd0}.contact-heading .status-dot{width:5px;height:5px}.contact-menu a{display:flex;align-items:center;gap:15px;border-top:1px solid #274537;padding:16px 12px;color:var(--cyan);border-radius:2px}.contact-menu a:hover{background:#17392a}.contact-menu a>span{font-size:13px;color:#f1f8ef}.contact-menu a small{display:block;color:#86a491;font-size:10px;margin-top:5px}.contact-menu a>.icon:last-child{margin-left:auto;width:15px;height:15px}.contact-menu a>.icon:first-child{width:19px;height:19px}
@media(min-width:1600px){.hero{min-height:900px}.hero-content{padding-top:135px}.hero h1{font-size:104px}}
@media(max-width:1150px){.container{width:calc(100% - 72px)}.header-inner{padding-inline:36px}.desktop-nav{margin-left:0;gap:23px}.header-explore{font-size:10px;gap:8px}.hero{min-height:760px}.hero h1{font-size:7.5vw}.service-panel{gap:20px;padding:20px;grid-template-columns:.8fr 1fr}.services-explorer{grid-template-columns:225px 1fr}.service-tabs{padding:15px 10px}.service-tabs button{padding-inline:9px;gap:9px;font-size:11px}.service-copy h3{font-size:29px}.infrastructure-art{height:270px}.server-stack{width:120px}.design-layout{gap:45px}.why-layout,.faq-layout{gap:50px}.mock-title{font-size:40px}.mock-sculpture{right:30px;width:125px;height:125px}.floating-label{right:0}.mock-page{padding:21px;min-height:330px}.mobile-mock{right:0;width:108px;height:204px}.mobile-mock strong{font-size:19px}.footer-bottom>span:nth-child(2){display:none}}
@media(max-width:800px){.header-inner{padding-inline:25px}.site-header{height:78px}.desktop-nav{gap:17px}.desktop-nav a{font-size:11px}.header-explore{display:none}.brand>span{font-size:20px}.brand small{font-size:7px}.container{width:calc(100% - 48px)}.section{padding-block:85px}.hero{min-height:740px}.hero-content{padding-top:110px}.hero h1{font-size:8.8vw;letter-spacing:-3.7px}.hero-description{font-size:14px}.terrain-label{bottom:105px;font-size:6px;letter-spacing:.8px}.label-left{left:25px}.label-right{right:25px}.section-heading{gap:35px;margin-bottom:40px}.section-intro{max-width:240px;font-size:12px}h2{font-size:40px;letter-spacing:-1.7px}.capability-strip span:first-child{font-size:7px}.capability-strip span{font-size:10px}.capability-strip .container{min-height:70px;gap:12px}.services-explorer{grid-template-columns:210px 1fr}.service-panel{grid-template-columns:1fr;padding:25px;gap:20px}.infrastructure-art{height:160px}.server-stack{top:15px;width:110px;transform:translateX(-50%) rotate(-8deg) scale(.8)}.server-slab{height:36px;margin-bottom:10px}.art-label{font-size:6px}.art-coordinate{font-size:7px}.orbit{top:-30px}.orbit-two{top:-60px}.service-copy h3 br{display:none}.service-copy h3{font-size:28px}.service-copy>p:not(.eyebrow){font-size:12px}.design-layout{grid-template-columns:1fr;gap:35px}.design-copy h2{font-size:55px}.design-copy h2 br:nth-child(2){display:none}.design-copy>p:not(.eyebrow){max-width:460px}.design-note{display:none}.browser-stage{max-width:560px;width:90%;margin:0 auto}.mock-page{min-height:360px;padding:25px}.mock-title{font-size:52px}.mock-sculpture{width:170px;height:170px;right:50px}.mobile-mock{right:-20px;width:124px;height:228px}.mobile-mock strong{font-size:22px}.design-capabilities{gap:25px;margin-top:55px}.design-capabilities h3{font-size:17px}.design-capabilities p{font-size:11px}.why-layout{gap:35px;grid-template-columns:.8fr 1fr}.brand-art{height:380px}.brand-core{width:115px;height:115px}.logo-mask{width:88px;height:88px}.benefit-list article{gap:12px;padding-block:20px}.benefit-list h3{font-size:17px}.benefit-list p{font-size:11px}.benefit-list .icon{display:none}.diagram-label{font-size:6px;left:15px;letter-spacing:.6px}.faq-layout{grid-template-columns:1fr;gap:32px}.faq-intro{margin-bottom:0}.faq-list summary{font-size:14px}.footer-top p{font-size:12px}.footer-wordmark{margin-block:45px 30px}.footer-bottom{padding-bottom:110px}.contact-widget{right:23px;bottom:23px}}
@media(max-width:600px){html{scroll-padding-top:95px}.container{width:calc(100% - 40px)}.section{padding-block:72px}.header-inner{padding-inline:18px}.site-header{height:72px}.brand img{width:38px;height:38px}.brand>span{font-size:19px}.brand small{font-size:6px;letter-spacing:3.3px;margin-top:5px}.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px;width:42px;align-items:center;justify-content:center}.menu-toggle span{display:block;width:21px;height:1px;background:#c9e1d5;transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{min-height:710px}.hero-content{padding-top:83px}.hero-content .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:28px;gap:9px}.hero h1{font-size:clamp(38px,10.8vw,64px);letter-spacing:-2px;line-height:1.11;margin-bottom:25px}.hero-description{font-size:12px;line-height:1.8;max-width:310px;margin:0 auto 27px}.desktop-break{display:none}.button{font-size:11px;padding:16px 20px;gap:27px}.hero-footnote{font-size:7px;letter-spacing:1.5px;margin-top:30px;gap:16px}.hero-footnote span+span:before{margin-right:16px}.terrain-label{bottom:93px;font-size:5.5px;letter-spacing:.4px}.label-left{left:20px}.label-right{right:20px}.scroll-cue{bottom:31px;font-size:7px}.capability-strip .container{min-height:92px;display:flex;flex-wrap:wrap;gap:0;justify-content:space-between;padding-block:18px}.capability-strip span:first-child{width:100%;justify-content:center;font-size:7px;margin-bottom:17px;letter-spacing:1px}.capability-strip span{font-size:9px}.capability-strip b{font-size:12px}.section-heading{display:block;margin-bottom:30px}.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:20px;gap:8px}h2{font-size:36px;letter-spacing:-1.6px}.section-intro{max-width:100%;margin:22px 0 0;font-size:12px}.services-explorer{display:none}.mobile-services{display:block;border-top:1px solid var(--line)}.mobile-service{border-bottom:1px solid var(--line)}.mobile-service summary{font-size:13px;padding:21px 0;gap:13px}.mobile-service summary>.icon:first-child{color:var(--cyan);width:19px;height:19px}.mobile-service summary>.icon:last-child{margin-left:auto;width:16px;height:16px}.mobile-service-content{padding:2px 0 26px 32px}.mobile-service-content h3{font-size:23px;letter-spacing:-.7px;margin-bottom:13px}.mobile-service-content>p{font-size:12px;color:var(--muted);margin-bottom:18px}.mobile-service-content .eyebrow{font-size:7px;color:var(--cyan);margin-bottom:12px}.mobile-service .feature-tags{margin-bottom:20px}.service-bottom{gap:25px;font-size:10px;line-height:1.7;align-items:center;margin-top:22px}.service-bottom>span{max-width:180px}.service-bottom .text-link{font-size:10px;gap:10px;white-space:nowrap}.design-copy h2{font-size:44px;letter-spacing:-2px}.design-copy h2 br:nth-child(2){display:block}.design-copy>p:not(.eyebrow){font-size:12px}.browser-stage{width:96%;padding-top:25px;margin-top:10px}.browser-window{transform:rotateY(-5deg) rotateZ(1.5deg)}.mock-page{min-height:285px;padding:18px}.mock-nav{margin-bottom:38px}.mock-nav>span:last-child{font-size:5px}.mock-brand{font-size:12px}.mock-brand>span{width:10px;height:10px}.mock-title{font-size:36px;letter-spacing:-2px}.mock-eyebrow{font-size:5px;letter-spacing:.7px}.mock-sculpture{width:105px;height:105px;right:45px;top:106px}.mock-sculpture div:nth-child(2){transform:translateX(17px) scaleX(.55)}.mock-sculpture div:nth-child(3){transform:translateX(34px) scaleX(.55)}.mock-sculpture div:nth-child(4){transform:translateX(51px) scaleX(.55)}.mock-bottom{font-size:6px;margin-top:25px}.mock-circle{width:24px;height:24px}.mock-grid{font-size:5px;margin-top:22px;padding-top:9px;letter-spacing:0}.browser-toolbar{height:28px;gap:8px}.browser-address{font-size:5.5px}.mobile-mock{width:91px;height:175px;right:-4px;bottom:25px;border-width:4px;border-radius:16px;padding:22px 8px 8px}.phone-notch{width:30px;height:7px}.mobile-mock>span:first-of-type{font-size:8px}.mobile-mock strong{font-size:17px;margin-top:20px}.phone-orb{width:80px;height:80px}.phone-arrow{font-size:16px;bottom:10px;left:9px}.floating-label{top:5px;right:-3px;padding:10px 11px;font-size:5.5px;gap:7px}.concept-caption{font-size:5px;letter-spacing:.5px;bottom:4px}.design-capabilities{grid-template-columns:1fr;margin-top:25px;gap:25px}.design-capabilities article{padding-top:18px;position:relative;padding-left:35px}.capability-number{position:absolute;left:0;top:22px;font-size:8px}.design-capabilities h3{font-size:18px;margin:0 0 10px}.design-capabilities p{max-width:none;font-size:12px}.why-layout{grid-template-columns:1fr;gap:30px}.brand-art{height:320px}.brand-core{width:125px;height:125px}.logo-mask{width:95px;height:95px}.diagram-label{font-size:7px;left:20px;letter-spacing:1px}.benefit-list article{gap:17px;padding-block:24px}.benefit-list article:first-child{padding-top:4px}.benefit-list h3{font-size:18px}.benefit-list p{font-size:12px}.benefit-list .icon{display:block;width:14px;height:14px}.faq-layout{gap:30px}.faq-list summary{font-size:12px;padding-block:23px;gap:18px}.faq-list details p{max-width:100%;font-size:12px}.footer-top{align-items:flex-start;flex-wrap:wrap;gap:25px}.footer-top p{font-size:11px}.back-top{font-size:7px;width:100%;gap:10px;margin-top:4px}.footer-wordmark{font-size:20.8vw;margin-block:38px 26px;letter-spacing:-.075em}.footer-wordmark>span{font-size:10px;top:10%;right:0}.footer-bottom{flex-direction:column;align-items:flex-start;padding-top:22px;gap:18px;font-size:8px}.footer-bottom nav{gap:25px}.contact-widget{right:16px;bottom:16px}.contact-toggle{padding:14px 16px;font-size:11px;border-radius:5px;gap:9px}.contact-toggle .contact-plus{margin-left:13px}.contact-menu{width:min(286px,calc(100vw - 32px));bottom:65px}.site-footer{padding-top:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover{transform:none}}

/* Transparent masthead that becomes a compact floating island on scroll. */
:root { --header-space: 92px; --hero-space: 810px; --header-ease: cubic-bezier(.22,1,.36,1); }
.site-header {
  height: var(--header-space);
  background: transparent;
  border: 0;
  backdrop-filter: none;
  pointer-events: none;
}
.header-inner {
  width: 100%;
  max-width: 1440px;
  height: var(--header-space);
  border: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  pointer-events: auto;
  transition: width .6s var(--header-ease), max-width .6s var(--header-ease),
    height .6s var(--header-ease), padding .6s var(--header-ease),
    transform .6s var(--header-ease), border-radius .6s var(--header-ease),
    background-color .45s ease, border-color .45s ease, box-shadow .6s ease;
}
.hero {
  margin-top: calc(-1 * var(--header-space));
  padding-top: var(--header-space);
  min-height: calc(var(--hero-space) + var(--header-space));
}
.site-header .brand img,
.site-header .brand > span,
.site-header .brand small,
.site-header .desktop-nav {
  transition: width .6s var(--header-ease), height .6s var(--header-ease),
    font-size .6s var(--header-ease), letter-spacing .6s var(--header-ease),
    margin .6s var(--header-ease), gap .6s var(--header-ease), color .3s ease;
}
.site-header .desktop-nav a { color: #d3e0dc; }
.site-header .desktop-nav a:hover,
.site-header .desktop-nav a.active { color: #fff; }
.site-header .desktop-nav a.active:after { background: #f2f7f5; }
.site-header .header-explore .icon { color: #f2f7f5; }
.site-header :focus-visible { outline-color: #f2f7f5; }
.site-header.is-scrolled .header-inner {
  width: calc(100% - 40px);
  max-width: 820px;
  height: 42px;
  padding-inline: 25px;
  transform: translateY(14px);
  border-radius: 999px;
  border-color: rgba(208,236,238,.22);
  background: rgba(16,75,85,.94);
  backdrop-filter: blur(22px) saturate(125%);
  -webkit-backdrop-filter: blur(22px) saturate(125%);
  box-shadow: 0 10px 38px #0005, inset 0 1px 0 #ffffff0a;
}
.site-header.is-scrolled .brand img { width: 34px; height: 34px; }
.site-header.is-scrolled .brand > span { font-size: 17px; letter-spacing: .8px; }
.site-header.is-scrolled .brand small { font-size: 6px; letter-spacing: 2.8px; margin-top: 5px; }
.site-header.is-scrolled .desktop-nav { margin-left: 0; gap: 25px; }
.site-header.is-scrolled .desktop-nav a { color: #d6e7e8; }
.site-header.is-scrolled .desktop-nav a:hover,
.site-header.is-scrolled .desktop-nav a.active { color: #fff; }
.site-header.is-scrolled .desktop-nav a.active:after { bottom: -9px; }
.site-header.is-scrolled .header-explore { color: #f2f7f5; }
.mobile-nav {
  position: absolute;
  top: calc(var(--header-space) + 7px);
  left: 16px;
  right: 16px;
  padding: 12px 22px 20px;
  border: 1px solid #638b9066;
  border-radius: 20px;
  background: rgba(16,75,85,.98);
  box-shadow: 0 18px 45px #0006;
  max-height: calc(100dvh - 115px);
  overflow-y: auto;
  pointer-events: auto;
}
.mobile-nav a { color: #f2f7f5; border-color: #ffffff24; }
.mobile-nav a span { color: #ccdcdf; }
.site-header.menu-open .header-inner { background: rgba(16,75,85,.98); }
@media (min-width: 1600px) { :root { --hero-space: 900px; } }
@media (max-width: 1150px) { :root { --hero-space: 760px; } }
@media (max-width: 800px) {
  :root { --header-space: 78px; --hero-space: 740px; }
  .site-header.is-scrolled .header-inner { padding-inline: 22px; }
  .site-header.is-scrolled .desktop-nav { gap: 20px; }
}
@media (max-width: 600px) {
  :root { --header-space: 72px; --hero-space: 710px; }
  .site-header.is-scrolled .header-inner {
    width: calc(100% - 32px);
    max-width: 420px;
    height: 40px;
    padding-inline: 14px;
    transform: translateY(12px);
  }
  .site-header.is-scrolled .brand img { width: 30px; height: 30px; }
  .site-header.is-scrolled .brand > span { font-size: 16px; }
  .site-header.is-scrolled .brand small { font-size: 5px; letter-spacing: 2.8px; }
  .site-header .menu-toggle span { background: #f2f7f5; }
}

/* Keep only the brand mark inside the compact island. */
.site-header .brand > span {
  max-width: 160px;
  opacity: 1;
  overflow: hidden;
  white-space: nowrap;
  transition: max-width .55s var(--header-ease), opacity .25s ease,
    font-size .55s var(--header-ease), letter-spacing .55s var(--header-ease);
}
.site-header .brand { transition: gap .55s var(--header-ease); }
.site-header.is-scrolled .brand { gap: 0; }
.site-header.is-scrolled .brand > span { max-width: 0; opacity: 0; }
.site-header.is-scrolled .brand img { width: 28px; height: 28px; }
.site-header.is-scrolled .menu-toggle { min-height: 38px; }

/* Uppercase navigation labels across desktop, mobile, and footer menus. */
.desktop-nav a,
.mobile-nav a,
.header-explore,
.footer-bottom nav a {
  text-transform: uppercase;
  letter-spacing: .06em;
}

/* The same animated landscape continues behind the footer content. */
.site-footer { position: relative; isolation: isolate; }
#footer-terrain {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  opacity: .72;
  pointer-events: none;
}
.site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(180deg, #030908 0%, #03090822 48%, #030908a6 100%);
}
.site-footer > .container { position: relative; z-index: 1; }

/* Four labeled orbits around the white MEBMS mark. */
.brand-art .logo-mask { background: #fff; width: 70px; height: 70px; }
.brand-art .brand-core { width: 92px; height: 92px; border-radius: 20px; z-index: 2; }
.orbit-system {
  position: absolute;
  left: 50%; top: 50%;
  width: min(82%, 340px);
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
}
.orbit-system .brand-ring { border: 1px solid rgba(129,184,173,.25); }
.orbit-system .ring-1 { width: 46%; height: 46%; }
.orbit-system .ring-2 { width: 64%; height: 64%; border-style: dashed; }
.orbit-system .ring-3 { width: 82%; height: 82%; }
.orbit-system .ring-4 { width: 100%; height: 100%; border-style: dashed; }
.orbit-track { position: absolute; inset: 0; transform: rotate(var(--orbit-angle)); }
.orbit-label {
  position: absolute; left: 50%; top: 0;
  display: flex; align-items: center; gap: 6px;
  transform: translate(-50%, -50%) rotate(calc(-1 * var(--orbit-angle)));
  padding: 6px 9px;
  border: 1px solid #477b7466;
  border-radius: 999px;
  background: #0b2926;
  color: #f2f7f5;
  white-space: nowrap;
  font: 8px/1.2 var(--mono);
  letter-spacing: .45px;
  text-transform: uppercase;
  box-shadow: 0 3px 10px #0004;
}
.orbit-label i { width: 3px; height: 3px; border-radius: 50%; background: #d8eeee; }
@media (min-width: 601px) and (max-width: 800px) {
  .brand-art .brand-core { width: 72px; height: 72px; border-radius: 16px; }
  .brand-art .logo-mask { width: 54px; height: 54px; }
  .orbit-label { font-size: 6px; padding: 5px 6px; gap: 4px; letter-spacing: .2px; }
}
@media (max-width: 600px) {
  .brand-art .brand-core { width: 80px; height: 80px; border-radius: 18px; }
  .brand-art .logo-mask { width: 62px; height: 62px; }
  .orbit-label { font-size: 7px; padding: 5px 7px; gap: 4px; }
}

/* Service photography uses individually graded brand-teal images. */
.service-panel { grid-template-columns: 1.12fr 1fr; }
.service-photo {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: #061316;
  border: 1px solid #285057;
  border-radius: 5px;
}
.infrastructure-art.service-photo { height: 310px; perspective: none; }
.service-photo img {
  display: block;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center;
}
.service-photo::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg,#03090860,transparent 28%,transparent 60%,#030908c9);
  pointer-events: none;
}
.service-photo .art-label,
.service-photo .art-coordinate { z-index: 1; color: #e2efec; text-shadow: 0 1px 5px #000; }
.mobile-service-photo { aspect-ratio: 3 / 2; margin: 0 0 22px; }
.mobile-service-photo::after { background: linear-gradient(180deg,transparent 65%,#03090845); }
@media (max-width: 1150px) {
  .service-panel { grid-template-columns: 1fr 1fr; }
  .infrastructure-art.service-photo { height: 285px; }
}
@media (min-width: 601px) and (max-width: 800px) {
  .service-panel { grid-template-columns: 1fr; }
  .infrastructure-art.service-photo { height: 210px; }
}
@media (max-width: 600px) {
  .mobile-service-photo { margin-left: -32px; width: calc(100% + 32px); }
}

/* Supplied desktop and mobile screenshots within the existing device frames. */
.mock-page.showcase-screen { padding: 0; min-height: 0; background: #061316; }
.showcase-screen img, .showcase-phone img { display: block; width: 100%; height: auto; }
.browser-stage { padding-bottom: 105px; }
.mobile-mock.showcase-phone {
  height: auto;
  padding: 12px 0 6px;
  background: #061316;
  border-color: #103138;
  outline-color: #54777d;
  bottom: 35px;
}
.showcase-phone .phone-notch { top: 3px; height: 5px; background: #030908; }
.browser-window { border-color: #42666b; background: #061316; }
.browser-toolbar { background: #0b262c; color: #9ab7bc; }
@media (max-width: 600px) {
  .browser-stage { padding-bottom: 85px; }
  .mobile-mock.showcase-phone { bottom: 25px; padding-top: 10px; padding-bottom: 4px; }
  .showcase-phone .phone-notch { height: 4px; }
}

/* Bilingual navigation: a compact segmented control, including in the island. */
.language-switch{direction:ltr;position:relative;display:flex;flex-shrink:0;align-items:center;padding:3px;border:1px solid #7eaaa059;border-radius:999px;background:#ffffff04;gap:0;isolation:isolate}
.language-switch:before{content:"";position:absolute;inset:3px auto 3px 3px;width:calc(50% - 3px);border-radius:999px;background:#f2f7f5;z-index:-1;transition:transform .3s ease}
.language-switch[data-active="ar"]:before{transform:translateX(100%)}
.language-switch :is(button,a){background:transparent;color:#e9f2ef;border-radius:999px;min-width:55px;height:27px;padding:0 9px;font:11px/1 Arial,sans-serif;transition:color .25s}
.language-switch :is(button,a)[aria-current="page"]{color:#104b55;font-weight:700}
.language-switch :is(button,a):focus-visible{outline:2px solid white;outline-offset:3px}
.header-inner{gap:18px}.desktop-nav{margin-left:0;gap:24px;white-space:nowrap}.header-explore{white-space:nowrap}
.site-header.is-scrolled .header-inner{max-width:960px;gap:18px}
.site-header.is-scrolled .language-switch{padding:2px}
.site-header.is-scrolled .language-switch :is(button,a){height:25px}
.site-header.is-scrolled .language-switch:before{inset-block:2px}
@media(max-width:1150px){.header-explore{display:none}.desktop-nav{gap:20px}}
@media(min-width:601px) and (max-width:800px){.header-inner{padding-inline:20px;gap:12px}.desktop-nav,.site-header.is-scrolled .desktop-nav{gap:14px}.desktop-nav a{font-size:10px}.language-switch :is(button,a){min-width:47px;padding-inline:7px;font-size:10px}.site-header .brand>span{font-size:17px}.site-header .brand img{width:32px;height:32px}}
@media(max-width:600px){.header-inner{gap:8px}.language-switch{margin-inline-start:auto}.language-switch :is(button,a){min-width:49px;font-size:10px;height:27px}.site-header.is-scrolled .header-inner{max-width:420px;gap:8px}.site-header .menu-toggle{flex-shrink:0;width:34px;padding:6px}.site-header .brand>span{font-size:17px}.site-header .brand small{letter-spacing:2.8px}.site-header.is-scrolled .language-switch :is(button,a){height:24px}}

/* Arabic typography and logical spacing. Brand artwork keeps its geometry. */
html[lang="ar"] body{font-family:"Tajawal",Tahoma,Arial,sans-serif}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{letter-spacing:0;line-height:1.45}
html[lang="ar"] .hero h1{font-size:clamp(42px,6vw,86px);line-height:1.4}
html[lang="ar"] .design-copy h2{font-size:clamp(36px,4vw,58px);line-height:1.45}
html[lang="ar"] .eyebrow,html[lang="ar"] .hero-footnote,html[lang="ar"] .terrain-label,html[lang="ar"] .scroll-cue,html[lang="ar"] .capability-strip span:first-child,html[lang="ar"] .feature-tags li,html[lang="ar"] .design-note,html[lang="ar"] .floating-label,html[lang="ar"] .concept-caption,html[lang="ar"] .diagram-label,html[lang="ar"] .orbit-label,html[lang="ar"] .art-label,html[lang="ar"] .back-top,html[lang="ar"] .browser-address{font-family:"Tajawal",Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.8}
html[lang="ar"] .desktop-nav a,html[lang="ar"] .mobile-nav a,html[lang="ar"] .header-explore,html[lang="ar"] .footer-bottom nav a{letter-spacing:0}
html[dir="rtl"] .brand{direction:rtl}
.brand>span{direction:ltr;font-family:var(--font)}
html[dir="rtl"] .section-number{margin-right:0;margin-left:4px;direction:ltr}
html[dir="rtl"] .service-tabs{border-right:0;border-left:1px solid var(--line)}
html[dir="rtl"] .service-tabs button{text-align:right}
html[dir="rtl"] .service-tabs button span{margin-left:0;margin-right:auto}
html[dir="rtl"] .hero-footnote span+span:before{margin-right:0;margin-left:23px}
html[dir="rtl"] .browser-stage,html[dir="rtl"] .brand-art,html[dir="rtl"] .footer-wordmark{direction:ltr}
html[dir="rtl"] .floating-label,html[dir="rtl"] .concept-caption,html[dir="rtl"] .diagram-label{direction:rtl}
html[dir="rtl"] .contact-widget{right:auto;left:30px}
html[dir="rtl"] .contact-menu{right:auto;left:0;transform-origin:bottom left}
html[dir="rtl"] .contact-menu a>.icon:last-child{margin-left:0;margin-right:auto}
html[dir="rtl"] .contact-toggle .contact-plus{margin-left:0;margin-right:16px}
html[dir="rtl"] .text-link .icon,html[dir="rtl"] .button .icon,html[dir="rtl"] .back-top .icon,html[dir="rtl"] .header-explore .icon{scale:-1 1}
html[lang="ar"] .service-copy .eyebrow{font-size:10px}
html[lang="ar"] .feature-tags li{font-size:10px}
@media(max-width:800px){html[dir="rtl"] .contact-widget{left:23px}}
@media(max-width:600px){html[lang="ar"] .hero h1{font-size:clamp(36px,9.5vw,57px)}html[lang="ar"] h2{font-size:32px}html[lang="ar"] .design-copy h2{font-size:40px}html[dir="rtl"] .hero-footnote span+span:before{margin-left:16px}html[dir="rtl"] .mobile-service summary>.icon:last-child{margin-left:0;margin-right:auto}html[dir="rtl"] .mobile-service-content{padding-right:32px;padding-left:0}html[dir="rtl"] .design-capabilities article{padding-left:0;padding-right:35px}html[dir="rtl"] .capability-number{left:auto;right:0}html[dir="rtl"] .contact-widget{left:16px}html[dir="rtl"] .contact-toggle .contact-plus{margin-right:13px}}
@media(max-width:600px){html[dir="rtl"] .mobile-service-photo{margin-left:0;margin-right:-32px}}

.language-switch :is(button,a)[lang="ar"]{font-family:"Tajawal",Tahoma,Arial,sans-serif}

/* Keep the Arabic mobile switch beside the menu, opposite the logo. */
@media(max-width:600px){
  html[dir="rtl"] .language-switch{margin-left:0;margin-right:auto}
}

/* Homepage terminal intro; absent from all legal documents. */
.home-loader{display:none}
html.home-intro{overflow:hidden;background:#000}
html.home-intro .home-loader{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#000;pointer-events:auto;direction:ltr}
.home-loader-terminal{display:flex;align-items:center;justify-content:flex-start;width:8.4ch;color:#b7f7bd;font:500 clamp(36px,6.4vw,82px)/1.2 var(--mono);letter-spacing:.045em;text-shadow:0 0 10px #95f5a62b,0 0 30px #70ed8b16;white-space:nowrap;user-select:none}
.home-loader-word{display:inline-block;min-height:1.2em}
.home-loader-cursor{display:inline-block;flex:none;width:.14em;height:.88em;margin-left:.16em;background:#b7f7bd;box-shadow:0 0 12px #95f5a650;animation:terminal-cursor 1.16s steps(1,end) infinite}
.home-loader-static .home-loader-terminal{width:auto;font-size:clamp(16px,4vw,32px)}
.home-loader-static .home-loader-cursor{display:none}
@keyframes terminal-cursor{0%,52%{opacity:1}53%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.home-loader-cursor{animation:none}}

/* Quiet binary texture stays behind a dark clearing around the main word. */
html.home-intro .home-loader{overflow:hidden;isolation:isolate}
.home-loader::before{content:"";position:absolute;inset:0;z-index:-2;background:url("assets/loader-binary.svg") repeat;animation:binary-drift 18s linear infinite;pointer-events:none}
.home-loader::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,rgba(0,0,0,.9) 0%,rgba(0,0,0,.78) 16%,rgba(0,0,0,.3) 48%,transparent 78%);pointer-events:none}
.home-loader-terminal{position:relative}
@keyframes binary-drift{from{background-position:0 -144px}to{background-position:0 0}}
@media(prefers-reduced-motion:reduce){.home-loader::before{animation:none}}

/* Crawlable language links retain the segmented control appearance. */
.language-switch a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.error-main{padding-block:150px 100px;min-height:72vh;text-align:center}
.error-code{font:clamp(90px,20vw,220px)/1 var(--mono);letter-spacing:-.08em;color:#376f78;margin-bottom:30px;direction:ltr}
.error-code span{color:#b7f7bd}
.error-main .eyebrow{justify-content:center}
.error-main h1{font-size:clamp(32px,5vw,60px);line-height:1.25;margin-bottom:20px}
.error-main>p:not(.eyebrow){color:var(--muted);max-width:540px;margin:0 auto 32px}
.error-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}