/* Amilify / Motion edition. Shared by all English and Arabic pages. */
:root{--bg:#0A0D0E;--bg-2:#0E1314;--surface:#131A1B;--surface-2:#182122;--line:#222E2D;--line-soft:#222E2D;--text:#EAEDEC;--cream:#F1EDE4;--cream-2:#F1EDE4;--muted:#9AA8A6;--muted-2:#6B7A78;--teal:#1F4E4C;--teal-mid:#2C6E6A;--teal-lite:#5FB3AB;--amber:#D9911F;--amber-lite:#EBAA43;--serif:'Manrope','IBM Plex Sans Arabic',sans-serif;--sans:'DM Sans','IBM Plex Sans Arabic',sans-serif;--maxw:1440px;--gutter:clamp(24px,5.1vw,88px);--radius:12px;--radius-lg:18px}
html{scroll-padding-top:100px}body{font-size:16px;background:#0A0D0E}::selection{background:#D9911F;color:#0A0D0E}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:250;opacity:.027;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.reading-progress{position:fixed;inset:0 0 auto;height:2px;z-index:400;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;background:var(--amber);transform:scaleX(0);transform-origin:left}
.display{font-weight:500;letter-spacing:-.055em;line-height:1.08}h2.display{font-size:clamp(36px,4.7vw,72px)}h3{font-weight:500}.display em{font-style:normal}.label{font-size:10px;letter-spacing:.16em;color:var(--amber);font-weight:500}.sec-lead{font-size:16px;line-height:1.8;max-inline-size:54ch}.sec{padding-block:clamp(80px,9vw,140px)}.sec-head{max-inline-size:860px;margin-bottom:60px}
.btn{border-radius:5px;padding:17px 24px;font-size:13px;font-weight:600;gap:26px}.btn-primary{background:var(--amber);color:#0A0D0E;border:1px solid var(--amber);box-shadow:none}.btn-primary:hover{background:#EBAA43;box-shadow:0 8px 35px #D9911F24;color:#0A0D0E}.btn-primary::before{display:none}.btn .arrow{font-size:20px}.btn-glass{background:#ffffff04;border-color:#ffffff28;box-shadow:none}.btn-sm{padding:12px 19px;font-size:12px}.text-link{display:inline-flex;align-items:center;gap:23px;font-size:13px;padding:15px 0;border-bottom:1px solid #EAEDEC4a}.text-link span{font-size:20px;transition:transform .4s}.text-link:hover span{transform:translateY(4px)}
.nav,.nav.scrolled{padding:0 var(--gutter)}.nav-inner,.nav.scrolled .nav-inner{border:0;border-bottom:1px solid #ffffff21;border-radius:0;padding:20px 0;background:#0A0D0Ed9;box-shadow:none;gap:22px;position:relative}.nav.scrolled .nav-inner{background:#0A0D0Ef5}.nav .brand{font-size:28px;letter-spacing:-1.7px;font-weight:600;margin-inline-end:auto}.brand img{width:31px;height:31px;filter:none}.nav-links{gap:8px}.nav-links .nl{font-size:11px;padding:8px 12px;color:#9AA8A6}.lang{width:32px;height:32px;font-size:12px}.nav-links .btn{margin-inline-start:16px}.motion-toggle{display:flex;align-items:center;gap:7px;background:none;border:0;color:#9AA8A6;font-size:10px;cursor:pointer;padding:10px 0;white-space:nowrap}.motion-toggle:hover{color:#D9911F}.motion-icon{font-size:14px}.nav-toggle{flex-shrink:0}
.cinematic-hero{min-height:760px;height:min(920px,100svh);padding:120px 0 0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 78% 45%,#1F4E4C25,transparent 45%),#0A0D0E;isolation:isolate}
.hero-gridlines{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent calc(50% - .5px),#5FB3AB10 50%,transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),#5FB3AB10 50%,transparent calc(50% + .5px));background-size:100% 100%,100% 148px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero-topline{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.13em;color:#9AA8A6}.hero-topline>span:first-child{display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;background:var(--amber);width:6px;height:6px;border-radius:100%;box-shadow:0 0 14px #D9911F80;flex-shrink:0}.hero-coordinates{color:#6B7A78;font-size:9px}
.hero-layout{display:grid;grid-template-columns:1.12fr 1fr;flex:1;align-items:center;position:relative;gap:0;min-height:540px}.hero-copy{position:relative;z-index:3;padding:38px 0 36px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-kicker{font-size:10px;letter-spacing:.15em;color:#9AA8A6;margin-bottom:24px}.hero-title{font-family:var(--serif);font-weight:500;font-size:clamp(66px,7.6vw,116px);letter-spacing:-.075em;line-height:.99;max-width:9ch;position:relative;margin-inline-end:-100px;white-space:nowrap}.title-outline{color:var(--cream)}.title-last{font-size:.78em;color:var(--amber);line-height:1.3;letter-spacing:-.07em}.lime-period{display:inline-block;font-size:.53em;vertical-align:middle;margin-inline-start:16px;animation:starSpin 22s linear infinite}.hero-description{max-width:400px;font-size:14px;line-height:1.8;color:#9AA8A6;margin:25px 0 25px}.hero-actions{display:flex;align-items:center;gap:30px}.hero-actions .btn{font-size:12px;padding:17px 20px;gap:30px}.hero-actions .btn span{font-size:21px;line-height:1}.hero-art{position:relative;height:100%;min-height:520px;isolation:isolate;transform-style:preserve-3d}.scene-3d{position:relative;overflow:hidden;pointer-events:none}.hero-scene{position:absolute;inset:-30px -85px -20px -85px;z-index:0}.scene-3d canvas{display:block;width:100%;height:100%;position:relative;z-index:1}.art-orbit{position:absolute;border:1px solid #5FB3AB22;border-radius:50%;inset:5% -7% 9%;transform:rotate(-25deg) scaleY(.77);pointer-events:none}.orbit-two{inset:20% -14% 14%;transform:rotate(30deg) scaleY(.7);border-style:dashed;border-color:#5FB3AB18}.hero-art::after{content:'';position:absolute;bottom:50px;left:15%;right:15%;height:55px;background:#5FB3AB;opacity:.1;filter:blur(30px);border-radius:50%;transform:scaleY(.4);z-index:-1}.art-cross{position:absolute;color:#5FB3AB;font-size:19px;font-weight:300}.cross-one{top:15%;right:3%}.cross-two{bottom:14%;left:1%}.floating-label{position:absolute;z-index:2;display:flex;align-items:center;gap:13px;border:1px solid #5FB3AB33;background:linear-gradient(130deg,#182122e6,#0E1314bb);backdrop-filter:blur(16px);padding:14px 20px;color:#EAEDEC;box-shadow:0 14px 35px #0004;font-size:12px;pointer-events:none;will-change:transform}.floating-label small{display:block;font-size:7px;color:#6B7A78;letter-spacing:.14em;margin-top:4px}.mini-icon{font-size:29px;color:var(--amber);line-height:1}.label-design{top:17%;left:1%;transform:rotate(-6deg)}.label-system{right:-2%;bottom:19%;transform:rotate(5deg);font-size:10px;padding:13px 18px}.art-caption{position:absolute;bottom:5%;right:0;font-family:monospace;font-size:8px;letter-spacing:.1em;color:#6B7A78}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.09em;border-top:1px solid #ffffff1c;padding:23px 0;color:#9AA8A6;position:relative;z-index:3}.hero-bottom p{margin:0;font-size:11px;letter-spacing:0;color:#9AA8A6}.scroll-label{display:flex;align-items:center;gap:13px}.scroll-disc{display:grid;place-items:center;border:1px solid #5FB3AB55;border-radius:50%;height:30px;width:30px;font-size:13px;animation:scrollBounce 2s ease-in-out infinite}.small-star{color:var(--amber);margin-inline-start:25px;font-size:20px;vertical-align:middle}
.sculpture-fallback{position:absolute;inset:10%;display:grid;place-items:center;perspective:800px;transform:rotate(-25deg)}.sculpture-fallback i{position:absolute;display:block;width:70%;height:70%;border:33px solid #5FB3AB;border-radius:50%;box-shadow:inset 5px 8px 20px #ffffffc2,inset -7px -8px 15px #0A0D0E,6px 18px 40px #0008;transform:rotateY(58deg);background:none}.sculpture-fallback i:nth-child(2){transform:rotateY(58deg) rotateX(70deg)}.sculpture-fallback i:nth-child(3){transform:rotateY(-58deg) rotateX(-30deg)}.scene-3d[data-ready="true"] .sculpture-fallback{display:none}
.rail-wrap{background:#D9911F;color:#0A0D0E;border-block:0;transform:rotate(-1.2deg) scale(1.01);position:relative;z-index:4}.rail{animation-duration:38s}.rail-item{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#0A0D0E}.rail-item svg{stroke:#0A0D0E}.rail-set{gap:38px}
/* Selected work: dimensional browser objects and a scroll-scrubbed camera. */
.selected-work{background:#F1EDE4;color:#1F4E4C;padding-top:120px;padding-bottom:90px;overflow:hidden}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:60px}.selected-work .label{color:#2C6E6A}.work-heading .display{font-size:clamp(40px,5.2vw,78px);max-width:11ch}.work-intro{font-size:13px;line-height:1.8;color:#2C6E6A;max-width:270px;margin:0 0 5px}.project{position:relative;color:#EAEDEC;margin:0 0 44px;isolation:isolate;overflow:hidden;--project-accent:#D9911F;background:#1F4E4C}.project-aswaq{background:radial-gradient(ellipse at 75% 30%,#2C6E6A,#0E1314 70%)}.project-apron{--project-accent:#D9911F;background:radial-gradient(ellipse at 30% 30%,#1F4E4C,#0E1314 75%)}.project-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1c;padding:25px 35px;font-size:8px;letter-spacing:.14em}.project-top span:nth-child(2){color:#9AA8A6}.project-dot{width:7px;height:7px;background:var(--project-accent);border-radius:50%}.project-stage{position:relative;perspective:1600px;height:590px;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-watermark{position:absolute;top:22px;left:3%;font-size:clamp(100px,16vw,250px);line-height:1;letter-spacing:-.07em;white-space:nowrap;font-weight:600;color:#5FB3AB0c;user-select:none}.project-apron .project-watermark{font-family:Georgia,serif;letter-spacing:.06em;color:#F1EDE409;font-size:clamp(100px,15vw,240px)}.project-orbit{position:absolute;width:70%;height:80%;border:1px solid #ffffff10;border-radius:50%;transform:rotate(-18deg) scaleY(.85)}.project-browser{display:block;position:relative;width:74%;max-width:960px;border:1px solid #ffffff35;border-radius:10px;overflow:hidden;box-shadow:0 38px 70px #0009,0 3px 1px #ffffff26;transform:rotateY(-8deg) rotateX(7deg) rotateZ(-3deg);transform-style:preserve-3d;z-index:2;backface-visibility:hidden;will-change:transform}.project-browser img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center top}.browser-chrome{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#131A1B;color:#9AA8A6;font-size:8px;letter-spacing:.04em}.project-apron .browser-chrome{background:#131A1B;color:#9AA8A6}.browser-chrome>div{display:flex;gap:5px}.browser-chrome i{width:5px;height:5px;background:#6B7A78;border-radius:50%}.project-apron .browser-chrome i{background:#6B7A78}.project-visit{position:absolute;bottom:20px;left:50%;transform:translate(-50%,12px);display:block;padding:13px 20px;background:#F1EDE4;color:#0A0D0E;font-size:11px;border-radius:50px;opacity:0;transition:.35s;white-space:nowrap;box-shadow:0 4px 24px #0005}.project-browser:hover .project-visit,.project-browser:focus-visible .project-visit{transform:translate(-50%,0);opacity:1}.project-stamp{position:absolute;right:5%;top:10%;z-index:3;width:125px;height:142px;background:#D9911F;color:#0A0D0E;padding:17px 15px;transform:rotate(10deg);box-shadow:0 20px 40px #0004;display:flex;flex-direction:column;justify-content:space-between}.project-stamp>span{font-size:6px;letter-spacing:.13em}.project-stamp b{font-size:23px;font-weight:500;letter-spacing:-.06em;line-height:1}.project-apron .project-stamp{background:#D9911F;color:#0A0D0E;right:auto;left:5%;transform:rotate(-9deg);top:11%}.project-floating-tag{position:absolute;bottom:11%;left:7%;z-index:3;background:#ffffff14;backdrop-filter:blur(20px);border:1px solid #ffffff27;padding:15px 21px;box-shadow:0 10px 30px #0003;transform:rotate(-7deg);font-size:11px;display:flex;align-items:center;gap:15px}.project-floating-tag>span{color:var(--project-accent);font-size:23px}.project-apron .project-floating-tag{left:auto;right:6%;transform:rotate(7deg)}.project-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 35px;padding:24px 0 35px;border-top:1px solid #ffffff22;position:relative;z-index:3}.project-category{font-size:8px;letter-spacing:.12em;color:var(--project-accent)}.project-bottom h3{font-size:36px;font-weight:500;letter-spacing:-.04em;line-height:1.2;margin:8px 0 10px}.project-bottom h3>span{font-size:11px;vertical-align:top;margin:5px}.project-bottom p{color:#9AA8A6;font-size:12px;line-height:1.8;max-width:420px}.project-apron .project-bottom p{color:#9AA8A6}.project-meta{text-align:end;flex-shrink:0}.project-tags{display:flex;gap:6px;justify-content:end;margin-bottom:22px}.project-tags span{border:1px solid #ffffff36;border-radius:50px;padding:5px 9px;font-size:8px;color:#EAEDEC}.project-link{display:flex;align-items:center;justify-content:end;gap:32px;font-size:12px}.link-disc{border-radius:50%;width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff4a;font-size:20px;transition:.3s}.project-link:hover .link-disc{background:var(--project-accent);color:#0A0D0E;transform:rotate(45deg)}.next-project{display:flex;align-items:center;justify-content:space-between;padding:28px 0 6px;gap:25px}.next-project>span:first-child{font-size:9px;color:#2C6E6A;letter-spacing:.1em}.next-project strong{font-size:clamp(18px,2vw,30px);font-weight:400;letter-spacing:-.04em}.next-project>span:last-child{font-size:33px;color:#2C6E6A;transition:transform .3s}.next-project:hover>span:last-child{transform:translate(5px,-5px)}
/* Each remaining chapter has its own motion vocabulary. */
#problem{padding-bottom:90px}.prob{padding-block:30px;border-color:#ffffff20}.prob h3{font-family:var(--serif);font-size:24px;letter-spacing:-.03em}.prob p{font-size:14px}.prob-n{color:var(--amber)}
#build{overflow:hidden;background:#0E1314}#build .sec-head{max-width:710px}.build-grid{grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff18;border:1px solid #ffffff18;perspective:1000px}.build-item{min-height:170px;border:0;padding:26px 24px 23px;background:#0E1314;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;gap:12px;position:relative;overflow:hidden;isolation:isolate;transform-style:preserve-3d;transition:background .35s,box-shadow .35s}.build-item:hover{background:#182122;box-shadow:inset 0 0 40px #D9911F0c;z-index:2}.build-item>svg{width:22px;height:22px;stroke:#5FB3AB;position:relative;z-index:2}.build-item>span:not(.capability-sculpture){font-size:12px;color:#EAEDEC;z-index:2}.build-item::after{content:'↗';position:absolute;right:20px;bottom:22px;color:#6B7A78;font-size:16px}.build-item:not(a)::after{content:'+'}.build-item.build-more{background:#D9911F;color:#0A0D0E}.build-item.build-more>span{color:#0A0D0E}.build-item.build-more svg{stroke:#0A0D0E}.capability-sculpture{position:absolute;top:24px;right:24px;width:74px;height:74px;transform-style:preserve-3d;transform:rotateX(55deg) rotateZ(-38deg);animation:capabilityFloat 8s ease-in-out infinite;pointer-events:none}.capability-sculpture i{display:block;position:absolute;inset:8px;border:1px solid #5FB3AB7a;background:linear-gradient(135deg,#5FB3AB38,#5FB3AB20 40%,#ffffff04);box-shadow:4px 4px 18px #0003}.capability-sculpture i:nth-child(1){transform:translateZ(0px)}.capability-sculpture i:nth-child(2){transform:translateZ(14px)}.capability-sculpture i:nth-child(3){transform:translateZ(28px);background:linear-gradient(130deg,#5FB3AB4f,#5FB3AB10)}.build-item:nth-child(3n) .capability-sculpture i{border-radius:50%}.build-item:nth-child(3n + 2) .capability-sculpture{animation-delay:-3s;transform:rotateX(55deg) rotateZ(35deg)}.build-item:hover .capability-sculpture{animation-duration:3s}.build-more .capability-sculpture{opacity:.35}
.web-grid{gap:40px 32px;perspective:1400px}.web{border-top:1px solid #ffffff25;padding-top:26px;position:relative;transform-style:preserve-3d}.web-frame{max-inline-size:100%;width:100%;height:145px;padding:16px;margin-bottom:26px;border-color:#5FB3AB33;border-radius:6px;background:linear-gradient(135deg,#1F4E4C47,#0A0D0E);box-shadow:8px 12px 0 #5FB3AB0a;transform:perspective(800px) rotateY(-8deg) rotateX(7deg);transition:transform .6s,border-color .6s}.web:nth-child(even) .web-frame{transform:perspective(800px) rotateY(8deg) rotateX(7deg)}.web:hover .web-frame{transform:perspective(800px) rotateY(0) rotateX(0) translateY(-8px);border-color:#5FB3AB99}.web-chrome{margin-bottom:18px}.web-body{gap:10px}.web-body b{background:#5FB3AB77;height:9px}.web-row i{height:32px;background:#5FB3AB17}.web-body i{background:#5FB3AB28}.web h3{font-size:20px}.web p{font-size:13px;line-height:1.8}.steps{gap:28px;perspective:1000px}.step{padding-top:28px}.step-n{font-family:monospace;color:#5FB3AB;font-size:10px}.step h3.ui{font-family:var(--serif);font-size:21px;font-weight:400;line-height:1.35;letter-spacing:-.025em}.step p{font-size:13px;line-height:1.8}.step-bar{background:var(--amber);box-shadow:0 0 20px #D9911F4d}.step::after{content:'↗';position:absolute;top:18px;right:5px;color:#2C6E6A;font-size:20px}
#system{overflow:hidden}.compare{gap:20px}.compare .col{border-radius:8px;border-color:#ffffff18;background:#0E1314;padding:35px}.compare .col-wallet{background:linear-gradient(145deg,#D9911F14,#0E131425);border-color:#D9911F55}.compare .list{font-size:13px}.tag{font-size:10px}.sys-figure{padding:40px;background:#0E1314;border:1px solid #5FB3AB33;border-radius:10px;perspective:1200px}.sysmap{transform:rotateX(8deg);transform-style:preserve-3d}.sysmap-hub{position:relative;background:linear-gradient(135deg,#5FB3AB,#2C6E6A);color:#0A0D0E;border:1px solid #5FB3AB;box-shadow:0 13px 0 #1F4E4C,0 25px 50px #5FB3AB2a;transform-style:preserve-3d;animation:hubFloat 6s ease-in-out infinite;overflow:visible}.sysmap-hub span{color:#222E2D}.hub-orbit{position:absolute!important;inset:-14px;border:1px solid #5FB3AB33;border-radius:16px;pointer-events:none}.sysmap-node{border-color:#5FB3AB55;background:#131A1B;box-shadow:0 5px 0 #0A0D0E}.sysmap-wires{filter:drop-shadow(0 0 7px #5FB3AB6b)}.sys-cap{font-size:10px}
.statement{overflow:hidden;isolation:isolate;min-height:650px;padding-block:140px;background:radial-gradient(ellipse at center,#1F4E4C22,#0A0D0E 70%)}.statement .wrap{position:relative;z-index:2}.statement .display{font-size:clamp(48px,6.6vw,100px);max-width:13ch}.statement .sec-lead{font-size:14px;max-width:48ch}.statement-note{border-radius:0;border:0;box-shadow:none;background:transparent;font-size:10px;margin-top:35px}.statement-scene{position:absolute;inset:-80px -20%;opacity:.45;z-index:0}.statement::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#0A0D0E88,transparent);z-index:1;pointer-events:none}
.band-light{background:#F1EDE4;color:#0A0D0E;--text:#0A0D0E;--muted:#2C6E6A;--muted-2:#2C6E6A;--line:#5FB3AB;--amber:#2C6E6A;--amber-lite:#2C6E6A}.band-light .label{color:#2C6E6A}.band-light .sec-head{max-width:760px}.ind-layout{gap:70px;perspective:1300px}.ind-list{gap:0}.ind-card{border-radius:0;border:0;border-top:1px solid #2C6E6A40;background:transparent;padding:24px 0;text-align:start;transition:padding .4s,background .4s}.ind-card:hover,.ind-card[aria-pressed="true"]{background:#5FB3AB22;padding-inline:15px;box-shadow:none;border-color:#2C6E6A70}.ind-name{font-family:var(--serif);font-size:21px;letter-spacing:-.04em}.ind-desc{font-size:12px;max-width:46ch}.ind-idx{font-size:10px;color:#2C6E6A}.demo-frame{border-radius:10px;box-shadow:15px 22px 0 #2C6E6A19,0 30px 70px #2C6E6A27;border:1px solid #5FB3AB;transform:perspective(1200px) rotateY(-7deg) rotateX(3deg);background:#F1EDE4;color:#0A0D0E}.demo-label{font-size:10px}.demo-incl{font-size:12px}.demo-foot{font-size:11px}
.why-grid{gap:35px}.why h3{font-size:20px;line-height:1.3}.why p{font-size:13px;line-height:1.9}.why-mark{font-family:monospace;font-size:10px;color:var(--amber)}.founder-quote{font-family:var(--serif);font-size:clamp(28px,3.4vw,46px);line-height:1.25;letter-spacing:-.04em}.founder-body p{font-size:14px;line-height:1.95}.fm-name{font-size:12px}.fm-role{font-size:10px}.founder-meta{border-inline-start-color:var(--amber)}
.partner{background:radial-gradient(ellipse at 15% 30%,#1F4E4C30,transparent 60%);overflow:hidden}.partner-grid{gap:90px}.partner .display{font-size:clamp(43px,5vw,76px)}.partner-aura{opacity:.4}.form-card{border-radius:12px;background:#131A1B;border:1px solid #5FB3AB3b;box-shadow:0 40px 100px #0003;padding:35px;position:relative;overflow:hidden}.form-card::before{content:'';height:1px;position:absolute;top:0;left:15%;right:15%;background:linear-gradient(90deg,transparent,#D9911F,transparent)}.form-card h3{font-family:var(--serif);font-size:25px;letter-spacing:-.04em}.form-sub,.form-fine{font-size:11px}.field label{font-size:11px}.field input,.field select,.field textarea{background:#0A0D0E;border-radius:5px;border-color:#222E2D;color:#EAEDEC;font-size:13px}.pick{border-radius:5px;background:#ffffff02;border-color:#222E2D}.pick-copy>b{font-size:10px}.pick-copy>span{font-size:9px}.pick[aria-pressed=true]{background:#D9911F12;border-color:#D9911F88}.pick svg{width:17px;height:17px}.pick-label{font-size:10px}.partner .partner-note{font-size:13px}.qa summary{font-family:var(--serif);font-size:20px;letter-spacing:-.02em;padding-block:25px}.qa-body p{font-size:13px;line-height:1.9}.qa[open]{border-color:#5FB3AB}.qa{transition:background .4s}.qa[open]{background:#D9911F06}.qa summary::after{color:var(--amber)}
.footer{padding:0;overflow:hidden;background:var(--teal);color:var(--cream);border:0;--text:#EAEDEC;--muted:#9AA8A6;--muted-2:#9AA8A6;--amber:#D9911F}.footer-close{position:relative;isolation:isolate;padding-block:90px;border-bottom:1px solid #222E2D38}.footer-close .display{font-size:clamp(43px,6vw,88px);max-inline-size:13ch}.footer-close .btn{background:#0A0D0E;color:#F1EDE4;border-color:#0A0D0E;position:relative;z-index:2}.footer-close::before{content:'';position:absolute;left:6%;top:13%;width:160px;height:160px;border:28px solid #2C6E6A;border-radius:50%;box-shadow:inset 5px 5px 10px #EBAA43,inset -8px -10px 16px #2C6E6A,8px 12px 24px #2C6E6A3d;transform:rotateX(40deg) rotateY(40deg);z-index:-1;animation:footerRing 12s ease-in-out infinite}.footer-top{padding-block:55px;border:0;gap:50px}.footer .brand{font-size:26px;letter-spacing:-1px}.footer-tag{color:#1F4E4C;font-size:19px;max-inline-size:22ch;line-height:1.35}.footer-col h4{color:#1F4E4C;font-size:8px}.footer-col a{font-size:11px;color:#1F4E4C;max-width:100%;overflow-wrap:anywhere}.footer-col a:hover{color:#0A0D0E}.footer-legal{border-color:#5FB3AB55;font-size:9px;color:#1F4E4C;padding:22px 0}.footer-wordmark{display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);line-height:.78;letter-spacing:-.09em;font-family:var(--serif);font-weight:600;font-size:clamp(100px,25vw,400px);color:#0A0D0E;transform-origin:center bottom;user-select:none;margin-top:30px}.footer-wordmark span{margin-bottom:-.03em}.footer-wordmark i{font-size:.57em;font-style:normal;display:inline-block;margin-bottom:.05em;animation:starSpin 40s linear infinite}
.service-page .page-hero{position:relative;overflow:hidden;isolation:isolate}.page-hero .display{max-width:950px;font-size:clamp(42px,5.5vw,80px)}.service-page .page-hero>.wrap{position:relative;z-index:2}.service-sculpture{position:absolute;right:5%;top:15%;width:300px;height:300px;perspective:800px;opacity:.22;transform-style:preserve-3d;animation:serviceRotate 20s linear infinite;z-index:-1}.service-sculpture i{position:absolute;inset:0;border:25px solid #5FB3AB;border-radius:50%;box-shadow:inset 10px 8px 20px #fff8,8px 10px 20px #0008;transform:rotateY(65deg)}.service-sculpture i:nth-child(2){transform:rotateY(65deg) rotateX(60deg)}.service-sculpture i:nth-child(3){transform:rotateY(65deg) rotateX(120deg)}.service-page .related-card,.service-page .s-card{border-radius:8px}.crumbs{font-size:11px}
/* Override legacy CSS transitions before GSAP samples the initial positions. */
.ind-card[aria-pressed=true] .ind-name{color:#1F4E4C}
.ind-card[aria-pressed=true] .ind-desc{color:#2C6E6A}
.demo-frame .ui{background:#131A1B;border-color:#2C6E6A}
.demo-frame .ui-head,.demo-frame .ui-meta span,.demo-frame .ui-stat span,.demo-frame .ui-tile span{color:#9AA8A6}
.demo-frame .ui-chip.on{background:#D9911F;border-color:#D9911F;color:#0A0D0E}
.demo-incl li{color:#2C6E6A}.demo-incl li b,.demo-foot b{color:#0A0D0E}
.demo-incl,.demo-foot{border-color:#5FB3AB55}.demo-foot{color:#2C6E6A}
.demo-incl li::before{color:#2C6E6A}.demo-frame::before{display:none}
.sysmap-hub b{color:#0A0D0E}.step h3.ui{background:none;border:0;padding:0;display:block;border-radius:0}
.hero-copy{pointer-events:auto}
.motion-edition .reveal{will-change:auto}
.motion-edition .sw>i{transition:none}
.rail{background:#D9911F;color:#0A0D0E;border:0;transform:rotate(-1.2deg) scale(1.01);position:relative;z-index:4}
.rail-track{animation-duration:38s}
section:not(.chapter-visible) .capability-sculpture,section:not(.chapter-visible) .sysmap-hub,footer:not(.chapter-visible) .footer-wordmark i{animation-play-state:paused}
/* Arabic retains connected letterforms and a right-to-left reading order. */
html[lang=ar]{--serif:'IBM Plex Sans Arabic',sans-serif;--sans:'IBM Plex Sans Arabic',sans-serif}html[lang=ar] .display,html[lang=ar] .hero-title{letter-spacing:0;line-height:1.35}html[lang=ar] .hero-title{font-size:clamp(57px,6vw,90px);max-width:none;white-space:normal;margin:0}html[lang=ar] .hero-description{font-size:15px}html[lang=ar] .title-last{font-size:.72em}html[lang=ar] .hero-copy{padding-block:20px}html[lang=ar] .nav-inner{padding:20px 0}html[lang=ar] .hero-art{direction:ltr}html[lang=ar] .project-stage,html[lang=ar] .project-top,html[lang=ar] .browser-chrome{direction:ltr}html[lang=ar] .project-bottom h3{font-family:'Manrope',sans-serif}html[lang=ar] .project-stamp,html[lang=ar] .project-watermark,html[lang=ar] .footer-wordmark{font-family:'Manrope',sans-serif;direction:ltr}html[lang=ar] .project-floating-tag{direction:rtl}html[lang=ar] .display .sw{overflow:visible}html[lang=ar] .footer-wordmark{letter-spacing:-.09em}html[lang=ar] .demo-frame{transform:perspective(1200px) rotateY(7deg) rotateX(3deg)}
@keyframes starSpin{to{transform:rotate(360deg)}}@keyframes scrollBounce{50%{transform:translateY(5px)}}@keyframes capabilityFloat{50%{transform:rotateX(60deg) rotateZ(-18deg) translateY(-10px)}}@keyframes hubFloat{50%{transform:translateY(-7px) rotateY(4deg)}}@keyframes footerRing{50%{transform:rotateX(60deg) rotateY(-30deg) translateY(-20px)}}@keyframes serviceRotate{to{transform:rotateZ(360deg)}}
/* Reading never depends on JavaScript or WebGL. */
.motion-edition .reveal,.motion-edition .reveal-img{opacity:1;transform:none}.motion-edition .sw>i{transform:none}.motion-edition .reveal-words .sw>i{opacity:1;transform:none}.motion-edition .reveal{transition:none}.motion-edition .step-bar{width:100%}
@media(min-width:1600px){.project-stage{height:680px}.cinematic-hero{max-height:1000px}}
@media(max-width:1150px){.nav-links{gap:0}.nav-links .nl{padding-inline:8px;font-size:10px}.nav-links .btn{margin-inline-start:7px}.motion-label{display:none}.nav-inner{gap:14px}.hero-title{font-size:8.2vw}.hero-actions{gap:20px}.hero-art{min-height:460px}.hero-layout{min-height:490px}.cinematic-hero{min-height:720px}.project-stage{height:480px}.project-stamp{width:106px;height:124px;right:3%;top:10%}.project-stamp b{font-size:21px}.project-bottom h3{font-size:31px}.build-grid{grid-template-columns:repeat(3,1fr)}.partner-grid{gap:45px}.steps{gap:20px}.step h3.ui{font-size:19px}.hero-description{max-width:350px;font-size:13px}.floating-label{padding:12px;font-size:10px}.label-design{left:0;top:14%}.label-system{right:-2%;bottom:18%}.footer-close::before{width:120px;height:120px;border-width:22px}}
@media(max-width:880px){.nav-inner,.nav.scrolled .nav-inner,html[lang=ar] .nav-inner{padding:15px 0}.nav .brand{font-size:26px}.nav-links{background:#0E1314f5;border:1px solid #1F4E4C39;border-radius:8px}.nav-links .nl{font-size:13px;padding:16px}.nav-links .btn{margin-inline:0}.motion-label{display:block}.motion-toggle{margin-inline-start:auto}.hero-topline{font-size:8px}.hero-coordinates{display:none}.cinematic-hero{height:auto;min-height:0;padding-top:110px}.hero-layout{grid-template-columns:1fr;min-height:0}.hero-copy{padding:40px 0 0}.hero-title{font-size:clamp(62px,12vw,110px);max-width:100%;margin:0}.hero-kicker{font-size:9px}.hero-description{max-width:450px;font-size:14px}.hero-art{height:460px;min-height:0;width:min(100%,570px);margin:0 auto}.hero-scene{inset:-40px -40px}.hero-bottom{margin-top:0;font-size:8px}.hero-bottom>span{display:none}.hero-bottom p{font-size:10px}.label-design{top:20%;left:3%}.label-system{bottom:18%;right:2%}.art-caption{bottom:8%;right:5%}.hero-art .cross-one{right:5%}.hero-art .art-orbit{inset:9% 0}.work-heading{gap:35px}.work-intro{max-width:210px;font-size:12px}.project-stage{height:400px}.project-browser{width:84%}.project-stamp{width:90px;height:107px;right:3%;top:7%;padding:12px}.project-stamp b{font-size:19px}.project-stamp>span{font-size:5px}.project-floating-tag{font-size:9px;padding:9px 14px;bottom:10%}.project-bottom{margin:0 25px;gap:24px}.project-bottom p{max-width:340px}.project-top{padding:20px 25px}.project-category{font-size:7px}.project-tags{flex-wrap:wrap;max-width:170px}.project-link{gap:18px}.project-meta{max-width:190px}.steps{grid-template-columns:1fr 1fr;gap:45px}.compare{grid-template-columns:1fr 1fr}.compare .col{padding:25px}.ind-layout{gap:45px}.demo{max-width:570px;margin-inline:auto;width:100%}.founder-body{max-width:650px}.partner-grid{grid-template-columns:1fr;gap:45px}.partner-grid>div:first-child{max-width:600px}.form-card{max-width:720px;width:100%}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-close::before{opacity:.35;left:2%}.service-sculpture{right:-100px}html[lang=ar] .hero-title{font-size:clamp(60px,10vw,88px)}html[lang=ar] .hero-copy{padding-top:40px}.selected-work{padding-top:90px}}
@media(max-width:620px){:root{--gutter:23px}.sec{padding-block:75px}.sec-head{margin-bottom:36px}.display,h2.display{font-size:37px;line-height:1.15}.label{font-size:9px;margin-bottom:18px}.sec-lead{font-size:13px;line-height:1.85}.hero-topline{font-size:6.5px;letter-spacing:.11em}.hero-topline .status-dot{width:5px;height:5px}.hero-kicker{font-size:8px;margin-bottom:18px}.cinematic-hero{padding-top:98px}.hero-copy{padding-top:33px}.hero-title{font-size:clamp(56px,14.5vw,87px);letter-spacing:-.07em}.title-last{font-size:.75em}.lime-period{margin-inline-start:10px}.hero-description{font-size:12px;max-width:330px;line-height:1.8;margin-block:20px 24px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-actions .btn{font-size:10px;padding:15px 16px;gap:20px}.hero-actions .text-link{font-size:10px;gap:15px}.hero-art{height:335px;margin-top:6px}.hero-scene{inset:-34px -32px}.floating-label{font-size:8px;padding:10px 12px;gap:9px}.floating-label small{font-size:5px}.mini-icon{font-size:23px}.label-design{top:19%;left:-1%}.label-system{bottom:16%;right:-1%;font-size:8px}.art-caption{font-size:6px;bottom:5%;right:4%}.hero-bottom{padding:19px 0;gap:12px;font-size:6px}.hero-bottom p{max-width:150px;text-align:end;font-size:9px}.scroll-label{gap:9px}.scroll-disc{width:26px;height:26px}.rail-item{font-size:9px}.rail-set{gap:24px}.work-heading{display:block;margin-bottom:35px}.work-heading .display{font-size:43px;max-width:10ch}.work-intro{margin-top:20px;max-width:260px;font-size:12px}.selected-work{padding-top:80px;padding-bottom:55px}.project{margin-bottom:25px}.project-top{padding:17px 17px;font-size:6px;letter-spacing:.08em}.project-top>span:nth-child(2){font-size:5px}.project-stage{height:290px;perspective:1000px}.project-browser{width:88%;border-radius:5px}.browser-chrome{padding:7px 10px;font-size:6px}.browser-chrome i{width:3px;height:3px}.project-stamp{width:64px;height:76px;padding:9px;top:7%;right:3%}.project-stamp b{font-size:14px}.project-stamp>span{font-size:3.5px}.project-apron .project-stamp{left:3%;top:6%}.project-floating-tag{font-size:7px;padding:6px 9px;gap:8px;bottom:8%;left:5%}.project-floating-tag>span{font-size:15px}.project-watermark{font-size:80px;top:22px}.project-apron .project-watermark{font-size:75px}.project-bottom{display:block;margin:0 18px;padding:21px 0}.project-bottom h3{font-size:29px}.project-category{font-size:6px}.project-bottom p{font-size:11px;line-height:1.8}.project-meta{max-width:100%;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:start}.project-tags{margin:0;justify-content:start;max-width:170px}.project-tags span{font-size:6px;padding:4px 6px}.project-link{font-size:9px;gap:9px}.link-disc{width:30px;height:30px;font-size:16px}.project-visit{display:none}.next-project{flex-wrap:wrap;padding-top:10px;gap:15px}.next-project>span:first-child{width:100%;font-size:7px}.next-project strong{font-size:21px}.next-project>span:last-child{font-size:25px}.prob{grid-template-columns:25px 1fr;gap:12px}.prob h3{font-size:21px}.prob p{font-size:12px}.prob-n{font-size:11px}.build-grid{grid-template-columns:repeat(2,1fr)}.build-item{min-height:150px;padding:19px 16px}.build-item>span:not(.capability-sculpture){font-size:10px;max-width:105px}.capability-sculpture{height:58px;width:58px;right:15px;top:20px}.build-item::after{font-size:13px;right:10px;bottom:18px}.web-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.web-frame{height:110px;padding:10px;margin-bottom:20px}.web-chrome{margin-bottom:12px}.web-body{gap:6px}.web-row i{height:20px}.web h3{font-size:17px}.web p{font-size:11px;line-height:1.8}.steps{grid-template-columns:1fr;gap:30px}.step{padding-top:20px;padding-inline-end:25px}.step h3.ui{font-size:23px}.step p{font-size:13px;max-width:40ch}.compare{grid-template-columns:1fr}.compare .col{padding:25px}.sys-figure{padding:25px 16px}.sysmap{transform:none}.sys-cap{font-size:8px}.statement{padding-block:110px;min-height:0}.statement .display{font-size:47px}.statement .sec-lead{font-size:13px}.statement-scene{inset:-15% -90%;opacity:.28}.statement-note{font-size:8px}.ind-card{padding-block:21px}.ind-name{font-size:20px}.ind-desc{font-size:11px}.demo-frame{transform:none}.why-grid{gap:0}.why h3{font-size:23px}.why p{font-size:13px}.founder-quote{font-size:32px}.founder-body p{font-size:13px}.partner .display{font-size:44px}.form-card{padding:23px 19px}.form-card h3{font-size:25px}.picks{gap:7px}.pick{padding:10px 8px;gap:7px}.pick-copy>b{font-size:9px}.pick-copy>span{font-size:8px}.pick svg{width:14px;height:14px}.field input,.field select,.field textarea{font-size:16px}.qa summary{font-size:17px;line-height:1.4;padding-inline-end:35px}.footer-close{padding-block:70px}.footer-close .display{font-size:44px}.footer-close::before{width:85px;height:85px;border-width:16px;left:-22px;top:12px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 20px;padding-block:40px}.footer-tag{font-size:17px}.footer-col a{font-size:10px;padding-block:8px}.footer-col h4{font-size:7px}.footer-legal{font-size:8px;align-items:flex-start;gap:10px}.footer-wordmark{font-size:24vw;margin-top:10px}.nav .brand{font-size:25px}.nav .brand img{width:29px;height:29px}.motion-toggle{font-size:8px;gap:4px}.motion-icon{font-size:12px}.nav-inner,.nav.scrolled .nav-inner{gap:16px}.nav-toggle{width:35px;height:35px}.page-hero .display{font-size:40px}.service-sculpture{opacity:.12}html[lang=ar] .hero-title{font-size:56px;line-height:1.3}html[lang=ar] .hero-description{font-size:13px}html[lang=ar] .hero-copy{padding-top:30px}html[lang=ar] .display,html[lang=ar] .statement .display{line-height:1.4}html[lang=ar] .project-floating-tag{font-size:7px}html[lang=ar] .demo-frame{transform:none}}
@media(max-width:620px){.hero-actions{gap:14px}.hero-actions .text-link{gap:10px;line-height:1.4}.hero-actions .text-link span{line-height:1}.hero-art{margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.project-browser,.demo-frame,.sysmap{transform:none!important}}
html[data-motion=paused]{scroll-behavior:auto}html[data-motion=paused] *,html[data-motion=paused] *::before,html[data-motion=paused] *::after{animation-play-state:paused!important;transition-duration:0s!important}html[data-motion=paused] .project-browser,html[data-motion=paused] .demo-frame,html[data-motion=paused] .sysmap{transform:none!important}html[data-hidden=true] *,html[data-hidden=true] *::before,html[data-hidden=true] *::after{animation-play-state:paused!important}

/* Brand color roles on contrasting section surfaces. */
.selected-work,.band-light{background:#F1EDE4;color:#1F4E4C;--text:#1F4E4C;--muted:#2C6E6A;--muted-2:#2C6E6A;--line:#222E2D;--amber:#1F4E4C;--amber-lite:#2C6E6A}
.selected-work .label,.band-light .label,.work-intro,.next-project>span:first-child{color:#2C6E6A}
.project{--project-accent:#EBAA43}.project-aswaq{background:radial-gradient(ellipse at 75% 30%,#1F4E4C,#0E1314 70%)}.project-apron{background:radial-gradient(ellipse at 30% 30%,#2C6E6A,#131A1B 75%)}
.footer-close .btn{background:#D9911F;color:#0A0D0E;border-color:#D9911F}.footer-close .btn:hover{background:#EBAA43;border-color:#EBAA43}
.footer .label,.footer-col h4{color:#EBAA43}.footer-tag,.footer-col a,.footer-legal{color:#EAEDEC}.footer-col a:hover{color:#EBAA43}.footer-wordmark{color:#F1EDE4}.footer-close{border-color:#5FB3AB40}.footer-legal{border-color:#5FB3AB40}
.footer-close::before{border-color:#2C6E6A;box-shadow:inset 5px 5px 10px #5FB3AB,inset -8px -10px 16px #0E1314,8px 12px 24px #0A0D0E3d}
.sysmap-hub{background:linear-gradient(135deg,#2C6E6A,#1F4E4C);border-color:#5FB3AB;box-shadow:0 13px 0 #131A1B,0 25px 50px #1F4E4C40}.sysmap-hub b{color:#F1EDE4}.sysmap-hub span{color:#EBAA43}
.band-light .display em{color:#1F4E4C}.demo-frame{background:#F1EDE4}.demo-frame .ui-chip.on{background:#D9911F;border-color:#D9911F;color:#0A0D0E}

/* Structural borders use the shared brand line color. */
.nav-inner,.nav.scrolled .nav-inner,.hero-bottom,.prob,.web,.compare .col,.form-card,.field input,.field select,.field textarea,.pick{border-color:var(--line)}
.build-grid{background:var(--line);border-color:var(--line)}
.pick[aria-pressed=true]{border-color:#D9911F88}.compare .col-wallet{border-color:#5FB3AB55}