:root{--ink:#10233f;--paper:#f8fbff;--white:#fff;--sage:#dff4ff;--mint:#edf8ff;--gold:#0ba7c4;--blue:#2563eb;--muted:#53657d;--line:#dbe7f3;--radius:18px;--shadow:0 16px 42px rgba(30,79,140,.10)}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif;line-height:1.55}
html[dir="rtl"] body{font-family:"Noto Kufi Arabic",system-ui,sans-serif;line-height:1.8}
a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 56px));margin:auto}.viewport{height:100dvh;display:grid;grid-template-rows:58px 116px minmax(0,1fr);overflow:hidden}
.compact-header{z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.header-row{height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:800;letter-spacing:-.03em;font-size:1.02rem;white-space:nowrap;color:var(--blue);display:inline-flex;align-items:center;gap:9px}.brand img{width:31px;height:31px;display:block;border-radius:9px}.header-actions{display:flex;align-items:center;gap:8px}.lang,.contact-link{border:1px solid var(--line);background:var(--white);color:var(--ink);padding:7px 11px;border-radius:11px;font-weight:700;font-size:.74rem}.lang[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:var(--white)}
.career-strip{min-height:0;background:var(--white);border-bottom:1px solid var(--line);overflow:hidden}.career-track{height:90px;position:relative;display:flex;align-items:flex-start;gap:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;padding:16px 0 7px}.career-track::-webkit-scrollbar{display:none}.career-track:before{content:"";position:absolute;top:24px;left:12px;right:12px;height:2px;background:#cfe0f2}.career-step{position:relative;z-index:1;flex:1 0 205px;padding:26px 14px 0 0;scroll-snap-align:start}.career-step:before{content:"";position:absolute;top:2px;left:0;width:13px;height:13px;border-radius:50%;background:var(--white);border:4px solid var(--blue);box-shadow:0 0 0 4px var(--white)}html[dir="rtl"] .career-step{padding:26px 0 0 14px}html[dir="rtl"] .career-step:before{left:auto;right:0}.career-step time{display:block;color:var(--blue);font-size:.66rem;font-weight:800;margin-bottom:2px}.career-step span{display:block;color:var(--ink);font-size:.69rem;font-weight:650;line-height:1.3;max-width:195px}.career-step.coming-soon span{color:var(--muted)}.career-hint{display:none;height:26px;color:var(--muted);font-size:.62rem;text-align:center;padding-top:1px}
.compact-main{min-height:0;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f3f9ff 60%,#eaf7ff 100%);position:relative}.compact-main:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-180px;top:-190px;background:linear-gradient(145deg,rgba(37,99,235,.15),rgba(11,167,196,.08))}.compact-main:after{content:"";position:absolute;width:98px;height:4px;background:linear-gradient(90deg,var(--blue),var(--gold));left:0;bottom:0}
.compact-grid{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.72fr);grid-template-rows:minmax(0,1fr) auto auto;gap:10px 46px;align-items:center;padding:18px 0 12px;position:relative;z-index:1}.hero-copy{min-width:0;align-self:center}.eyebrow,.section-headline{font-size:.69rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:#55716c}.hero-copy h1{font-size:clamp(2.35rem,4.4vw,4.25rem);line-height:1.01;letter-spacing:-.055em;margin:8px 0 10px;max-width:820px}.hero-copy h2{font-size:clamp(1.18rem,2vw,1.7rem);line-height:1.18;letter-spacing:-.025em;margin:0 0 9px;max-width:760px;color:var(--blue)}.lead{font-size:clamp(.86rem,1.05vw,1rem);line-height:1.48;max-width:740px;color:var(--muted);margin:0}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:0 14px;border-radius:10px;font-weight:700;font-size:.75rem;border:1px solid var(--blue)}.btn.primary{background:linear-gradient(135deg,var(--blue),#157ba9);color:#fff;box-shadow:0 8px 22px rgba(37,99,235,.18)}.btn.secondary{background:var(--white);color:var(--blue)}
.profile-panel{align-self:center;display:grid;gap:9px;width:min(100%,300px);justify-self:end}.portrait{margin:0;border-radius:22px;overflow:hidden;background:var(--white);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 44px rgba(35,79,135,.15);aspect-ratio:4/3}.portrait img{display:block;width:100%;height:100%;object-fit:cover}.signal{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:14px;padding:10px 12px;box-shadow:var(--shadow)}.signal strong{font-size:1.75rem;line-height:1;color:var(--blue)}.signal span{font-size:.69rem;line-height:1.32;color:var(--muted)}
.expertise-panel,.worked-with-panel{grid-column:1/-1;min-width:0;border-top:1px solid rgba(219,231,243,.95)}.expertise-panel{align-self:end;padding-top:8px}.section-headline{color:var(--blue);margin-bottom:7px}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.expertise-grid article{min-width:0;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:14px;padding:10px 12px;box-shadow:0 7px 18px rgba(31,78,134,.04)}.expertise-grid h3{margin:0 0 4px;font-size:.78rem;line-height:1.2}.expertise-grid p{margin:0;color:var(--muted);font-size:.64rem;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.worked-with-panel{padding-top:6px;align-self:end}.journey-heading{margin-bottom:2px}.worked-with-track{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;align-items:center;min-height:72px}.partner-card{height:68px;display:flex;align-items:center;justify-content:center;padding:0 3px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;transition:transform .18s ease,opacity .18s ease}.partner-card:hover{transform:translateY(-2px);opacity:.9}.partner-card:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:10px}.partner-card img{display:block;width:auto;height:auto;object-fit:contain;max-width:100%}.hightech-card img{max-width:96%;max-height:58px}.amen-card img{max-width:100%;max-height:46px}.alahli-card img{max-width:72%;max-height:64px}.ifq-card img{max-width:92%;max-height:48px}.bein-card img{max-width:96%;max-height:38px}.orange-card img{max-width:68%;max-height:56px}
.ar{display:none!important}html[lang="ar"] .en{display:none!important}html[lang="ar"] .ar{display:block!important}html[lang="ar"] span.ar{display:inline!important}html[lang="ar"] .btn.ar{display:inline-flex!important}html[dir="rtl"] .hero-copy h1,html[dir="rtl"] .hero-copy h2{letter-spacing:0}
@media(min-width:1120px){.career-step{min-width:0;flex:1}.career-track{overflow-x:hidden}}
@media(max-width:1119px){.career-hint{display:block}.career-track{height:82px}.viewport{grid-template-rows:54px 108px minmax(0,1fr)}.shell{width:min(100% - 30px,1180px)}.header-row{height:54px}.compact-grid{grid-template-columns:minmax(0,1fr) 190px;gap:8px 22px;padding:11px 0 8px}.profile-panel{width:190px}.hero-copy h1{font-size:clamp(1.9rem,4.4vw,3.2rem)}.expertise-grid{gap:7px}.expertise-grid article{padding:8px 9px}.worked-with-track{display:flex;overflow-x:auto;scrollbar-width:none;gap:18px;min-height:62px;align-items:center}.worked-with-track::-webkit-scrollbar{display:none}.partner-card{flex:0 0 145px;height:60px}.hightech-card img{max-height:50px}.amen-card img{max-height:39px}.alahli-card img{max-height:54px}.ifq-card img{max-height:42px}.bein-card img{max-height:34px}.orange-card img{max-height:46px}}
@media(max-width:620px){.viewport{grid-template-rows:50px 96px minmax(0,1fr)}.shell{width:min(100% - 20px,1180px)}.header-row{height:50px}.brand{font-size:.84rem}.brand img{width:25px;height:25px}.contact-link{display:none}.career-track{height:72px;padding-top:12px}.career-step{flex-basis:175px;padding-top:22px}.career-step span{font-size:.62rem}.career-hint{height:24px}.compact-grid{grid-template-columns:minmax(0,1fr) 92px;grid-template-rows:minmax(0,1fr) auto auto;gap:6px 10px;padding:7px 0 6px;align-items:start}.hero-copy{align-self:center}.eyebrow{font-size:.56rem}.hero-copy h1{font-size:clamp(1.55rem,7.7vw,2.05rem);margin:4px 0 5px}.hero-copy h2{font-size:.9rem;margin-bottom:4px}.lead{font-size:.66rem;line-height:1.34;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-actions{margin-top:6px}.btn{min-height:28px;padding:0 9px;font-size:.63rem}.profile-panel{width:92px;gap:5px;align-self:center}.portrait{border-radius:12px;aspect-ratio:1/1}.signal{display:block;text-align:center;padding:5px 4px}.signal strong{font-size:1.08rem}.signal span{display:block;margin-top:1px;font-size:.46rem}.expertise-panel{padding-top:5px}.section-headline{margin-bottom:4px;font-size:.56rem}.expertise-grid{grid-template-columns:repeat(2,1fr);gap:4px}.expertise-grid article{padding:5px 6px;border-radius:9px}.expertise-grid h3{font-size:.61rem;margin:0}.expertise-grid p{display:none}.worked-with-panel{padding-top:4px}.worked-with-track{gap:13px;min-height:44px}.partner-card{flex-basis:112px;height:42px}.hightech-card img{max-height:34px}.amen-card img{max-height:26px}.alahli-card img{max-height:36px}.ifq-card img{max-height:29px}.bein-card img{max-height:24px}.orange-card img{max-height:31px}}
@media(max-height:760px) and (min-width:621px){.viewport{grid-template-rows:50px 94px minmax(0,1fr)}.career-track{height:72px}.compact-grid{padding:8px 0 6px;gap:6px 32px}.hero-copy h1{font-size:clamp(1.8rem,3.35vw,3rem);margin:4px 0 5px}.hero-copy h2{font-size:clamp(.96rem,1.55vw,1.28rem);margin-bottom:4px}.lead{font-size:.72rem;line-height:1.35;-webkit-line-clamp:2}.hero-actions{margin-top:6px}.profile-panel{width:min(100%,205px)}.signal{padding:6px 8px}.expertise-panel{padding-top:5px}.expertise-grid article{padding:6px 8px}.expertise-grid p{font-size:.56rem}.worked-with-panel{padding-top:4px}.worked-with-track{min-height:50px}.partner-card{height:48px}.hightech-card img{max-height:41px}.amen-card img{max-height:32px}.alahli-card img{max-height:43px}.ifq-card img{max-height:35px}.bein-card img{max-height:29px}.orange-card img{max-height:39px}}
@media(max-height:650px){.viewport{grid-template-rows:46px 84px minmax(0,1fr)}.header-row{height:46px}.career-track{height:64px;padding-top:9px}.career-step{padding-top:19px}.career-step span{font-size:.56rem}.career-step time{font-size:.58rem}.career-hint{height:20px}.compact-grid{padding:4px 0;gap:4px 20px}.eyebrow{font-size:.54rem}.hero-copy h1{font-size:clamp(1.45rem,2.8vw,2.3rem);margin:3px 0 4px}.hero-copy h2{font-size:.84rem;margin-bottom:3px}.lead{font-size:.61rem;line-height:1.28;-webkit-line-clamp:2}.hero-actions{margin-top:5px}.btn{min-height:27px}.profile-panel{width:min(100%,155px)}.signal span{font-size:.5rem}.expertise-panel{padding-top:4px}.section-headline{margin-bottom:3px}.expertise-grid article{padding:4px 6px}.expertise-grid h3{font-size:.61rem;margin:0}.expertise-grid p{display:none}.worked-with-panel{padding-top:3px}.worked-with-track{min-height:38px}.partner-card{height:36px}.hightech-card img{max-height:30px}.amen-card img{max-height:23px}.alahli-card img{max-height:32px}.ifq-card img{max-height:26px}.bein-card img{max-height:21px}.orange-card img{max-height:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}