.showcase-slide{position:absolute;inset:0;isolation:isolate;overflow:hidden;background:#2F3A85;color:#FFFFFF}
.showcase-background{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 50% 54%,#257ACD42,transparent 65%),linear-gradient(110deg,#2D3A83,#2F3A85 50%,#252D69)}.showcase-aura{position:absolute;inset:15% -10% -30%;background:radial-gradient(ellipse,#C15F9F18,transparent 60%)}.showcase-grid{position:absolute;inset:8%;opacity:.04;background:radial-gradient(#FFFFFF 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}
.showcase-shell{height:100%;padding:30px 6% 90px;display:grid;grid-template-rows:90px minmax(0,1fr);gap:18px}.showcase-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.showcase-header h2{margin:0;font-size:clamp(36px,4vw,56px);line-height:1.2;outline:none}.showcase-heading-ar h2{font-family:'IBM Plex Sans Arabic',sans-serif;font-weight:700}.showcase-heading-en h2{font-family:'Montserrat',sans-serif;font-weight:600;letter-spacing:-1.3px}.showcase-header h2 span{color:#C15F9F}.showcase-eyebrow{margin:0 0 6px;font:600 9px/1.4 'Montserrat',sans-serif;letter-spacing:2.8px;color:#FFFFFF80;text-align:right}.showcase-heading-en .showcase-eyebrow{text-align:left}
.services-content{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 65px;gap:30px}.services-stage{position:relative;min-height:0}.service-panel{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:3%;align-items:center;visibility:hidden;pointer-events:none}.service-panel.is-current{visibility:visible;pointer-events:auto}.service-message{min-width:0;padding:15px 10px}.service-message-ar{grid-column:1;grid-row:1;text-align:right}.service-message-en{grid-column:3;grid-row:1;text-align:left}.service-kicker{display:block;color:#B4C6ED;font:600 8px/1.5 'Montserrat',sans-serif;letter-spacing:1.4px;margin-bottom:18px;direction:ltr}.service-message h3{margin:0 0 22px;line-height:1.4}.service-message-ar h3{font:700 clamp(22px,2.4vw,34px)/1.45 'IBM Plex Sans Arabic',sans-serif}.service-message-en h3{font:600 clamp(22px,2.4vw,34px)/1.35 'Montserrat',sans-serif;letter-spacing:-.8px}.service-message p{margin:0;color:#FFFFFFB8}.service-message-ar p{font:700 clamp(15px,1.3vw,20px)/1.95 'IBM Plex Sans Arabic',sans-serif}.service-message-en p{font:600 clamp(11px,1vw,15px)/1.95 'Montserrat',sans-serif}
.service-visual{position:relative;grid-column:2;grid-row:1;width:min(100%,calc(100svh - 300px));justify-self:center;aspect-ratio:1;direction:ltr}.service-visual svg{position:relative;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 23px 20px #12205144)}.service-orbit{position:absolute;inset:2%;border:1px solid #FFFFFF0B;border-radius:50%;background:radial-gradient(ellipse,#257ACD33,transparent 65%)}.service-orbit:before,.service-orbit:after{content:'';position:absolute;inset:9%;border:1px dashed #FFFFFF10;border-radius:50%}.service-orbit:after{inset:20%;border-style:solid}.service-art-label{position:absolute;top:100%;left:0;right:0;text-align:center;color:#FFFFFF55;font:600 6px/1.5 'Montserrat',sans-serif;letter-spacing:1.9px}.service-draw{stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.service-bar{transform-origin:center 330px}
.service-selectors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3%;direction:ltr}.service-selectors button{position:relative;border:0;border-top:1px solid #FFFFFF26;background:transparent;padding:12px 0;text-align:left;color:#FFFFFF75;cursor:pointer;min-width:0}.service-selectors button[aria-pressed='true']{color:#FFFFFF;border-color:#FFFFFF4D}.service-selector-number{font:600 8px 'Montserrat',sans-serif;color:#C591C4}.service-selector-labels{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}.service-selector-labels>span{font:600 10px 'Montserrat',sans-serif}.service-selector-labels>strong{font:700 15px 'IBM Plex Sans Arabic',sans-serif}.service-selectors i{position:absolute;top:-1px;height:2px;left:0;width:100%;background:linear-gradient(90deg,#257ACD,#C15F9F);transform:scaleX(0);transform-origin:left}.service-selectors button:focus-visible{outline:2px solid #DCA5CA;outline-offset:5px;border-radius:5px}
.clients-content{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto 35px;gap:13px}.clients-intro{display:flex;direction:ltr;justify-content:space-between;gap:20px;align-items:center;padding:0 10px}.clients-intro>span{font:600 12px 'Montserrat',sans-serif;color:#FFFFFF99}.clients-intro>strong{font:700 17px 'IBM Plex Sans Arabic',sans-serif;color:#FFFFFFB8}.clients-stage{position:relative;min-height:200px;direction:ltr;perspective:1300px;isolation:isolate;overflow:hidden;touch-action:pan-y;outline:none;margin-inline:-4%}.clients-stage:focus-visible{outline:1px solid #FFFFFF40;outline-offset:2px;border-radius:20px}.clients-floor{position:absolute;bottom:3%;left:15%;right:15%;height:35%;background:radial-gradient(ellipse,#17205255,transparent 67%);transform:scaleY(.5)}
.client-card{position:absolute;top:45%;left:50%;height:82%;width:auto;aspect-ratio:1.15;max-width:360px;border:1px solid #FFFFFF8C;border-radius:18px;padding:25px;background:#FFFFFF;box-shadow:0 18px 27px #111C5540,inset 0 1px 0 #FFFFFF;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.7,.15,1),opacity .65s,filter .65s;cursor:pointer;will-change:transform;overflow:hidden;-webkit-box-reflect:below 12px linear-gradient(transparent 78%,#FFFFFF17)}
.client-card img{width:100%;height:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.client-card-number{position:absolute;left:14px;top:13px;color:#2F3A8570;font:600 8px 'Montserrat',sans-serif}.client-card-rule{position:absolute;bottom:11px;left:calc(50% - 18px);height:2px;width:36px;background:linear-gradient(90deg,#257ACD,#C15F9F);border-radius:3px}.client-card:focus-visible{outline:3px solid #DCA5CA;outline-offset:4px}
.client-caption{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:20px;min-height:68px;padding:0 10px;direction:rtl}.client-name-ar{text-align:right;grid-column:1;grid-row:1}.client-name-en{text-align:left;grid-column:3;grid-row:1}.client-caption h3{margin:0;font-size:clamp(20px,2.15vw,30px);line-height:1.35}.client-name-ar h3{font-family:'IBM Plex Sans Arabic',sans-serif;font-weight:700}.client-name-en h3{font-family:'Montserrat',sans-serif;font-weight:600;letter-spacing:-.5px}.client-position{grid-column:2;grid-row:1;display:flex;justify-content:center;align-items:baseline;gap:5px;font:600 11px 'Montserrat',sans-serif;color:#FFFFFF66}.client-position b{font-size:19px;color:#DCA5CA}
.clients-navigation{display:flex;align-items:center;justify-content:center;gap:17px}.clients-arrow{height:34px;width:34px;border:1px solid #FFFFFF33;border-radius:50%;background:#FFFFFF08;color:#FFFFFFC9;font:600 18px 'Montserrat',sans-serif;cursor:pointer;flex-shrink:0}.clients-arrow:hover{background:#FFFFFF19}.clients-arrow:focus-visible,.clients-dots button:focus-visible{outline:2px solid #DCA5CA;outline-offset:2px}.clients-dots{display:flex;align-items:center;max-width:70%;overflow-x:auto;scrollbar-width:none;gap:1px;padding:3px}.clients-dots::-webkit-scrollbar{display:none}.clients-dots button{flex:0 0 17px;width:17px;height:25px;border:0;background:transparent;padding:5px 2px;cursor:pointer}.clients-dots i{height:3px;width:100%;display:block;background:#FFFFFF2E;border-radius:2px;transition:background .3s,transform .3s}.clients-dots button[aria-pressed='true'] i{background:#C15F9F;transform:scaleY(1.5)}
@media(min-width:1600px){.showcase-shell{padding-top:5vh;padding-bottom:100px}.service-message-ar p{font-size:23px}.service-message-en p{font-size:16px}.service-selector-labels>strong{font-size:18px}.service-selector-labels>span{font-size:12px}.client-card{max-width:440px}.client-caption{min-height:80px}.client-caption h3{font-size:34px}.clients-content{gap:20px}}
@media(max-height:680px) and (min-width:761px){.showcase-shell{padding-top:18px;grid-template-rows:65px minmax(0,1fr);gap:12px;padding-bottom:82px}.showcase-header h2{font-size:36px}.services-content{gap:20px;grid-template-rows:minmax(0,1fr) 52px}.service-message h3{font-size:24px;margin-bottom:15px}.service-message-ar p{font-size:15px}.service-message-en p{font-size:10px}.service-visual{width:min(100%,calc(100svh - 270px))}.client-caption{min-height:54px}.client-caption h3{font-size:23px}.clients-content{gap:10px}.clients-stage{min-height:180px}.clients-intro>strong{font-size:14px}.clients-intro>span{font-size:10px}}
@media(max-width:760px){.showcase-shell{padding:23px 5% 112px;grid-template-rows:76px minmax(0,1fr);gap:15px}.showcase-header{gap:15px}.showcase-header h2{font-size:28px;line-height:1.25;letter-spacing:-.7px}.showcase-eyebrow{font-size:8px;letter-spacing:2px}.showcase-heading-en .showcase-eyebrow{font-size:6px;letter-spacing:1.5px}.services-content{display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#FFFFFF33 transparent;padding:10px 2px 18px}.services-stage{height:580px}.service-panel{grid-template-columns:1fr 1fr;grid-template-rows:300px 1fr;gap:18px 12px;align-items:start}.service-visual{grid-column:1/3;grid-row:1;width:90%;max-width:300px}.service-message-ar{grid-column:1;grid-row:2}.service-message-en{grid-column:2;grid-row:2}.service-message{padding:12px 6px}.service-message h3{font-size:21px;line-height:1.4;letter-spacing:-.3px;margin-bottom:13px}.service-message-ar p{font-size:13px;line-height:1.85}.service-message-en p{font-size:10px;line-height:1.9}.service-kicker{font-size:6px;letter-spacing:.8px;margin-bottom:12px}.service-art-label{font-size:5px;letter-spacing:1.3px}.service-selectors{grid-template-columns:1fr 1fr;gap:15px 25px;margin:20px 7px 0}.service-selector-labels>strong{font-size:12px}.service-selector-labels>span{font-size:8px}.clients-content{grid-template-rows:auto minmax(190px,1fr) auto 35px;gap:12px;overflow-y:auto;overflow-x:hidden;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:#FFFFFF33 transparent}.clients-intro{padding:0 2px;gap:12px}.clients-intro>span{font-size:8px}.clients-intro>strong{font-size:12px}.client-card{height:78%;max-height:280px;border-radius:14px;padding:24px}.clients-stage{margin-inline:-6%;min-height:190px;perspective:850px}.client-caption{grid-template-columns:1fr 1fr;gap:8px 18px;min-height:95px;padding:0 4px;align-items:center}.client-name-ar{grid-column:1;grid-row:2}.client-name-en{grid-column:2;grid-row:2}.client-position{grid-column:1/3;grid-row:1;font-size:9px}.client-position b{font-size:14px}.client-caption h3{font-size:18px;line-height:1.4;letter-spacing:-.3px}.clients-navigation{gap:10px}.clients-dots{max-width:70%}}
@media(max-width:380px){.showcase-header h2{font-size:24px}.showcase-eyebrow{font-size:6px;letter-spacing:1.6px}.service-panel{grid-template-rows:250px 1fr}.service-visual{max-width:250px}.services-stage{height:570px}.service-message h3{font-size:18px}.service-message-ar p{font-size:12px}.service-message-en p{font-size:9px}.client-caption h3{font-size:16px}.client-card{padding:20px}.clients-intro>span{font-size:7px}.clients-intro>strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.client-card,.clients-dots i{transition:none!important}.client-card{will-change:auto}}
.clients-content{grid-template-columns:minmax(0,1fr)}.clients-content>*,.client-name-ar,.client-name-en,.clients-dots{min-width:0}
/* Larger opaque logo surfaces; every visible card stays inside the stage. */
.client-card{top:49%;height:87%;aspect-ratio:1.26;max-width:460px;padding:0;background:transparent;border:0;box-shadow:none;overflow:visible;-webkit-box-reflect:unset}
.client-card-surface{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:19px;padding:27px;background:#FFFFFF;border:1px solid #FFFFFFA3;box-shadow:0 18px 30px #111C554D;overflow:hidden;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .4s cubic-bezier(.2,.7,.15,1),box-shadow .4s;transform-style:preserve-3d}
.client-card-surface:after{content:'';position:absolute;inset:0;border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,35%),#FFFFFFA6,transparent 48%),linear-gradient(115deg,transparent 30%,#A7D5FF22 48%,transparent 65%);transition:opacity .4s}
@media(hover:hover) and (pointer:fine){.client-card.is-hovered .client-card-surface{transform:translateY(-10px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.035);box-shadow:0 27px 44px #111C5577,0 0 0 1px #A7D5FFB3,0 0 35px #257ACD3D}.client-card.is-hovered .client-card-surface:after{opacity:.75}}
.client-card:focus-visible .client-card-surface{box-shadow:0 20px 35px #111C5577,0 0 0 3px #C15F9F}
@media(max-width:760px){.client-card{max-width:calc(100% - 28px);height:85%;max-height:300px;top:48%;aspect-ratio:1.1}.client-card-surface{padding:24px;border-radius:17px}}
@media(prefers-reduced-motion:reduce){.client-card-surface{transition:none;transform:none!important}}