/* OcttoApps: considered composition, quiet surfaces and motion with purpose. */
:root{--oa-navy:#0f1731;--oa-deep:#050a17;--oa-orange:#fe6701;--oa-ink:#141414;--oa-grey:#f6f6f6;--oa-muted:#717174;--oa-line:#e4e4e7;--oa-ease:cubic-bezier(.22,1,.36,1);--oa-width:1400px;--oa-gutter:clamp(22px,5vw,88px);--oa-font:Manrope,Alexandria,"Noto Sans Arabic",sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body.oa-page{margin:0;background:white;color:var(--oa-ink);font-family:var(--oa-font);font-size:16px;line-height:1.55;overflow-x:clip;-webkit-font-smoothing:antialiased}
body.oa-page *{box-sizing:border-box}
.oa-page button,.oa-page input,.oa-page select,.oa-page textarea{font:inherit}
.oa-page a{color:inherit;text-decoration:none}
.oa-page button{cursor:pointer}
.oa-page [hidden]{display:none!important}
.oa-page img{max-width:100%;display:block}
.oa-page h1,.oa-page h2,.oa-page h3,.oa-page p{margin:0;color:inherit}
.oa-page button:focus-visible,.oa-page a:focus-visible,.oa-page [tabindex]:focus-visible{outline:3px solid var(--oa-orange);outline-offset:6px}
.oa-page ::selection{background:#fe6701;color:white}
.oa-wrap{max-width:calc(var(--oa-width) + 2*var(--oa-gutter));width:100%;margin-inline:auto;padding-inline:var(--oa-gutter)}
.oa-icon{display:block;width:24px;height:24px;flex:0 0 auto}
.oa-skip{position:fixed;left:20px;top:-100px;z-index:500;background:white;padding:14px 20px;border-radius:30px;color:var(--oa-ink)!important}
.oa-skip:focus{top:15px}

/* A floating masthead, with one restrained desktop menu and a separate mobile drawer. */
.oa-header{position:fixed;inset:0 0 auto;z-index:100;color:white;transition:background .5s var(--oa-ease),padding .5s var(--oa-ease);padding-block:17px}
.oa-header:before{content:"";position:absolute;inset:0 0 -18px;pointer-events:none;background:linear-gradient(180deg,rgba(2,6,16,.62),transparent);transition:opacity .4s}
.oa-header-inner{position:relative;max-width:1640px;margin:auto;padding-inline:var(--oa-gutter);display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,3vw,60px)}
.oa-logo{display:block;width:174px;flex:none}
.oa-logo img{width:100%;height:auto}
.oa-desktop-nav{display:flex;align-items:center;justify-content:space-between;gap:7px;border:1px solid #ffffff24;background:#0b172966;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:70px;padding:8px 16px;min-height:64px;flex:1;max-width:1070px;box-shadow:inset 0 1px 0 #ffffff07}
.oa-nav-link{font-size:12px;white-space:nowrap;line-height:1.2;font-weight:700;letter-spacing:.015em;padding:14px 15px;border-radius:30px;text-transform:uppercase;transition:color .3s,background .3s}
.oa-nav-link:hover,.oa-nav-link.is-current{background:var(--oa-orange);color:white}
.oa-nav-group{position:relative;display:flex;align-items:center}
.oa-nav-group>.oa-nav-link{padding-inline-end:7px}
.oa-sub-toggle{border:0;color:inherit;display:grid;place-items:center;width:22px;height:36px;background:none;padding:0;margin-inline-end:7px}
.oa-sub-toggle svg{width:12px;height:12px;transition:transform .3s}
.oa-nav-group.is-open .oa-sub-toggle svg{transform:rotate(180deg)}
.oa-submenu{position:absolute;top:calc(100% + 18px);inset-inline-start:-18px;width:310px;padding:12px;border-radius:18px;background:var(--oa-navy);box-shadow:0 24px 60px #0004;border:1px solid #ffffff22;visibility:hidden;opacity:0;transform:translateY(12px);transition:opacity .25s,transform .35s var(--oa-ease),visibility .25s}
.oa-submenu:before{content:"";position:absolute;inset:-24px 0 auto;height:24px}
.oa-submenu a{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:14px 12px;border-radius:10px;gap:18px}
.oa-submenu a:hover{background:#ffffff12;color:#ff9c59}
.oa-submenu svg{width:15px;height:15px}
.oa-nav-group:hover .oa-submenu,.oa-nav-group:focus-within .oa-submenu,.oa-nav-group.is-open .oa-submenu{visibility:visible;opacity:1;transform:translateY(0)}
.oa-language{padding:8px 10px;border-inline-start:1px solid #ffffff35;font-size:12px;white-space:nowrap;font-weight:600}
.oa-profile-icon{display:grid;place-items:center;padding:6px}
.oa-profile-icon svg{width:18px;height:18px}
.oa-header.is-scrolled{padding-block:10px;background:linear-gradient(180deg,#050a17e8 15%,#0b1729a8 70%,#0b172900);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.oa-header.is-scrolled .oa-desktop-nav{background:#0f1731dc}
.oa-mobile-actions,.oa-mobile-nav{display:none}
body.oa-menu-open{overflow:hidden}

/* Rolled labels and arrows; the outer scroll wrapper can move independently. */
.oa-button{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:56px;padding:16px 25px;border-radius:40px;background:var(--oa-orange);color:white!important;font-size:12px;font-weight:500;text-transform:uppercase;isolation:isolate;overflow:hidden;vertical-align:middle;line-height:1.4;transition:background .3s,box-shadow .4s,transform .4s var(--oa-ease)}
.oa-button:before{content:"";position:absolute;z-index:-1;inset:0;background:var(--oa-navy);transform:translateY(102%);border-radius:50% 50% 0 0;transition:transform .5s var(--oa-ease),border-radius .5s}
.oa-button:hover:before{transform:translateY(0);border-radius:0}
.oa-roll{height:1.4em;overflow:hidden;display:block}
.oa-roll>span{display:block;transition:transform .5s var(--oa-ease)}
.oa-button:hover .oa-roll>span{transform:translateY(-100%)}
.oa-button>.oa-icon{width:19px;height:19px;transition:transform .5s var(--oa-ease)}
.oa-button:hover>.oa-icon{transform:translate(2px,-2px)}
.oa-button-glass{min-width:224px;justify-content:center;text-transform:none;font-size:14px;font-weight:400;border:1px solid #fe67017a;background:#fe670114;box-shadow:inset 0 0 24px #fe670133;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);padding-block:18px}
.oa-button-glass .oa-icon{display:none}
.oa-button-glass:before{background:var(--oa-orange)}
.oa-button-glass:hover{box-shadow:0 0 40px #fe670133}
.oa-button-light{background:white;color:var(--oa-navy)!important;min-width:215px}
.oa-button-light:before{background:var(--oa-orange)}
.oa-button-light:hover{color:white!important}
.oa-text-link{display:inline-flex;gap:15px;align-items:center;font-size:14px;font-weight:600;color:#c24e00!important;line-height:1.6}
.oa-text-link>.oa-icon{width:20px;height:20px;transition:transform .45s var(--oa-ease)}
.oa-text-link:hover>.oa-icon{transform:translateX(5px)}
.oa-tag{display:inline-block;background:#fff;border-radius:40px;padding:8px 19px;font-size:14px;line-height:1.2;font-weight:500;margin-bottom:25px}
.oa-tag-dark{background:#ffffff0a;border:1px solid #ffffff24;color:white}
.oa-eyebrow{display:block;text-transform:uppercase;font-size:11px;letter-spacing:.1em;font-weight:600}
.oa-controls{display:inline-flex;align-items:center;border:1px solid #9c4c263d;border-radius:40px;padding:2px 8px;flex:none;background:transparent}
.oa-controls button{display:grid;place-items:center;border:0;background:transparent;color:#ba4b05;width:42px;height:36px;padding:7px;border-radius:30px;transition:background .3s,color .3s}
.oa-controls button:hover{background:var(--oa-orange);color:white}
.oa-controls [data-prev] svg{transform:rotate(180deg)}
.oa-controls svg{width:19px;height:19px}
.oa-scroll-lift{will-change:transform}

/* The hero uses a real circuit board photograph. Motion is implemented in code. */
.oa-hero{height:min(100svh,1080px);min-height:800px;position:relative;background:var(--oa-deep);color:white;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden}
.oa-hero-scene{position:absolute;inset:-8%;overflow:hidden;transform:translate3d(0,var(--hero-y,0px),0) scale(var(--hero-scale,1.06));will-change:transform}
.oa-hero-scene>img{width:100%;height:100%;object-fit:cover;object-position:center 62%;filter:grayscale(1) contrast(1.2) brightness(.6);opacity:.48;animation:oa-board-drift 24s ease-in-out infinite alternate}
.oa-hero-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,#155ddd8a 0,transparent 53%),linear-gradient(180deg,#07132eab 0,#02050c85 65%,#02050c 100%);mix-blend-mode:normal}
.oa-hero-shade:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#02050c99,transparent 40%,transparent 60%,#02050c99)}
.oa-light-ray{position:absolute;height:160%;width:18%;top:-20%;background:linear-gradient(90deg,transparent,#63b4ff05,transparent);transform:rotate(25deg);animation:oa-ray 18s ease-in-out infinite}
.oa-light-ray-one{left:20%}.oa-light-ray-two{right:18%;animation-delay:-9s}
.oa-hero-content{position:relative;z-index:2;padding:145px 24px 235px;max-width:1030px;transform:translate3d(0,var(--hero-copy-y,0px),0);will-change:transform}
.oa-hero h1{font-size:clamp(48px,5.2vw,82px);line-height:1.16;letter-spacing:-.038em;font-weight:700;max-width:none}
.oa-line{display:block;overflow:hidden;padding-bottom:.13em}
.oa-line>span{display:block;animation:oa-line-in 1.15s var(--oa-ease) both}
.oa-hero-second{font-size:.72em;line-height:1.25;margin-top:15px;letter-spacing:-.025em}
.oa-hero-second>span{animation-delay:.15s}
.oa-hero-intro{font-size:15px;line-height:1.95;color:#f4f5f6;max-width:690px;margin:25px auto 33px!important;animation:oa-rise-in 1s .35s var(--oa-ease) both}
.oa-hero-cta{animation:oa-fade-in 1s .48s var(--oa-ease) both;display:inline-block}
.oa-scroll-cue{position:absolute;bottom:128px;right:var(--oa-gutter);display:flex;align-items:center;gap:12px;z-index:2;font-size:10px;letter-spacing:.1em;color:#b9c2d6!important;writing-mode:vertical-rl;text-transform:uppercase;animation:oa-rise-in 1.2s 1s both}
.oa-scroll-cue>span{display:block;width:1px;height:56px;background:#ffffff30;overflow:hidden;position:relative}
.oa-scroll-cue>span:after{content:"";position:absolute;inset:-100% 0 100%;background:var(--oa-orange);animation:oa-scroll-line 2.8s infinite}
@keyframes oa-fade-in{from{opacity:0}to{opacity:1}}
@keyframes oa-board-drift{from{transform:scale(1) translate3d(-.7%,0,0)}to{transform:scale(1.07) translate3d(.7%,1%,0)}}
@keyframes oa-line-in{from{transform:translateY(115%)}to{transform:translateY(0)}}
@keyframes oa-rise-in{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
@keyframes oa-ray{0%,100%{transform:translateX(-120px) rotate(25deg);opacity:0}40%,70%{opacity:1}80%{transform:translateX(220px) rotate(25deg);opacity:0}}
@keyframes oa-scroll-line{to{inset:100% 0 -100%}}

/* Selected work appears as a single shaped feature, rather than stacked marketing tiles. */
.oa-feature-section{position:relative;margin-top:-102px;z-index:4;max-width:1370px}
.oa-feature-shell{position:relative;background:var(--oa-navy);border-radius:28px;overflow:hidden;clip-path:polygon(0 5%,13% 5%,16% 0,48% 0,51% 5%,100% 5%,100% 100%,0 100%);box-shadow:0 30px 80px #101a2b0f}
.oa-feature-track{display:flex;transition:transform 1s var(--oa-ease);direction:ltr}
.oa-feature-slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:.8fr 1.2fr;min-height:355px;color:white;direction:ltr}
.oa-feature-copy{position:relative;z-index:2;padding:65px 0 65px 55px;align-self:center}
.oa-feature-copy .oa-eyebrow{color:#ffffff9c;margin-bottom:13px;text-transform:none}
.oa-feature-copy h2{font-size:40px;line-height:1.1;font-weight:500;letter-spacing:-.04em;text-wrap:balance}
.oa-feature-copy p{max-width:290px;font-size:14px;line-height:1.7;color:#ffffffc7;margin-top:18px}
.oa-feature-copy .oa-text-link{margin-top:24px;color:white!important;font-size:12px}
.oa-feature-visual{display:grid;place-items:center;min-width:0;min-height:355px;padding:clamp(18px,2.65vw,38px);overflow:hidden}
.oa-feature-visual-assistant{background:#e4e9ef}
.oa-feature-visual-photo{position:relative;background:#0c131a}
.oa-feature-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.oa-feature-photo-mobile{object-position:53% center}
.oa-feature-photo-websites{object-position:40% center}
.oa-feature-screen{display:block;width:100%;max-width:760px}
.oa-feature-screen>img{width:100%;height:auto;border:1px solid #1320341f;border-radius:8px;box-shadow:0 13px 28px #17232f26}
.oa-phone{background:#060a10;border:5px solid #090d12;border-radius:25px;box-shadow:0 25px 45px #0003;overflow:hidden;position:relative;width:169px;flex:none;align-self:flex-start}
.oa-phone:before{content:"";position:absolute;top:5px;left:34%;width:32%;height:10px;background:#080d13;border-radius:14px;z-index:1}
.oa-phone img{width:100%;height:auto;display:block;border-radius:20px}
.oa-feature-controls{position:absolute;bottom:17px;inset-inline-start:55px;display:flex;align-items:center;gap:16px;color:white}
.oa-feature-pause{display:flex;align-items:center;justify-content:center;gap:3px;background:none;border:0;padding:3px 0;color:white;width:18px;height:22px}
.oa-feature-pause>span{height:9px;width:2px;background:currentColor}
.oa-feature-pause[aria-pressed=true]>span:first-child{height:0;width:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-inline-start:7px solid currentColor;background:none}
.oa-feature-pause[aria-pressed=true]>span+span{display:none}
.oa-dots{display:flex;gap:7px}
.oa-dots button{width:5px;height:5px;border:0;padding:0;border-radius:50%;background:#ffffff50;transition:width .4s,background .4s;position:relative}
.oa-dots button:after{content:"";position:absolute;inset:-8px}
.oa-dots button[aria-current=true]{width:22px;border-radius:8px;background:white}
.oa-feature-count{font-size:9px;color:#ffffff6b;letter-spacing:.12em;display:none}
.oa-feature-count>span{color:white}

/* White space and rhythm are deliberately shared with the reference. */
.oa-clients{padding-block:110px 120px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}
.oa-client-intro .oa-tag{background:#f7f7f7;margin-bottom:20px}
.oa-client-intro h2{font-size:40px;line-height:1.18;letter-spacing:-.04em;font-weight:600}
.oa-client-intro p{color:#727276;font-size:14px;max-width:325px;margin-block:20px!important}
.oa-client-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 28px;align-items:center}
.oa-client{display:grid;place-items:center;height:98px;min-width:0}
.oa-client img{width:100%;max-width:162px;max-height:78px;object-fit:contain;filter:grayscale(1);opacity:.72;transition:filter .5s,opacity .5s,transform .5s var(--oa-ease)}
.oa-client:hover img{filter:grayscale(0);opacity:1;transform:scale(1.04)}
.oa-grid-surface{background-color:#f7f7f7;background-image:linear-gradient(#e9e9e966 1px,transparent 1px),linear-gradient(90deg,#e9e9e966 1px,transparent 1px);background-size:90px 90px;background-position:center;position:relative}
.oa-grid-surface:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7f7f7,transparent 18%,transparent 82%,#f7f7f7);pointer-events:none}
.oa-grid-surface>.oa-wrap{position:relative}
.oa-services{padding-block:88px 98px;overflow:hidden}
.oa-section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:70px}
.oa-section-head h2{font-size:clamp(38px,3.75vw,58px);line-height:1.18;font-weight:600;letter-spacing:-.04em}
.oa-section-aside{padding-bottom:4px}
.oa-section-aside>p{font-size:17px;line-height:1.5;max-width:390px;letter-spacing:-.02em}
.oa-head-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:27px}
.oa-head-actions>.oa-button{min-width:155px}
.oa-service-carousel{overflow:hidden}
.oa-service-track{display:flex;direction:ltr;transition:transform .9s var(--oa-ease)}
.oa-service-slide{display:grid;grid-template-columns:1fr 1fr;flex:0 0 100%;min-width:0;gap:64px;direction:ltr;align-items:center}
.oa-service-image{display:block;position:relative;aspect-ratio:1.72;overflow:hidden;border-radius:18px;clip-path:polygon(0 0,100% 0,100% 84%,79% 84%,76% 100%,0 100%);isolation:isolate;background:#0c2546}
.oa-service-image:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#02060dd1)}
.oa-service-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--oa-ease)}
.oa-service-image:hover img{transform:scale(1.055)}
.oa-service-image>span{position:absolute;bottom:27px;inset-inline-start:25px;color:white;font-size:24px;font-weight:500;z-index:1;line-height:1.2;max-width:70%}
.oa-service-copy{padding-block:8px}
.oa-service-icon{display:grid;place-items:center;width:57px;height:57px;border-radius:50%;background:#fff;border:1px solid #e9e9e9;margin-bottom:20px;color:#d55400}
.oa-service-icon svg{width:27px;height:27px}
.oa-service-kicker{font-size:14px;line-height:1.5;color:#828282;margin-bottom:19px!important}
.oa-service-copy h3{font-size:clamp(31px,3.5vw,50px);line-height:1.15;letter-spacing:-.04em;font-weight:400;margin-bottom:25px}
.oa-service-copy>p:not(.oa-service-kicker){font-size:16px;line-height:1.65;color:#38383c;max-width:550px}
.oa-service-copy .oa-text-link{margin-top:26px}
.oa-service-progress{margin-top:50px;height:1px;background:#dfdfe1;position:relative;overflow:hidden}
.oa-service-progress>span{position:absolute;inset:0 auto 0 0;width:25%;background:var(--oa-orange);transition:transform .9s var(--oa-ease)}

/* An editorial company section: asymmetric image and solid colour panels. */
.oa-about{padding-block:130px 100px;display:grid;grid-template-columns:.5fr 1fr;gap:26px}
.oa-about-pillars{display:grid;gap:24px;align-content:start}
.oa-pillar{border-radius:25px;padding:44px;min-height:222px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.oa-pillar>.oa-icon{width:45px;height:45px}
.oa-pillar h3{font-size:25px;line-height:1.35;letter-spacing:-.025em;font-weight:500}
.oa-pillar-navy{background:#0d2545;color:white}
.oa-pillar-grey{background:#e8e8e8;color:var(--oa-ink)}
.oa-pillar-grey>.oa-icon{color:#d45300}
.oa-pillar-orange{background:var(--oa-orange);color:white}
.oa-about-story{min-width:0}
.oa-story-photo{display:block;position:relative;height:355px;overflow:hidden;border-radius:25px}
.oa-story-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 45%;transition:transform 1s var(--oa-ease)}
.oa-story-photo:hover>img{transform:scale(1.035)}
.oa-story-tag{position:absolute;bottom:0;inset-inline-end:0;padding:13px 35px 8px;background:white;font-size:12px;line-height:1.5;border-start-start-radius:18px}
.oa-story-title{display:flex;align-items:center;justify-content:space-between;padding:27px 3px 18px;gap:30px}
.oa-story-title h2{font-size:44px;line-height:1.13;letter-spacing:-.04em;font-weight:600}
.oa-story-title>a{background:#f9f9f9;border-radius:50%;padding:15px;align-self:flex-end;transition:background .3s,color .3s}
.oa-story-title>a:hover{background:var(--oa-orange);color:white}
.oa-story-description{max-width:600px;color:#6b6b70;font-size:15px;line-height:1.75;margin-bottom:30px!important}
.oa-platform-card{min-height:215px;border:1px solid #e4e4e7;border-radius:23px;display:flex;justify-content:space-between;gap:15px;overflow:hidden;background:#fafafa;position:relative}
.oa-platform-card>div{padding:29px;z-index:2;min-width:58%}
.oa-platform-card .oa-eyebrow{color:#85858a;font-size:10px}
.oa-platform-card h3{font-size:28px;line-height:1.3;letter-spacing:-.03em;margin-top:8px}
.oa-platform-card p{font-size:13px;color:#6d6d72;margin-top:6px}
.oa-platform-card .oa-icon{margin-top:22px;color:#d45100;transition:transform .5s var(--oa-ease)}
.oa-platform-card:hover .oa-icon{transform:translate(3px,-3px)}
.oa-platform-card>img{width:38%;height:290px;object-fit:cover;object-position:top;border-radius:12px;transform:rotate(7deg) translate(5px,28px);box-shadow:0 5px 18px #0001;position:absolute;inset-inline-end:15px;top:0}
.oa-news{padding-block:70px 115px;overflow:hidden}
.oa-news .oa-tag{background:#f6f6f6}
.oa-news-carousel{display:flex;gap:28px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;direction:ltr;padding-bottom:6px}
.oa-news-carousel::-webkit-scrollbar,.oa-case-carousel::-webkit-scrollbar{display:none}
.oa-news-card{flex:0 0 calc((100% - 56px)/3);min-width:0;scroll-snap-align:start;direction:ltr}
.oa-news-card>a{display:block}
.oa-news-image{position:relative;aspect-ratio:1.55;border-radius:18px;overflow:hidden;background:#e9e9e9;clip-path:polygon(0 0,65% 0,69% 8%,100% 8%,100% 100%,0 100%)}
.oa-news-image>img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--oa-ease)}
.oa-news-card:hover .oa-news-image>img{transform:scale(1.055)}
.oa-news-image>span{position:absolute;inset:0 0 auto auto;padding:5px 11px;background:white;color:#717177;font-size:9px;line-height:1.4;max-width:32%;text-align:right}
.oa-news-copy{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;margin-top:23px}
.oa-news-copy h3{font-size:19px;line-height:1.45;letter-spacing:-.025em;font-weight:500;max-width:350px}
.oa-news-arrow{background:#f6f6f6;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;flex:none;transition:background .3s,color .3s}
.oa-news-arrow>svg{width:16px;height:16px}
.oa-news-card:hover .oa-news-arrow{background:var(--oa-orange);color:white}
.oa-news-read{display:inline-flex;align-items:center;gap:12px;color:#ba4b05;font-size:12px;margin-top:20px}
.oa-news-read .oa-icon{width:17px;height:17px}
.oa-cases{padding-block:90px 100px;overflow:hidden}
.oa-case-carousel{display:flex;gap:27px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;direction:ltr;padding-bottom:3px}
.oa-case-card{flex:0 0 calc((100% - 27px)/2);min-width:0;scroll-snap-align:start;direction:ltr}
.oa-case-image{border-radius:23px;aspect-ratio:1.5;overflow:hidden;position:relative;background:#e5e5e5}
.oa-case-image>img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--oa-ease)}
.oa-case-go{position:absolute;inset-inline-end:18px;bottom:18px;background:white;color:var(--oa-ink);width:43px;height:43px;display:grid;place-items:center;border-radius:50%;transition:background .3s,color .3s}
.oa-case-go>svg{width:19px;height:19px}
.oa-case-card:hover .oa-case-go{background:var(--oa-orange);color:white}
.oa-case-copy{padding:22px 3px 0}
.oa-case-copy>span{font-size:11px;color:#78787b;text-transform:uppercase;letter-spacing:.03em}
.oa-case-copy h3{font-size:25px;line-height:1.3;letter-spacing:-.025em;margin-top:10px;font-weight:500}
.oa-home .oa-seo-section{margin:0;max-width:none;border:0;background:white;padding:95px var(--oa-gutter);color:var(--oa-ink)}
.oa-home .oa-seo-section>.container,.oa-home .oa-seo-section>div{max-width:var(--oa-width);margin-inline:auto}
.oa-home .oa-seo-section h2{font-size:34px;font-weight:500;letter-spacing:-.03em;line-height:1.25;margin-bottom:25px}
.oa-home .oa-seo-section h3{font-size:20px;letter-spacing:-.02em}
.oa-home .oa-seo-section p{font-size:14px;color:#6c6c72;line-height:1.8}
.oa-home .oa-seo-section .seo-detail-grid{gap:50px}
.oa-home .oa-seo-section .seo-faq{margin-top:45px;max-width:1000px}
.oa-home .oa-seo-section details{border:0;border-bottom:1px solid #e4e4e7;border-radius:0;background:transparent;padding:18px 0}
.oa-home .oa-seo-section summary{font-size:15px;font-weight:500;padding:0;cursor:pointer}
.oa-home .oa-seo-section details p{padding-top:15px}

/* A calm, substantial final section, with profile downloads kept in reach. */
.oa-footer{background:var(--oa-navy);color:white;border-radius:30px 30px 0 0;overflow:hidden;padding-block:85px 25px}
.oa-footer-top{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;padding-bottom:70px}
.oa-footer-top h2{font-size:clamp(48px,5vw,76px);font-weight:500;letter-spacing:-.04em;line-height:1.12}
.oa-footer-action{padding-bottom:10px}
.oa-footer-services{display:grid;grid-template-columns:1fr 3fr;gap:40px;border-block:1px solid #ffffff24;padding-block:32px;align-items:center}
.oa-footer-services>span{font-size:12px;color:#a4aabb}
.oa-footer-services>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px 28px;font-size:14px;font-weight:400}
.oa-footer a{transition:color .3s}
.oa-footer a:hover{color:#ff9d5d}
.oa-footer-middle{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:center;padding-block:55px}
.oa-footer-logo{display:block;width:215px}
.oa-footer-logo img{width:100%;height:auto}
.oa-footer-middle>p{font-size:13px;line-height:1.9;color:#9ba3b9}
.oa-footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:7px;font-size:13px}
.oa-footer-contact>span{color:#9ba3b9;font-size:12px}
.oa-footer-links{display:flex;justify-content:space-between;gap:30px;padding-block:0 40px;align-items:center;font-size:11px}
.oa-footer-links>div{display:flex;flex-wrap:wrap;gap:24px}
.oa-profiles{align-items:center}
.oa-profiles>span{color:#9ba3b9}
.oa-profiles>a{display:flex;align-items:center;gap:7px}
.oa-profiles svg{height:13px;width:13px}
.oa-footer-bottom{display:flex;align-items:center;gap:30px;border-top:1px solid #ffffff24;padding-top:25px;font-size:10px;color:#a5aec6}
.oa-socials{display:flex;gap:12px;margin-inline-start:auto}
.oa-socials>a{width:28px;height:28px;border:1px solid #a5aec6;border-radius:50%;display:grid;place-items:center;color:#d2d6e1;font-size:13px;line-height:1;font-weight:600}
.oa-socials svg{width:14px;height:14px}
.oa-socials>a:hover{background:var(--oa-orange);color:white;border-color:var(--oa-orange)}
.oa-to-top{position:fixed;bottom:25px;inset-inline-end:22px;z-index:50;display:grid;place-items:center;width:43px;height:43px;background:var(--oa-navy);color:white;border:1px solid #ffffff35;border-radius:50%;box-shadow:0 4px 15px #0002;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s,visibility .3s,transform .5s var(--oa-ease),background .3s}
.oa-to-top.is-visible{visibility:visible;opacity:1;transform:translateY(0)}
.oa-to-top:hover{background:var(--oa-orange)}
.oa-to-top>.oa-icon{width:18px;height:18px;transform:rotate(-45deg)}

/* Motion is progressive: the site remains readable before and without JavaScript. */
.oa-motion .oa-reveal{opacity:0;transform:translateY(55px);transition:opacity 1s var(--oa-ease),transform 1.15s var(--oa-ease);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
.oa-motion .oa-reveal.is-visible{opacity:1;transform:translateY(0)}
.oa-page [data-reveal],.oa-page .enter-up,.oa-page .enter-open,.oa-page .enter-mask,.oa-page .enter-mask>span{opacity:1;visibility:visible;transform:none;clip-path:none}

/* Inner pages retain every published route and text; the design system is shared. */
.oa-inner #main-content{padding-top:125px}
.oa-inner .oa-header{background:var(--oa-navy)}
.oa-inner .container{max-width:calc(var(--oa-width) + 2*var(--oa-gutter));padding-inline:var(--oa-gutter);width:100%}
.oa-inner .sv-hero,.oa-inner .svd-hero,.oa-inner .cs-hero,.oa-inner .ins-hero,.oa-inner .page-hero,.oa-inner .pd-hero,.oa-inner .about-hero,.oa-inner .contact__head{padding-top:55px;padding-bottom:45px}
.oa-inner h1,.oa-inner .display-1{font-weight:600;letter-spacing:-.045em;line-height:1.12}
.oa-inner h2,.oa-inner .display-2{font-weight:500;letter-spacing:-.035em;line-height:1.2}
.oa-inner h3{letter-spacing:-.025em;font-weight:500}
.oa-inner .btn{border-radius:40px;font-size:12px;font-weight:500;padding:17px 26px;line-height:1.5;text-transform:uppercase;transition:background .3s,color .3s,transform .4s var(--oa-ease)}
.oa-inner .btn:hover{transform:translateY(-3px)}
.oa-inner .btn--primary{background:var(--oa-orange);color:white;border-color:var(--oa-orange)}
.oa-inner .btn--primary:hover{background:var(--oa-navy);border-color:var(--oa-navy)}
.oa-inner .link-arrow{font-weight:500;color:#c04d00}
.oa-inner .sv-row__media,.oa-inner .svd-hero__visual,.oa-inner .proj__media,.oa-inner .ins-card__media{border-radius:20px;overflow:hidden}
.oa-inner .sv-row{padding-block:65px;border-color:#e4e4e7}
.oa-inner .sv-row__title{font-size:clamp(32px,3.5vw,53px);font-weight:500;letter-spacing:-.04em}
.oa-inner .sv-row__n{display:none}
.oa-inner .svd-hero__title{font-weight:600;max-width:19ch}
.oa-inner .svd-hero__visual{margin-top:45px}
.oa-inner .proj__link{border:0;border-radius:20px;background:#f6f6f6}
.oa-inner .proj__body{padding:24px}
.oa-inner .proj__name{font-weight:500}
.oa-inner .values__card,.oa-inner .value,.oa-inner .cap,.oa-inner .svd-cap{border-radius:20px}
.oa-inner .post__head{padding-top:45px}
.oa-inner .post__body{max-width:900px}
.oa-inner .post__body p{line-height:1.9;font-size:16px}
.oa-inner .contact__map,.oa-inner .contact__photo{border-radius:23px;overflow:hidden}
.oa-inner .contact__map{min-height:420px}
.oa-inner .contact__photo img{object-fit:cover;aspect-ratio:1.7}
.oa-inner .filter-pills button,.oa-inner .ins-tab{border-radius:30px}
.oa-inner .cs-filter{border-radius:40px;font-size:12px;padding:10px 20px}
.oa-inner .values__btn{border-radius:50%;background:var(--oa-navy);color:white;border-color:var(--oa-navy)}
.oa-inner .values__btn:focus-visible{outline:2px solid white;outline-offset:-4px}
.oa-inner .values__nav{flex:none}
.oa-inner .values__nav .oa-feature-pause{width:3rem;height:2.75rem}
.oa-inner .values__viewport{overflow:hidden;margin-inline:0;padding-inline:0}
@media(max-width:480px){.oa-inner .values__head{gap:12px}.oa-inner .values__nav .values__btn{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.oa-inner .values__nav .oa-feature-pause{display:none}}
.oa-all-articles{padding-block:55px 100px}
.oa-all-articles>h2{font-size:40px;line-height:1.2;letter-spacing:-.04em;margin-bottom:40px}
.oa-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 28px}
.oa-article-grid .oa-news-card{width:100%}
@media(max-width:1000px){.oa-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.oa-article-grid{grid-template-columns:1fr;gap:35px}.oa-all-articles{padding-block:35px 65px}.oa-all-articles>h2{font-size:30px;margin-bottom:30px}}
.oa-inner .is-active{--orange:var(--oa-orange)}
.oa-inner .seo-details{border-radius:0;box-shadow:none}
html[dir=rtl] .oa-feature-slide,html[dir=rtl] .oa-service-slide,html[dir=rtl] .oa-news-card,html[dir=rtl] .oa-case-card{direction:rtl}
html[dir=rtl] .oa-feature-copy{padding:65px 55px 65px 0}

/* Share the type scale, with room for Arabic ascenders and descenders. */
html:lang(ar) .oa-hero h1{font-weight:650;line-height:1.25}
html:lang(ar) :is(.oa-section-head h2,.oa-client-intro h2,.oa-feature-copy h2,.oa-service-copy h3,.oa-story-title h2,.oa-footer-top h2){line-height:1.3}
html:lang(ar) .oa-inner :is(h1,h2,.display-1,.display-2){line-height:1.3}
html:lang(ar) :is(.oa-nav-link,.oa-eyebrow,.oa-button,.oa-case-copy>span,.oa-inner .btn){text-transform:none}
html:lang(ar) .oa-inner .btn{font-weight:500}

@media(min-width:1600px){.oa-hero-content{padding-bottom:170px}.oa-feature-section{max-width:1520px}.oa-feature-slide{min-height:410px}.oa-feature-visual{min-height:410px}.oa-phone{width:195px}.oa-feature-copy h2{font-size:47px}.oa-feature-copy{padding-inline-start:65px}.oa-feature-controls{inset-inline-start:65px}}
@media(max-width:1190px){.oa-header-inner{gap:22px;padding-inline:30px}.oa-logo{width:145px}.oa-desktop-nav{padding-inline:10px;gap:1px}.oa-nav-link{font-size:10px;padding:13px 11px}.oa-service-slide{gap:35px}.oa-pillar{padding:32px}.oa-pillar h3{font-size:23px}.oa-section-head{gap:35px}.oa-feature-copy{padding-inline-start:40px}.oa-feature-controls{inset-inline-start:40px}}
@media(max-width:1000px){
 .oa-desktop-nav{display:none}.oa-header{padding-block:20px}.oa-header-inner{padding-inline:30px}.oa-logo{width:146px}.oa-mobile-actions{display:flex;align-items:center;gap:20px}.oa-mobile-actions .oa-language{border:0;color:#ffffffe0}.oa-menu-toggle{width:46px;height:46px;border:1px solid #ffffff1a;background:#0e2039bf;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:white}.oa-menu-toggle span{display:block;width:16px;height:1px;background:currentColor;transition:transform .4s var(--oa-ease),width .4s}.oa-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.oa-menu-toggle[aria-expanded=true] span+span{transform:translateY(-3.5px) rotate(-45deg)}
 .oa-mobile-nav{display:flex;position:fixed;inset:0;z-index:90;padding:120px var(--oa-gutter) 40px;background:var(--oa-navy);flex-direction:column;justify-content:space-between;transform:translateY(-105%);visibility:hidden;transition:transform .7s var(--oa-ease),visibility .7s;overflow:auto;color:white}.oa-mobile-nav.is-open{transform:translateY(0);visibility:visible}.oa-mobile-links{display:grid;gap:0}.oa-mobile-links>a{padding:14px 0;border-bottom:1px solid #ffffff18;font-size:29px;letter-spacing:-.035em;display:flex;justify-content:space-between;align-items:center;font-weight:400}.oa-mobile-links svg{width:23px;height:23px;color:#a0acbf}.oa-mobile-contact{display:grid;gap:10px;margin-top:45px;color:#a7afc3;font-size:13px;justify-items:start}.oa-mobile-contact>a:last-child{display:flex;align-items:center;gap:14px;color:white;margin-top:15px}.oa-mobile-contact svg{width:17px;height:17px}
 .oa-hero{min-height:780px}.oa-hero h1{font-size:62px}.oa-hero-second{font-size:.66em}.oa-hero-content{padding-inline:35px}.oa-feature-slide{grid-template-columns:.9fr 1.1fr}.oa-feature-copy h2{font-size:34px}.oa-feature-copy p{font-size:13px}.oa-clients{gap:40px}.oa-client-intro h2{font-size:33px}.oa-clients{padding-block:90px}.oa-client-logos{gap:20px}.oa-section-head h2{font-size:42px}.oa-section-aside>p{font-size:15px}.oa-service-copy h3{font-size:34px}.oa-service-kicker{font-size:12px}.oa-service-copy>p:not(.oa-service-kicker){font-size:14px}.oa-pillar{padding:28px;min-height:205px}.oa-pillar h3{font-size:20px}.oa-story-photo{height:310px}.oa-story-title h2{font-size:37px}.oa-about{padding-block:100px 65px}.oa-news-card{flex-basis:calc((100% - 28px)/2)}.oa-news-copy h3{font-size:18px}.oa-footer-middle{gap:30px}.oa-footer-links{align-items:flex-start}.oa-footer-links>div{gap:14px 20px}.oa-footer-top h2{font-size:62px}
}
@media(max-width:700px){
 :root{--oa-gutter:22px}
 html{scroll-padding-top:90px}
 body.oa-page{font-size:14px}
 .oa-header{padding-block:18px}.oa-header-inner{padding-inline:22px;gap:10px}.oa-logo{width:130px}.oa-mobile-actions{gap:11px}.oa-menu-toggle{width:43px;height:43px}.oa-header.is-scrolled{padding-block:12px}.oa-mobile-actions .oa-language{font-size:11px}
 .oa-hero{height:90svh;min-height:655px;max-height:860px}.oa-hero-content{padding:130px 24px 125px;width:100%}.oa-hero h1{font-size:clamp(34px,8.2vw,51px);line-height:1.18;letter-spacing:-.045em}.oa-hero-second{font-size:.64em;letter-spacing:-.02em;line-height:1.4;margin-top:15px}.oa-hero-intro{font-size:12px;line-height:1.95;max-width:345px;margin-block:24px 28px!important}.oa-hero-cta .oa-button{min-height:49px;min-width:190px;font-size:11px;padding:16px 24px}.oa-hero-scene{inset:-5% -55%}.oa-hero-scene>img{object-position:54% center;opacity:.55}.oa-hero-shade{background:radial-gradient(ellipse at 50% 0%,#155ddd87 0,transparent 55%),linear-gradient(180deg,#07132eab,#02050c7a 65%,#02050c)}.oa-scroll-cue{bottom:100px;font-size:8px;right:18px;gap:7px}.oa-scroll-cue>span{height:30px}
 .oa-feature-section{margin-top:-62px;padding-inline:22px}.oa-feature-shell{clip-path:polygon(0 3%,15% 3%,19% 0,65% 0,69% 3%,100% 3%,100% 100%,0 100%);border-radius:18px}.oa-feature-slide{display:flex;flex-direction:column;min-height:460px;max-height:none}.oa-feature-copy{display:flex;flex-direction:column;align-items:flex-start;padding:36px 25px 25px!important;align-self:stretch;min-height:260px;flex:none}.oa-feature-copy .oa-eyebrow{font-size:9px;margin-bottom:9px}.oa-feature-copy h2{font-size:31px;line-height:1.15}.oa-feature-copy p{font-size:12px;max-width:260px;line-height:1.65;margin-top:12px}.oa-feature-copy .oa-text-link{font-size:11px;margin-top:auto;padding-top:14px;gap:8px}.oa-feature-copy .oa-text-link>svg{width:16px;height:16px}
 .oa-feature-visual{min-height:275px;flex:1;padding:clamp(14px,4vw,21px)}
 .oa-feature-photo-websites{object-position:22% center}
 .oa-feature-screen{width:min(100%,clamp(212px,61vw,306px))}
 .oa-feature-screen>img{border-radius:7px}
 .oa-feature-controls{position:relative;inset:auto;justify-content:flex-end;min-height:44px;padding-inline:18px;gap:6px}
 .oa-feature-pause{width:36px;height:36px}
 .oa-feature-controls .oa-dots{gap:0}
 .oa-feature-controls .oa-dots button{display:grid;place-items:center;width:28px;height:36px;padding:0;background:none}
 .oa-feature-controls .oa-dots button::after{content:"";position:static;width:5px;height:5px;border-radius:8px;background:#ffffff65;transition:width .25s,background-color .25s}
 .oa-feature-controls .oa-dots button[aria-current=true]::after{width:17px;background:#fff}
 .oa-clients{display:flex;flex-direction:column;gap:34px;padding-block:72px 65px;text-align:center}.oa-client-intro .oa-tag{margin-bottom:17px}.oa-tag{font-size:11px;padding:7px 17px;margin-bottom:18px}.oa-client-intro h2{font-size:31px;line-height:1.2;letter-spacing:-.04em}.oa-client-intro p{font-size:12px;max-width:280px;margin:17px auto!important}.oa-client-intro>.oa-text-link{font-size:12px}.oa-client-logos{grid-template-columns:repeat(3,1fr);gap:9px 17px;width:100%}.oa-client{height:67px}.oa-client img{max-height:59px;max-width:110px}
 .oa-services{padding-block:58px 55px}.oa-grid-surface{background-size:70px 70px}.oa-section-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;margin-bottom:41px}.oa-section-head h2{font-size:32px;line-height:1.2;letter-spacing:-.045em}.oa-section-aside{width:100%;padding:0}.oa-section-aside>p{font-size:12px;line-height:1.6;max-width:295px;margin:auto}.oa-head-actions{justify-content:center;gap:12px;flex-direction:column;margin-top:19px}.oa-button{min-height:46px;font-size:10px;padding:14px 23px;gap:26px}.oa-button>.oa-icon{width:16px;height:16px}.oa-head-actions>.oa-button{min-width:135px}.oa-controls{padding:0 6px}.oa-controls button{width:36px;height:29px}.oa-controls svg{width:17px;height:17px}
 .oa-service-slide{display:flex;flex-direction:column;gap:27px;align-items:stretch}.oa-service-image{width:100%;aspect-ratio:1.7;border-radius:14px;clip-path:polygon(0 0,100% 0,100% 82%,79% 82%,76% 100%,0 100%)}.oa-service-image>span{font-size:18px;bottom:21px;inset-inline-start:18px;max-width:70%}.oa-service-copy{padding:0 3px;min-height:287px}.oa-service-icon{width:43px;height:43px;margin-bottom:19px}.oa-service-icon>.oa-icon{width:21px;height:21px}.oa-service-kicker{font-size:11px;margin-bottom:13px!important}.oa-service-copy h3{font-size:32px;line-height:1.15;margin-bottom:18px;max-width:330px;font-weight:400}.oa-service-copy>p:not(.oa-service-kicker){font-size:12px;line-height:1.75;max-width:340px}.oa-service-copy .oa-text-link{font-size:12px;margin-top:20px}.oa-service-progress{margin-top:20px}
 .oa-about{display:flex;flex-direction:column;gap:30px;padding-block:64px 50px}.oa-about-pillars{gap:16px}.oa-pillar{min-height:167px;padding:27px;border-radius:20px;gap:23px}.oa-pillar>.oa-icon{width:35px;height:35px}.oa-pillar h3{font-size:21px;line-height:1.3;font-weight:500;letter-spacing:-.03em}.oa-story-photo{height:235px;border-radius:19px}.oa-story-tag{font-size:10px;padding:11px 25px 6px;border-start-start-radius:15px}.oa-story-title{padding-block:22px 15px}.oa-story-title h2{font-size:33px;line-height:1.15}.oa-story-title>a{padding:11px}.oa-story-title>a>.oa-icon{width:19px;height:19px}.oa-story-description{font-size:12px;line-height:1.8;margin-bottom:23px!important}.oa-platform-card{min-height:194px;border-radius:18px}.oa-platform-card>div{padding:24px;min-width:58%}.oa-platform-card .oa-eyebrow{font-size:9px}.oa-platform-card h3{font-size:23px;margin-top:10px;max-width:180px}.oa-platform-card p{font-size:10px;max-width:160px;line-height:1.7}.oa-platform-card>img{width:38%;height:240px;inset-inline-end:7px;transform:rotate(7deg) translate(5px,33px)}.oa-platform-card .oa-icon{width:18px;height:18px;margin-top:14px}
 .oa-news{padding-block:20px 65px}.oa-news-carousel{gap:18px;overflow-x:auto;touch-action:pan-x pan-y}.oa-news-card{flex-basis:100%}.oa-news-image{border-radius:15px;aspect-ratio:1.65}.oa-news-image>span{font-size:9px;padding-top:3px}.oa-news-copy{margin-top:18px;gap:20px}.oa-news-copy h3{font-size:18px;line-height:1.4;max-width:270px}.oa-news-arrow{width:30px;height:30px}.oa-news-arrow>.oa-icon{width:14px;height:14px}.oa-news-read{font-size:11px;margin-top:16px;gap:9px}.oa-news-read>.oa-icon{width:15px;height:15px}.oa-news .oa-section-head{margin-bottom:35px}
 .oa-home .oa-seo-section{padding:58px var(--oa-gutter)}.oa-home .oa-seo-section h2{font-size:27px;margin-bottom:22px}.oa-home .oa-seo-section h3{font-size:18px;margin-top:0}.oa-home .oa-seo-section p{font-size:12px;line-height:1.85}.oa-home .oa-seo-section .seo-detail-grid{gap:25px}.oa-home .oa-seo-section summary{font-size:13px;line-height:1.7}.oa-home .oa-seo-section .seo-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
 .oa-footer{border-radius:22px 22px 0 0;padding-block:55px 25px}.oa-footer-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px;padding-bottom:45px}.oa-footer-top h2{font-size:44px;line-height:1.13;letter-spacing:-.04em}.oa-footer-action{padding:0}.oa-footer-action>.oa-button{min-width:180px}.oa-footer-services{display:flex;flex-direction:column;gap:19px;align-items:center;padding-block:28px}.oa-footer-services>span{font-size:11px}.oa-footer-services>div{display:grid;grid-template-columns:1fr;text-align:center;gap:14px;font-size:13px}.oa-footer-middle{display:flex;flex-direction:column;gap:24px;padding-block:38px;text-align:center}.oa-footer-logo{width:185px}.oa-footer-middle>p{font-size:11px;line-height:1.9}.oa-footer-contact{align-items:center;font-size:12px;gap:6px}.oa-footer-contact>span{font-size:11px}.oa-footer-links{flex-direction:column;align-items:center;gap:30px;padding-bottom:32px}.oa-footer-links>div{gap:15px 20px;justify-content:center;font-size:10px}.oa-profiles{display:grid!important;grid-template-columns:1fr 1fr;gap:14px!important;text-align:center}.oa-profiles>span{grid-column:1/-1}.oa-profiles>a{justify-content:center}.oa-footer-bottom{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;font-size:9px;line-height:1.6;padding-top:25px}.oa-socials{width:100%;justify-content:center;margin:7px 0 0;gap:14px}.oa-to-top{height:36px;width:36px;bottom:16px;inset-inline-end:14px}.oa-to-top>.oa-icon{height:15px;width:15px}
 .oa-inner #main-content{padding-top:100px}.oa-inner .sv-hero,.oa-inner .svd-hero,.oa-inner .cs-hero,.oa-inner .ins-hero,.oa-inner .page-hero,.oa-inner .pd-hero,.oa-inner .about-hero,.oa-inner .contact__head{padding-top:32px;padding-bottom:28px}.oa-inner h1,.oa-inner .display-1,.oa-inner .svd-hero__title{font-size:38px;letter-spacing:-.04em;line-height:1.15}.oa-inner .sv-hero__title{font-size:46px}.oa-inner .sv-hero__statement,.oa-inner .svd-hero__statement{font-size:19px;line-height:1.5}.oa-inner .sv-hero__copy,.oa-inner .svd-hero__aside>p{font-size:14px;line-height:1.8}.oa-inner .sv-row{padding-block:35px}.oa-inner .sv-row__title{font-size:30px}.oa-inner .sv-row__body{gap:15px}.oa-inner .svd-hero__visual{margin-top:27px}.oa-inner .post__head{padding-top:28px}.oa-inner .post__body p{font-size:14px}.oa-inner .btn{font-size:10px;padding:15px 22px}.oa-inner .contact__map{min-height:280px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.oa-page *, .oa-page *:before,.oa-page *:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.oa-motion .oa-reveal{opacity:1!important;transform:none!important}.oa-scroll-lift,.oa-hero-scene,.oa-hero-content{transform:none!important}.oa-scroll-cue{display:none}.oa-feature-track,.oa-service-track{transition:none}}

/* Project directory and case studies */
.oa-sector {
  display:flex;
  align-items:center;
  gap:12px;
  min-height:76px;
  padding:14px 16px;
  background:#f3f5f8;
  border:1px solid #e8edf2;
  border-radius:12px;
  color:var(--oa-navy);
  font-size:14px;
  font-weight:600;
}
.oa-sector .oa-icon {
  flex:none;
  width:23px;
  height:23px;
  color:#3e536e;
}
.oa-feature-visual-assistant {
  padding:0;
  background:#d1dde9;
}
.oa-feature-visual-assistant .oa-feature-screen {
  max-width:none;
}
.oa-feature-visual-assistant .oa-feature-screen img {
  border:0;
  border-radius:0;
  box-shadow:none;
}

.work-page {
  --work-muted:#4e5f72;
  --work-line:#e1e7ee;
  --work-navy:#182941;
  color:var(--work-navy);
}
.work-hero {
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:center;
  gap:clamp(28px,5vw,86px);
  padding-block:clamp(34px,6vw,92px);
}
.work-page .work-hero h1,.work-page .work-index-intro h1 {
  font-size:clamp(43px,5.2vw,77px);
  line-height:1.04;
  letter-spacing:-.048em;
  margin:0;
}
.work-hero-copy>p:not(.work-kicker),.work-index-intro>p:not(.work-kicker) {
  font-size:clamp(16px,1.5vw,20px);
  line-height:1.65;
  max-width:39rem;
  color:var(--work-muted);
  margin-top:20px;
}
.work-kicker {
  font-size:13px;
  line-height:1.55;
  font-weight:650;
  color:#405e7b;
  margin:0 0 14px;
}
.work-hero .oa-button {
  margin-top:27px;
  text-transform:none;
  font-size:14px;
  letter-spacing:0;
  padding:12px 20px;
}
.work-hero .oa-button .oa-icon,.work-link .oa-icon {
  width:18px;
  height:18px;
  flex:none;
}
.work-hero-art {
  position:relative;
  overflow:hidden;
  border:1px solid var(--work-line);
  border-radius:16px;
  margin:0;
}
.work-hero-art img {
  width:100%;
  height:auto;
  display:block;
}
.work-hero-art figcaption,.work-card-art figcaption {
  position:absolute;
  inset-block-end:10px;
  inset-inline-start:10px;
  padding:4px 8px;
  border-radius:4px;
  background:#fff;
  color:#304459;
  font-size:11px;
  line-height:1.4;
  font-weight:550;
}
.work-section {
  padding-block:clamp(38px,6vw,85px);
  border-top:1px solid var(--work-line);
}
.work-heading {
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:flex-end;
  margin-bottom:32px;
}
.work-heading h2,.work-owned h2 {
  margin:0;
  font-size:clamp(31px,4vw,52px);
  line-height:1.15;
}
.work-heading p {
  font-size:15px;
  line-height:1.65;
  color:var(--work-muted);
  max-width:32rem;
  margin:0;
}
.work-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(17px,2vw,30px);
}
.work-section[data-group="websites"] .work-grid,
.work-grid-pair {
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.service-delivery-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(17px,2vw,30px);
}
.service-delivery-grid article {
  border-block-start:1px solid var(--work-line);
  padding-block-start:18px;
}
.service-delivery-grid h3 {
  margin:0 0 8px;
  font-size:clamp(20px,2vw,26px);
}
.service-delivery-grid p {
  margin:0;
  color:var(--work-muted);
  line-height:1.65;
}
.work-card {
  min-width:0;
}
.work-card>a {
  display:flex;
  flex-direction:column;
  height:100%;
  border:1px solid var(--work-line);
  background:#fff;
  color:inherit;
  border-radius:13px;
  overflow:hidden;
  text-decoration:none;
  transition:border-color .22s,box-shadow .22s;
}
.work-card>a:hover {
  border-color:#a5b7ca;
  box-shadow:0 10px 28px #1528400f;
}
.work-card-art {
  position:relative;
  background:#e6edf4;
  margin:0;
  overflow:hidden;
}
.work-card-art img {
  width:100%;
  height:auto;
  display:block;
  transition:transform .5s var(--oa-ease);
}
.work-card>a:hover .work-card-art img {
  transform:scale(1.025);
}
.work-card-copy {
  flex:1;
  display:flex;
  flex-direction:column;
  padding:clamp(17px,2vw,29px);
}
.work-card-copy h3 {
  font-size:clamp(21px,2.2vw,31px);
  line-height:1.18;
  margin:0 0 10px;
}
.work-card-copy>p:not(.work-kicker) {
  font-size:15px;
  color:var(--work-muted);
  line-height:1.65;
  margin:0 0 20px;
}
.work-card-copy .work-kicker {
  font-size:12px;
  margin-bottom:8px;
}
.work-link,.work-back {
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#214e76;
  font-size:14px;
  font-weight:670;
  text-decoration:none;
}
.work-link:hover,.work-back:hover {
  text-decoration:underline;
  text-underline-offset:4px;
}
.work-card .work-link {
  margin-top:auto;
}
.work-owned {
  padding-block:5px clamp(42px,6vw,90px);
}
.work-owned-inner {
  display:grid;
  grid-template-columns:1fr minmax(250px,.75fr);
  align-items:center;
  border-radius:14px;
  overflow:hidden;
  background:#eff4f8;
}
.work-owned-inner>div {
  padding:clamp(20px,4vw,51px);
}
.work-owned-inner p:not(.work-kicker) {
  font-size:16px;
  color:var(--work-muted);
  line-height:1.65;
  margin:11px 0 19px;
  max-width:43ch;
}
.work-owned-inner h2[dir="ltr"] {
  text-align:start;
}
[dir="rtl"] .work-owned-inner h2[dir="ltr"] {
  text-align:right;
}
.work-owned-inner>img {
  width:100%;
  height:100%;
  max-height:360px;
  object-fit:cover;
}
.work-index-intro {
  padding-block:clamp(32px,6vw,90px) 45px;
}
.work-index-intro nav,.work-related {
  display:flex;
  flex-wrap:wrap;
  gap:15px 28px;
  margin-top:24px;
}
.work-back {
  margin-bottom:30px;
}
.work-detail {
  padding-bottom:clamp(28px,5vw,66px);
}
.work-story {
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:clamp(24px,7vw,100px);
  border-top:1px solid var(--work-line);
  padding-block:clamp(28px,5vw,65px);
}
.work-story h2 {
  font-size:clamp(24px,2.4vw,35px);
  margin:0 0 13px;
}
.work-story p {
  color:var(--work-muted);
  font-size:16px;
  line-height:1.7;
  margin:0 0 25px;
  max-width:65ch;
}
.work-story aside {
  border-radius:14px;
  background:#f1f5f8;
  padding:clamp(20px,3vw,36px);
  align-self:start;
}
.work-story aside ul {
  display:grid;
  gap:14px;
  list-style:none;
  padding:0;
  margin:18px 0 24px;
}
.work-story aside li {
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-size:15px;
  line-height:1.5;
}
.work-story aside li .oa-icon {
  width:19px;
  height:19px;
  color:#24547b;
  flex:none;
}
.work-story aside p {
  font-size:13px;
  margin-bottom:0;
}
.work-related {
  padding-bottom:clamp(32px,6vw,80px);
  margin-top:0;
}
[dir="rtl"] .work-page h1,[dir="rtl"] .work-page h2,[dir="rtl"] .work-page h3 {
  letter-spacing:0;
}
[dir="rtl"] .work-link .oa-icon,[dir="rtl"] .work-hero .oa-button .oa-icon {
  transform:scaleX(-1);
}
@media (max-width:900px){
.work-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.work-heading {
  flex-wrap:wrap;
  align-items:flex-start;
  gap:10px;
}
}
@media (max-width:760px){
.work-hero,.work-story {
  grid-template-columns:1fr;
}
.work-hero-art {
  max-width:620px;
}
.work-hero {
  padding-block:32px 38px;
}
.work-detail .work-back {
  margin-bottom:22px;
}
.work-owned-inner {
  grid-template-columns:1fr;
}
.work-owned-inner>img {
  max-height:300px;
}
}
@media (max-width:540px){
.work-grid,.work-section[data-group="websites"] .work-grid,.service-delivery-grid {
  grid-template-columns:1fr;
}
.oa-sector {
  font-size:12px;
  padding:10px;
  gap:7px;
  min-height:57px;
}
.oa-sector .oa-icon {
  width:18px;
  height:18px;
}
.oa-feature-visual-assistant .oa-feature-screen img {
  max-height:350px;
  object-fit:contain;
}
}
@media (prefers-reduced-motion:reduce){
.work-card>a,.work-card-art img {
  transition:none;
}
.work-card>a:hover .work-card-art img {
  transform:none;
}
}

.work-extra {
  padding-bottom:clamp(32px,6vw,65px);
}
.work-extra h2 {
  margin:0 0 18px;
  font-size:clamp(24px,2.4vw,35px);
}
.work-extra .work-hero-art {
  max-width:800px;
}
.oa-feature-slide {
  position:relative;
}
.oa-feature-copy {
  position:static;
}
.oa-feature-copy .oa-text-link::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
}
.oa-feature-controls {
  z-index:3;
}
.oa-case-image {
  aspect-ratio:1200/760;
}

@media (max-width: 700px) {
  .oa-feature-visual-assistant .oa-feature-screen {
    width: min(100%, 360px);
  }
}

.work-card-art {
  aspect-ratio: 1500 / 950;
  background: #e9edf2;
}

.work-card-art img {
  height: 100%;
  object-fit: contain;
}

.work-screen-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  align-items: start;
  gap: 24px;
  max-width: 890px;
}

.work-screen {
  display: grid;
  justify-items: center;
  gap: 11px;
  margin: 0;
  padding: 16px;
  border-radius: 10px;
  background: #eef2f6;
}

.work-screen img {
  width: 100%;
  max-width: 250px;
  height: auto;
  border: 1px solid #c0cad5;
  border-radius: 12px;
}

.work-screen figcaption {
  font-size: 14px;
  color: #344860;
}

@media (max-width: 580px) {
  .work-screen-grid {
    grid-auto-flow: column;
    grid-auto-columns: min(79%, 300px);
    grid-template-columns: none;
    gap: 14px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-block-end: 8px;
  }

  .work-screen {
    scroll-snap-align: start;
  }
}

@media (max-width: 580px) {
  .work-card-art-app {
    aspect-ratio: 1.2;
  }

  .work-card-art-app img {
    object-fit: cover;
  }
}

.work-card-art-native img {
  object-fit: contain;
}

.work-hero-art-native {
  width: min(100%, 360px);
  justify-self: center;
}

.work-native-gallery {
  grid-template-columns: repeat(2, minmax(0, 360px));
}

.work-native-gallery .work-screen {
  background: none;
  padding: 0;
}

.work-native-gallery .work-screen img {
  max-width: 360px;
}

@media (max-width: 580px) {
  .work-native-gallery {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-flow: row;
    justify-items: center;
    gap: 24px;
    overflow: visible;
    scroll-snap-type: none;
  }
}