:root{--bg:#080b0d;--surface:#101719;--surface2:#172124;--cream:#f1eee4;--muted:#a4aca8;--line:#f1eee424;--orange:#ff542d;--teal:#43c6b9;--mint:#b1e9d3;--font:"IBM Plex Sans Arabic","Segoe UI",sans-serif;--latin:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--cream);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:var(--orange);color:#fff}.site-shell{max-width:1920px;margin:auto;overflow:hidden}.site-header{border-bottom:1px solid var(--line);z-index:20;background:#080b0deb;justify-content:space-between;align-items:center;gap:24px;height:88px;padding:0 clamp(24px,5vw,88px);display:flex;position:relative}.brand{align-items:center;gap:11px;min-width:163px;display:inline-flex}.brand-mark{color:var(--cream);font:700 50px/.8 Georgia,serif;display:inline-block;transform:rotate(-8deg)}.brand-name{line-height:.95;display:grid}.brand-name strong{font:700 19px/1 var(--latin);letter-spacing:-.06em}.brand-name small{font:600 12px/1.4 var(--font)}.nav{align-items:center;gap:clamp(18px,2.7vw,48px);display:flex}.nav a{color:#d7dbd5;font-size:13px;transition:color .2s}.nav a:hover{color:var(--teal)}.header-actions{align-items:center;gap:12px;display:flex}.lang-button{color:var(--cream);font:600 12px var(--latin);letter-spacing:.08em;background:0 0;border:0;padding:12px}.lang-button span{color:var(--teal);font-size:14px}.button{white-space:nowrap;border:1px solid #0000;border-radius:100px;justify-content:space-between;align-items:center;gap:20px;font-weight:600;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-small{padding:11px 20px;font-size:12px}.button-outline{border-color:#6e7774}.button-outline:hover{border-color:var(--teal);background:#16352f}.button-primary{background:var(--orange);color:#10100f;padding:16px 18px 16px 25px;font-size:14px}.button-primary:hover{background:#ff7956}.button-arrow{background:#00000021;border-radius:50%;place-items:center;width:26px;height:26px;font-size:18px;display:grid}.menu-button{background:0 0;border:0;width:34px;height:34px;padding:8px;display:none}.menu-button span{background:var(--cream);height:1px;margin:6px 0;display:block}.hero{isolation:isolate;background:radial-gradient(circle at 84% 24%,#122e2d 0%,transparent 42%),var(--bg);grid-template-columns:1fr 48%;min-height:680px;padding:85px clamp(24px,5vw,88px) 95px;display:grid;position:relative}.hero-glow{filter:blur(22px);z-index:-1;background:radial-gradient(circle,#ff542d45,#0000 64%);border-radius:50%;width:800px;height:650px;position:absolute;bottom:-45%;left:-23%}.hero-copy{z-index:3;align-self:center;position:relative}.eyebrow,.overline{letter-spacing:.02em;color:var(--mint);align-items:center;gap:9px;font-size:12px;font-weight:600;display:flex}.eyebrow-dot{background:var(--teal);width:6px;height:6px;box-shadow:0 0 14px var(--teal);border-radius:50%}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:-.075em;margin:24px 0;font-size:clamp(58px,6.35vw,112px);font-weight:600;line-height:1.18}.hero h1 em,.section-heading-row h2 em,.statement h2 em,.about h2 em,.contact h2 em{color:var(--teal);font-style:normal}.hero-description{color:#bdc5bf;max-width:545px;font-size:17px;line-height:1.95}.hero-actions{align-items:center;gap:26px;margin-top:32px;display:flex}.text-link{align-items:center;gap:9px;font-size:13px;font-weight:600;display:inline-flex}.text-link span:last-child{color:var(--teal);font-size:18px}.hero-meta{color:#b0b9b2;gap:23px;margin-top:68px;font-size:11px;display:flex}.hero-meta b{color:var(--orange)}.hero-visual{align-self:center;place-items:center;min-height:510px;display:grid;position:relative}.visual-halo{aspect-ratio:1;filter:blur(46px);opacity:.7;background:conic-gradient(from 40deg,#43c6b9ad,#06263424,#ff542dab,#fa9e5833,#43c6b9ad);border-radius:50%;width:84%;animation:16s linear infinite halo;position:absolute}.orb{filter:blur(2px);border-radius:50%;position:absolute}.orb-one{opacity:.8;background:radial-gradient(circle at 25% 30%,#eaffdf,#2b9f9c 45%,#0000 72%);width:200px;height:200px;top:0;left:7%}.orb-two{opacity:.8;background:radial-gradient(circle at 30% 30%,#ffb99b,#eb522d 45%,#0000 72%);width:270px;height:270px;bottom:-15px;right:0}.hero-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#0a1112d4,#070d0fed);border:1px solid #ffffff6b;border-radius:20px;flex-direction:column;justify-content:space-between;width:min(92%,520px);height:485px;display:flex;position:relative;overflow:hidden;transform:rotate(-5deg);box-shadow:0 45px 100px #00000075,inset 0 0 90px #1c6d671f}.hero-panel:before{content:"";border:1px solid #ffffff1a;border-radius:11px;position:absolute;inset:14px}.hero-panel:after{content:"";border:1px solid #43c6b942;border-radius:50%;width:430px;height:430px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 40px #43c6b90f,0 0 0 80px #43c6b909}.panel-top,.panel-bottom{z-index:2;font:600 10px var(--latin);letter-spacing:.12em;color:#bdc8be;justify-content:space-between;gap:10px;padding:31px;display:flex;position:relative}.panel-center{text-align:center;z-index:2;flex-direction:column;align-items:center;display:flex}.panel-symbol{color:var(--cream);text-shadow:10px 15px #ff542d24;font:700 180px/.8 Georgia,serif;transform:rotate(5deg)}.panel-caption{margin-top:12px;font-size:17px;line-height:1.7}.panel-bottom{border-top:1px solid #ffffff21;margin:0 28px;padding:23px 3px}.float-chip{z-index:4;white-space:nowrap;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);font:700 10px var(--latin);letter-spacing:.1em;background:#0d1617d9;border:1px solid #ffffff4d;border-radius:50px;padding:11px 16px;position:absolute;box-shadow:0 17px 45px #00000047}.chip-one{color:var(--cream);top:14%;right:-2%}.chip-one:first-letter{color:var(--orange)}.chip-two{align-items:center;gap:9px;display:flex;bottom:10%;left:0}.chip-pulse{background:var(--teal);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #43c6b924}.scroll-cue{color:#929b95;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;bottom:35px;right:clamp(24px,5vw,88px)}.scroll-cue span:last-child{color:var(--teal);font-size:17px}@keyframes halo{to{transform:rotate(360deg)}}.section-pad{padding:110px clamp(24px,5vw,88px)}.section-label{color:var(--teal);align-items:center;gap:10px;margin-bottom:56px;font-size:12px;font-weight:600;display:flex}.section-label span:first-child{font:700 12px var(--latin)}.intro{color:#111a1a;background:#eff0e8}.intro .section-label{color:#276c66}.intro-grid{grid-template-columns:1.15fr .85fr;gap:10vw;display:grid}.intro h2,.section-heading-row h2,.about h2,.contact h2{letter-spacing:-.065em;margin:0;font-size:clamp(45px,5.2vw,83px);font-weight:600;line-height:1.25}.intro h2 span{color:#247b75}.intro-copy{align-self:end;padding-bottom:7px}.intro-copy p{color:#3f4b49;max-width:490px;font-size:18px;line-height:1.95}.underlined-link{border-bottom:1px solid #2b7770;align-items:center;gap:22px;margin-top:10px;padding-bottom:7px;font-size:14px;font-weight:600;display:inline-flex}.flow{border-top:1px solid #b8c2ba;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:14px;margin-top:100px;padding-top:24px;display:grid}.flow div{flex-direction:column;gap:22px;display:flex}.flow div span{font:700 12px var(--latin);color:#72817b}.flow div b{font-size:17px}.flow i{color:#348d84;font-size:25px;font-style:normal}.services{background:#0d1315}.section-heading-row{justify-content:space-between;align-items:end;gap:50px;margin-bottom:52px;display:flex}.section-heading-row h2{font-size:clamp(44px,4.6vw,72px)}.section-heading-row>p{max-width:350px;color:var(--muted);margin-bottom:0;font-size:16px;line-height:1.9}.overline{margin-bottom:20px}.service-grid{border-top:1px solid var(--line);border-inline-start:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.service-card{border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;min-height:292px;padding:28px;transition:background .25s;display:flex;position:relative}.service-card:hover{background:#1b2929}.service-number{font:600 11px var(--latin);color:#77837e}.service-icon{font:400 30px var(--latin);color:var(--teal);top:20px;position:absolute;inset-inline-end:25px}.service-card h3{letter-spacing:-.035em;margin:38px 0 9px;font-size:23px;font-weight:600}.service-card p{color:#adb8b0;max-width:370px;margin-bottom:25px;font-size:14px;line-height:1.85}.service-card small{font:700 10px var(--latin);letter-spacing:.12em;color:#6e9790;margin-top:auto}.service-card.featured{background:radial-gradient(circle at 85% 5%,#ff542d4d,#0000 52%),#23302c}.service-card.featured .service-icon{color:var(--orange)}.service-card.wide{grid-column:span 3;grid-template-columns:60px 1fr auto;align-items:center;gap:12px;min-height:155px;display:grid}.service-card.wide .service-icon{grid-area:1/1;font-size:42px;position:static}.service-card.wide .service-number{top:25px;position:absolute;inset-inline-start:28px}.service-card.wide>div{grid-area:1/2}.service-card.wide h3{margin:0 0 4px}.service-card.wide p{margin:0}.service-card.wide small{grid-area:1/3;margin:auto 0}.statement{background:linear-gradient(100deg,#d8351d 0%,#fd5a2a 29%,#e87c6d 48%,#237c83 75%,#07505d 100%);flex-direction:column;justify-content:center;min-height:540px;padding:90px clamp(24px,5vw,88px);display:flex;position:relative;overflow:hidden}.statement:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 58px,#ffffff14 59px,#0000 61px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 60%);mask-image:linear-gradient(90deg,#0000,#000 60%)}.statement-glow{filter:blur(130px);opacity:.4;background:#fff8cf;width:470px;height:470px;position:absolute;top:-100px;right:15%}.statement-kicker{font:700 11px var(--latin);letter-spacing:.19em;position:relative}.statement h2{z-index:1;letter-spacing:-.08em;margin:20px 0 0;font-size:clamp(57px,6vw,104px);font-weight:600;line-height:1.17;position:relative}.statement h2 em{color:#e9ffe6}.statement-mark{opacity:.16;font:700 540px/.9 Georgia,serif;position:absolute;bottom:-25%;left:5%;transform:rotate(-12deg)}.work{color:#111a19;background:#f1eee5}.work .section-label{color:#2d8881}.work .overline{color:#397e77}.work .section-heading-row h2 em{color:#338c81}.work .section-heading-row>p{color:#4f5a56}.work-grid{grid-template-columns:1.65fr 1fr;gap:18px;display:grid}.work-tile{background:#0e1112;min-height:420px;margin:0;position:relative;overflow:hidden}.work-tile img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.work-tile:hover img{transform:scale(1.025)}.work-wide img{object-position:center}.work-portrait img{object-position:center 40%}.work-tile figcaption{color:#fff;font:700 11px var(--latin);letter-spacing:.08em;background:linear-gradient(#0000,#000000a8);justify-content:space-between;gap:20px;padding:35px 24px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.about{background:#111b1d}.about-grid{grid-template-columns:1.1fr .9fr;gap:10vw;display:grid}.about-copy{align-self:end}.about-copy p{color:#b8c4bd;max-width:540px;font-size:18px;line-height:1.95}.market-pills{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.market-pills span,.contact-tags span{font:700 11px var(--latin);letter-spacing:.05em;border:1px solid #536761;border-radius:100px;padding:8px 15px}.contact{background:#0b1112;grid-template-columns:1.12fr .88fr;gap:8vw;display:grid;position:relative;overflow:hidden}.contact-light{pointer-events:none;filter:blur(20px);background:radial-gradient(circle,#ff542d66,#0000 66%);border-radius:50%;width:700px;height:700px;position:absolute;bottom:-420px;left:-200px}.contact-copy,.contact-card{z-index:1;position:relative}.contact .section-label{margin-bottom:55px}.contact h2{font-size:clamp(60px,6vw,94px)}.contact-copy>p:not(.overline){color:#b1bdb5;max-width:520px;margin:22px 0;font-size:17px;line-height:1.9}.contact-tags{flex-wrap:wrap;gap:8px;margin-top:37px;display:flex}.contact-tags span{font-family:var(--font);color:#a7bbb3;font-size:11px;font-weight:600}.contact-card{color:#14201e;background:#e8eee4;border-radius:18px;align-self:center;padding:32px 38px;box-shadow:0 25px 75px #0003}.card-top{border-bottom:1px solid #b8c9c1;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;font-size:22px;font-weight:600;display:flex}.card-top span:last-child{font:400 24px var(--latin);color:#307f74}.contact-card label{gap:8px;margin-bottom:19px;font-size:12px;font-weight:600;display:grid}.contact-card input,.contact-card select{color:#14201e;background:#f9faf5;border:1px solid #c4d2c9;border-radius:7px;outline:none;width:100%;height:49px;padding:0 13px}.contact-card input:focus,.contact-card select:focus{border-color:#178b7e;box-shadow:0 0 0 3px #178b7e21}.form-button{border:0;width:100%;margin-top:7px}.prototype-note{color:#5c6962;margin:13px 0 0;font-size:11px;line-height:1.5}.form-message{color:#126a61;min-height:20px;margin:7px 0 0;font-size:12px}.footer{background:#080b0d;padding:65px clamp(24px,5vw,88px) 26px}.footer-top{justify-content:space-between;align-items:end;padding-bottom:60px;display:flex}.footer-top .brand-mark{font-size:62px}.footer-top .brand-name strong{font-size:26px}.footer-top p{max-width:250px;margin:0;font-size:26px;line-height:1.5}.footer-bottom{border-top:1px solid var(--line);color:#9ba69f;font:600 11px var(--latin);justify-content:space-between;align-items:center;padding-top:22px;display:flex}.footer-bottom a{font-family:var(--font)}html[lang=en]{--font:"DM Sans",Arial,sans-serif}html[lang=en] .brand-name small{font-family:IBM Plex Sans Arabic,sans-serif}html[lang=en] .hero h1,html[lang=en] h2{letter-spacing:-.07em}html[lang=en] .hero h1{font-size:clamp(54px,6vw,104px)}html[lang=en] .hero-description,html[lang=en] .intro-copy p,html[lang=en] .about-copy p{line-height:1.7}html[lang=en] .hero-panel{transform:rotate(5deg)}html[lang=en] .chip-one{left:-2%;right:auto}html[lang=en] .chip-two{left:auto;right:0}@media (width<=1100px){.nav{gap:16px}.nav a{font-size:12px}.header-cta{display:none}.hero{grid-template-columns:1fr 45%;padding-top:65px}.hero h1{font-size:clamp(53px,6vw,80px)}.hero-visual{min-height:430px}.hero-panel{height:390px}.panel-symbol{font-size:130px}.panel-caption{font-size:14px}.service-card{min-height:320px}}@media (width<=760px){.site-header{height:70px}.brand{min-width:0}.brand-mark{font-size:42px}.brand-name strong{font-size:17px}.nav{border-bottom:1px solid var(--line);background:#101719;flex-direction:column;align-items:stretch;gap:0;padding:20px 24px;display:none;position:absolute;top:70px;left:0;right:0}.nav.is-open{display:flex}.nav a{border-bottom:1px solid var(--line);padding:13px 0;font-size:16px}.menu-button{display:block}.hero{flex-direction:column;min-height:auto;padding-top:61px;padding-bottom:115px;display:flex}.hero h1{font-size:clamp(51px,11vw,83px)}.hero-description{font-size:15px}.hero-actions{flex-wrap:wrap}.hero-meta{margin-top:35px}.hero-visual{min-height:450px;margin-top:40px}.hero-panel{width:min(86%,430px);height:395px}.scroll-cue{bottom:30px}.section-pad{padding-top:77px;padding-bottom:77px}.section-label{margin-bottom:35px}.intro-grid,.about-grid,.contact{grid-template-columns:1fr;gap:32px}.intro h2,.section-heading-row h2,.about h2,.contact h2{font-size:clamp(43px,9vw,70px)}.intro-copy p,.about-copy p{font-size:16px}.flow{grid-template-columns:1fr 1fr;gap:22px;margin-top:65px}.flow i{display:none}.flow div{border-top:1px solid #b8c2ba;gap:14px;padding-top:12px}.section-heading-row{display:block}.section-heading-row>p{max-width:550px;margin-top:22px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card.wide{grid-column:span 2}.statement{min-height:450px}.work-grid{grid-template-columns:1fr}.work-wide{min-height:350px}.work-portrait{min-height:470px}.contact-card{width:100%;max-width:600px}.footer-top p{font-size:21px}}@media (width<=520px){.hero h1{font-size:50px}.hero-actions{align-items:flex-start;gap:20px}.hero-visual{min-height:360px}.hero-panel{height:330px}.panel-top,.panel-bottom{padding:22px;font-size:8px}.panel-bottom{margin:0 20px;padding:18px 2px}.panel-symbol{font-size:115px}.panel-caption{font-size:12px}.orb-one{width:130px;height:130px}.orb-two{width:180px;height:180px}.float-chip{padding:8px 10px;font-size:8px}.flow{gap:18px}.service-grid{grid-template-columns:1fr}.service-card{min-height:265px}.service-card.wide{align-items:initial;grid-column:span 1;min-height:250px;display:flex}.service-card.wide .service-icon{top:20px;font-size:30px;position:absolute;inset-inline-end:25px}.service-card.wide>div{margin-top:37px}.service-card.wide h3{margin:0 0 9px}.service-card.wide small{margin-top:auto}.statement h2{font-size:53px}.work-wide{min-height:250px}.work-portrait{min-height:360px}.contact-card{padding:25px}.footer-top{display:block}.footer-top p{margin-top:28px}.footer-bottom{flex-wrap:wrap;gap:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.visual-halo{animation:none}.button,.work-tile img{transition:none}}.brand-mark{object-fit:cover;border-radius:9px;flex:none;width:43px;height:43px;display:block;transform:none}.panel-symbol{object-fit:cover;width:205px;height:205px;text-shadow:none;border-radius:22px;display:block;transform:rotate(5deg);box-shadow:0 20px 55px #0006}.footer-top .brand-mark{width:56px;height:56px}@media (width<=1100px){.panel-symbol{width:160px;height:160px}}@media (width<=760px){.brand-mark{width:38px;height:38px}.panel-symbol{width:160px;height:160px}}@media (width<=520px){.panel-symbol{width:130px;height:130px}.footer-top .brand-mark{width:50px;height:50px}}.clients{background:var(--clients-background);padding:26px 0 30px;overflow:hidden}.clients-caption{color:var(--clients-caption);text-align:center;letter-spacing:0;margin:0 24px 20px;font-size:11px;font-weight:400}.clients-marquee{-webkit-mask-image:linear-gradient(to right,transparent,var(--clients-mask) 9%,var(--clients-mask) 91%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,var(--clients-mask) 9%,var(--clients-mask) 91%,transparent);mask-image:linear-gradient(to right,transparent,var(--clients-mask) 9%,var(--clients-mask) 91%,transparent);direction:ltr;overflow:hidden}.clients-track{will-change:transform;width:max-content;animation:55s linear infinite clients-drift;display:flex}.clients-group{flex:none;align-items:center;gap:72px;padding-inline-end:72px;display:flex}.client-logo{flex:none;justify-content:center;align-items:center;width:150px;height:64px;display:flex}.client-logo img{object-fit:contain;filter:grayscale();mix-blend-mode:multiply;opacity:.56;width:150px;height:64px;max-height:64px;transition:opacity .3s}.client-logo:hover img{opacity:.85}.client-logo-symbol img{border-radius:50%;width:58px;height:58px}.clients-marquee:hover .clients-track{animation-play-state:paused}@keyframes clients-drift{to{transform:translate(-50%)}}@media (width<=760px){.clients{padding:22px 0 26px}.clients-group{gap:44px;padding-inline-end:44px}.client-logo{width:120px;height:52px}.client-logo img{width:120px;height:52px;max-height:52px}.client-logo-symbol img{width:48px;height:48px}.clients-track{animation-duration:48s}}@media (prefers-reduced-motion:reduce){.clients-track{will-change:auto;animation:none}.clients-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.clients-group[aria-hidden]{display:none}.client-logo img{transition:none}}.page-nav{align-self:stretch;gap:26px}.page-nav a{white-space:nowrap;align-items:center;display:flex;position:relative}.page-nav a.active-tab{color:var(--teal)}.page-nav a.active-tab:after{content:"";background:var(--teal);bottom:0;height:2px;position:absolute;inset-inline:0}.site-control.lang-button{color:var(--cream);background:0 0;height:auto}.site-control.menu-button{background:0 0;flex-direction:column;gap:0;height:34px}.site-control.menu-button span{flex:none;width:18px}.page-content{min-height:65vh}.page-brands .clients{padding-top:42px;padding-bottom:42px}.page-content:not(.page-home)>.section-pad:first-child{padding-top:72px}.page-services .section-label,.page-about .section-label,.page-contact .section-label,.page-brands .section-label{margin-bottom:32px}@media (width<=1100px){.page-nav{gap:18px}.page-nav a{font-size:12px}}@media (width<=760px){.page-nav{align-self:auto;gap:0}.page-nav a.active-tab:after{display:none}.site-control.menu-button{display:flex}.page-content:not(.page-home)>.section-pad:first-child{padding-top:48px}}