:root{--color-bg: #0A0A0A;--color-bg-raised: #141413;--color-ink: #F2F1EC;--color-ink-muted: #A8A7A1;--color-ink-subtle: #8E8D88;--color-line: #2B2B29;--color-line-strong: #4A4A46;--color-surface: #EAE8E3;--color-surface-2: #DEDCD6;--color-on-surface: #0A0A0A;--color-on-surface-muted: #55544F;--color-line-light: #B4B2AC;--color-accent: #BEFF45;--color-on-accent: #0A0A0A;--color-on-accent-muted: #3A3A36;--color-error: #7A000E;--color-focus: #BEFF45;--font-display: "Inter Display","Thmanyah Display","Thmanyah Sans",system-ui,sans-serif;--font-body: "Inter","Thmanyah Sans",system-ui,sans-serif;--fs-display: clamp(3rem,1rem + 7.4vw,9rem);--fs-h1: clamp(2.5rem,1.4rem + 4.4vw,6rem);--fs-h2: clamp(2rem,1.2rem + 3.2vw,4.5rem);--fs-h3: clamp(1.5rem,1.1rem + 1.6vw,2.5rem);--fs-stat: clamp(3rem,2rem + 4vw,6rem);--fs-body-lg: clamp(1.125rem,1rem + 0.4vw,1.375rem);--fs-body: 1rem;--fs-sm: 0.875rem;--fs-label: 0.8125rem;--lh-display: 1;--lh-heading: 1.08;--lh-body: 1.6;--tracking-display: -0.045em;--tracking-heading: -0.03em;--tracking-label: 0.08em;--space-1: 0.5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-8: 4rem;--space-10: 5rem;--space-12: 6rem;--space-15: 7.5rem;--space-18: 9rem;--section-y: var(--space-10);--gutter: var(--space-3);--container: 82rem;--header-h: 4.5rem;--radius-sm: 0.5rem;--radius: 1rem;--radius-pill: 999px;--ease: cubic-bezier(0.22,1,0.36,1);--dur-fast: 180ms;--dur: 320ms;--dur-slow: 640ms}@media (min-width: 768px){:root{--section-y: var(--space-15);--gutter: var(--space-5)}}@media (min-width: 1280px){:root{--section-y: var(--space-18);--gutter: var(--space-8)}}:root:lang(ar){--fs-display: clamp(3rem,1.2rem + 6.4vw,8rem);--fs-h1: clamp(2.25rem,1.4rem + 3.4vw,4.75rem);--fs-h2: clamp(1.75rem,1.1rem + 2.4vw,3.5rem);--lh-display: 1.25;--lh-heading: 1.35;--lh-body: 1.75;--tracking-display: 0;--tracking-heading: 0;--tracking-label: 0}@font-face{font-family: "Inter";src: url("/fonts/inter-latin-var.woff2") format("woff2");font-weight: 100 900;font-display: swap;unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "Inter Display";src: url("/fonts/inter-latin-var.woff2") format("woff2");font-weight: 100 900;font-display: swap;unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "Thmanyah Sans";src: url("/fonts/thmanyah-regular.woff2") format("woff2");font-weight: 400;font-display: swap;unicode-range: U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}@font-face{font-family: "Thmanyah Sans";src: url("/fonts/thmanyah-medium.woff2") format("woff2");font-weight: 500;font-display: swap;unicode-range: U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}@font-face{font-family: "Thmanyah Sans";src: url("/fonts/thmanyah-bold.woff2") format("woff2");font-weight: 600 700;font-display: swap;unicode-range: U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}@font-face{font-family: "Thmanyah Display";src: url("/fonts/thmanyah-display-bold.woff2") format("woff2");font-weight: 500 800;font-display: swap;unicode-range: U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: calc(var(--header-h) + var(--space-2));background: var(--color-bg)}body{margin: 0;min-height: 100vh;background: var(--color-bg);color: var(--color-ink);font-family: var(--font-body);font-size: var(--fs-body);line-height: var(--lh-body);font-optical-sizing: auto;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;overflow-x: clip}h1,h2,h3,h4,p,figure,blockquote,dl,dd,ol,ul{margin: 0}ol,ul{padding: 0;list-style: none}img,picture,svg{display: block;max-width: 100%;height: auto}a{color: inherit;text-decoration: none}button,input,textarea,select{font: inherit;color: inherit}button{cursor: pointer}::selection{background: var(--color-accent);color: var(--color-on-accent)}h1,h2,h3,.display,.h1,.h2,.h3,.wordmark,.stat__value,.section-index__no,.work-card__no,.service__no,.work-card__metric{font-family: var(--font-display);font-variation-settings: "opsz" 32;font-feature-settings: "ss01","cv11"}.display{font-size: var(--fs-display);line-height: var(--lh-display);letter-spacing: var(--tracking-display);font-weight: 600}.display .line{display: block}.display em,.h2 em{font-style: normal;color: var(--color-accent)}.h1{font-size: var(--fs-h1);line-height: var(--lh-heading);letter-spacing: var(--tracking-display);font-weight: 600;max-width: 18ch}.h2{font-size: var(--fs-h2);line-height: var(--lh-heading);letter-spacing: var(--tracking-heading);font-weight: 500;max-width: 22ch;text-wrap: balance}.h3{font-size: var(--fs-h3);line-height: 1.15;letter-spacing: var(--tracking-heading);font-weight: 500}.body-lg{font-size: var(--fs-body-lg);line-height: var(--lh-body);color: var(--color-ink-muted);max-width: 38rem;text-wrap: pretty}.label{font-size: var(--fs-label);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--color-ink-subtle);font-weight: 500}:lang(ar) .display,:lang(ar) .h1,:lang(ar) .h2,:lang(ar) h1,:lang(ar) h2{font-weight: 700}:lang(ar) .h2{max-width: 24ch}:focus{outline: none}:focus-visible{outline: 2px solid var(--color-focus);outline-offset: 4px;border-radius: 2px}.section--light :focus-visible,.section--accent :focus-visible{outline-color: var(--color-on-surface)}.visually-hidden{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.skip-link{position: fixed;z-index: 1000;top: var(--space-1);inset-inline-start: var(--space-1);padding: var(--space-1) var(--space-2);background: var(--color-accent);color: var(--color-on-accent);font-weight: 600;transform: translateY(-200%);transition: transform var(--dur-fast) var(--ease)}.skip-link:focus-visible{transform: none}.arrow{display: inline-block;font-style: normal;line-height: 1;transition: transform var(--dur) var(--ease)}[dir="rtl"] .arrow--right,[dir="rtl"] .arrow--up,[dir="rtl"] .arrow--left-back{transform: scaleX(-1)}.stat__value,.work-card__metric,.logo-strip__word,.ltr{direction: ltr;unicode-bidi: isolate}.container{width: 100%;max-width: calc(var(--container) + 2 * var(--gutter));margin-inline: auto;padding-inline: var(--gutter)}.section{padding-block: var(--section-y);border-top: 1px solid var(--color-line)}.section--tight{padding-block: calc(var(--section-y) / 2);border-top: 0}.section--light{background: var(--color-surface);color: var(--color-on-surface);border-top: 0}.section--light .body-lg,.section--light .label{color: var(--color-on-surface-muted)}.section--raised{background: var(--color-bg-raised)}.section--accent{background: var(--color-accent);color: var(--color-on-accent);border-top: 0}.section__title{margin-block-end: var(--space-8)}.section-index{display: flex;gap: var(--space-1);align-items: baseline;margin-block-end: var(--space-6);font-size: var(--fs-label);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--color-ink-subtle);font-weight: 500}.section-index__no{color: var(--color-accent);font-weight: 600;font-variant-numeric: tabular-nums}.section--light .section-index,.section--accent .section-index{color: var(--color-on-surface-muted)}.section--light .section-index__no,.section--accent .section-index__no{color: var(--color-on-surface)}.section--accent .section-index{color: var(--color-on-accent-muted)}.split{display: grid;gap: var(--space-5);align-items: start}.split__aside{display: grid;gap: var(--space-4);align-content: start}@media (min-width: 1024px){.split{grid-template-columns: minmax(0,7fr) minmax(0,5fr);gap: var(--space-12)}.split__aside{padding-top: var(--space-2)}}.text-link{display: inline-flex;align-items: center;justify-content: space-between;gap: var(--space-3);padding-block: var(--space-2);border-bottom: 1px solid var(--color-line-strong);color: var(--color-ink);font-weight: 500;max-width: 24rem;transition: border-color var(--dur) var(--ease)}.text-link:hover{border-color: var(--color-ink)}.text-link:hover .arrow--down{transform: translateY(3px)}.text-link--back{border: 0;justify-content: flex-start;gap: var(--space-1);color: var(--color-ink-muted);margin-block-end: var(--space-6)}.text-link--back:hover{color: var(--color-ink)}.chips{display: flex;flex-wrap: wrap;gap: var(--space-1)}.chip{display: inline-flex;align-items: center;min-height: 2.5rem;padding: 0 var(--space-2);border: 1px solid currentColor;border-radius: var(--radius-pill);font-size: var(--fs-sm);font-weight: 500}.chips--static .chip{border-color: var(--color-line-light)}.chips--dark .chip{border-color: var(--color-line-strong);color: var(--color-ink)}.btn-row{display: flex;flex-wrap: wrap;gap: var(--space-2)}.btn{--btn-bg: transparent;--btn-fg: var(--color-ink);--btn-border: var(--color-line-strong);display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);min-height: 3.5rem;padding: 0 var(--space-3);border: 1px solid var(--btn-border);border-radius: var(--radius-pill);background: var(--btn-bg);color: var(--btn-fg);font-weight: 600;font-size: var(--fs-body);line-height: 1;white-space: nowrap;transition: background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.btn:hover .arrow--right{transform: translateX(4px)}[dir="rtl"] .btn:hover .arrow--right{transform: scaleX(-1) translateX(4px)}.btn:hover .arrow--up{transform: translate(3px,-3px)}[dir="rtl"] .btn:hover .arrow--up{transform: scaleX(-1) translate(3px,-3px)}.btn:active{transform: scale(0.98)}.btn--primary{--btn-bg: var(--color-accent);--btn-fg: var(--color-on-accent);--btn-border: var(--color-accent)}.btn--primary:hover{--btn-bg: var(--color-ink);--btn-border: var(--color-ink)}.btn--secondary:hover,.btn--ghost:hover{--btn-border: var(--color-ink);--btn-bg: rgb(242 241 236 / 0.06)}.btn--dark{--btn-bg: var(--color-on-accent);--btn-fg: var(--color-ink);--btn-border: var(--color-on-accent)}.btn--dark:hover{--btn-bg: #262624}.btn--outline-dark{--btn-fg: var(--color-on-accent);--btn-border: var(--color-on-accent)}.btn--outline-dark:hover{--btn-bg: rgb(10 10 10 / 0.08)}.btn--sm{min-height: 2.75rem;padding: 0 var(--space-2);font-size: var(--fs-sm)}.btn--block{width: 100%;justify-content: space-between}.btn[disabled]{opacity: 0.6;cursor: progress}.site-header{position: fixed;inset: 0 0 auto;z-index: 100;height: var(--header-h);border-bottom: 1px solid transparent;transition: background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.site-header.is-scrolled,.menu-open .site-header{background: rgb(10 10 10 / 0.88);border-color: var(--color-line);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px)}.site-header__inner{height: 100%;max-width: calc(var(--container) + 2 * var(--gutter));margin-inline: auto;padding-inline: var(--gutter);display: flex;align-items: center;justify-content: space-between;gap: var(--space-4)}.wordmark{direction: ltr;unicode-bidi: isolate;font-size: 1.375rem;font-weight: 700;letter-spacing: -0.04em;line-height: 1;white-space: nowrap;color: var(--color-ink)}.wordmark--lg{font-size: clamp(2rem,1.2rem + 3vw,3.5rem)}.site-nav ul{display: flex;gap: var(--space-4)}.site-nav a{font-size: var(--fs-sm);font-weight: 500;color: var(--color-ink-muted);padding-block: var(--space-1);position: relative;transition: color var(--dur-fast)}.site-nav a:hover,.site-nav a[aria-current="true"]{color: var(--color-ink)}.site-nav a::after{content: "";position: absolute;inset-inline: 0;bottom: 0;height: 1px;background: var(--color-accent);transform: scaleX(0);transition: transform var(--dur) var(--ease)}.site-nav a:hover::after,.site-nav a[aria-current="true"]::after{transform: scaleX(1)}.site-header__actions{display: flex;align-items: center;gap: var(--space-2)}.lang-switch{font-size: var(--fs-sm);font-weight: 500;color: var(--color-ink-muted);padding: var(--space-1);min-height: 2.75rem;display: inline-flex;align-items: center}.lang-switch:hover{color: var(--color-ink)}.menu-toggle{display: none;position: relative;width: 2.75rem;height: 2.75rem;border: 1px solid var(--color-line-strong);border-radius: var(--radius-pill);background: transparent}.menu-toggle__bar{position: absolute;left: 50%;width: 1.125rem;height: 1.5px;margin-left: -0.5625rem;background: var(--color-ink);transition: transform var(--dur) var(--ease),top var(--dur) var(--ease)}.menu-toggle__bar:nth-of-type(2){top: calc(50% - 4px)}.menu-toggle__bar:nth-of-type(3){top: calc(50% + 3px)}.menu-toggle[aria-expanded="true"] .menu-toggle__bar:nth-of-type(2){top: 50%;transform: rotate(45deg)}.menu-toggle[aria-expanded="true"] .menu-toggle__bar:nth-of-type(3){top: 50%;transform: rotate(-45deg)}@media (max-width: 959px){.site-nav,.site-header__cta{display: none}.menu-toggle{display: block}}.mobile-menu{position: fixed;inset: 0;z-index: 90;padding: calc(var(--header-h) + var(--space-4)) var(--gutter) var(--space-4);display: flex;flex-direction: column;justify-content: space-between;background: var(--color-bg);clip-path: inset(0 0 100% 0);visibility: hidden;transition: clip-path var(--dur-slow) var(--ease),visibility 0s linear var(--dur-slow)}.mobile-menu.is-open{clip-path: inset(0 0 0 0);visibility: visible;transition: clip-path var(--dur-slow) var(--ease),visibility 0s}.mobile-menu__list{display: grid;gap: var(--space-1)}.mobile-menu:focus{outline: none}.mobile-menu__list li{opacity: 0;transform: translateY(var(--space-3));transition: opacity var(--dur) var(--ease),transform var(--dur-slow) var(--ease)}.mobile-menu.is-open .mobile-menu__list li{opacity: 1;transform: none;transition-delay: 120ms}.mobile-menu.is-open .mobile-menu__list li:nth-child(2){transition-delay: 180ms}.mobile-menu.is-open .mobile-menu__list li:nth-child(3){transition-delay: 240ms}.mobile-menu.is-open .mobile-menu__list li:nth-child(4){transition-delay: 300ms}.mobile-menu.is-open .mobile-menu__list li:nth-child(5){transition-delay: 360ms}.mobile-menu__list a{display: flex;align-items: baseline;gap: var(--space-2);padding-block: var(--space-1);font-family: var(--font-display);font-variation-settings: "opsz" 32;font-size: clamp(1.75rem,7vw,2.5rem);line-height: 1.2;font-weight: 600;letter-spacing: var(--tracking-heading)}.mobile-menu__no{font-size: var(--fs-label);color: var(--color-accent);font-weight: 600}.mobile-menu__foot{display: flex;justify-content: space-between;gap: var(--space-2);flex-wrap: wrap;color: var(--color-ink-muted);padding-top: var(--space-3);border-top: 1px solid var(--color-line)}.mobile-menu__foot a{min-height: 2.75rem;display: inline-flex;align-items: center}.menu-open{overflow: hidden}@media (min-width: 960px){.mobile-menu{display: none !important}}.hero{position: relative;min-height: 100svh;display: flex;flex-direction: column;padding-top: calc(var(--header-h) + var(--space-5));padding-bottom: var(--space-12);overflow: hidden}.hero__inner{position: relative;z-index: 1;display: grid;gap: var(--space-6);flex: 1;align-content: center}.hero__meta{display: flex;justify-content: space-between;flex-wrap: wrap;gap: var(--space-1) var(--space-3);font-size: var(--fs-sm);color: var(--color-ink-muted)}.status{display: inline-flex;align-items: center;gap: var(--space-1)}.hero__body{display: grid;gap: var(--space-5);align-items: end}.hero__copy{display: grid;gap: var(--space-4)}.hero .display{max-width: 11ch}:lang(ar) .hero .display{max-width: 12ch}.hero__lead{font-size: var(--fs-body-lg);color: var(--color-ink-muted);max-width: 34rem}.hero-preview{display: grid;gap: var(--space-2);width: 100%;max-width: 36rem;justify-self: end}.hero-preview__frame{display: block;border: 1px solid var(--color-line-strong);border-radius: var(--radius);overflow: hidden;background: var(--color-bg-raised);box-shadow: 0 40px 80px -40px rgb(190 255 69 / 0.18);transition: transform var(--dur-slow) var(--ease),border-color var(--dur) var(--ease)}.hero-preview__bar{display: flex;gap: 6px;padding: 10px 12px;border-bottom: 1px solid var(--color-line)}.hero-preview__bar i{width: 8px;height: 8px;border-radius: 50%;background: var(--color-line-strong)}.hero-preview picture img{aspect-ratio: 16 / 10;width: 100%;object-fit: cover}.hero-preview__caption{display: flex;justify-content: space-between;gap: var(--space-2);font-size: var(--fs-sm)}.hero-preview__label{color: var(--color-ink-subtle)}.hero-preview__title{font-weight: 600}.hero-preview:hover .hero-preview__frame{border-color: var(--color-accent)}.hero__explore{position: absolute;z-index: 1;left: 50%;bottom: var(--space-4);transform: translateX(-50%);display: inline-flex;flex-direction: column;align-items: center;gap: var(--space-1);font-size: var(--fs-label);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--color-ink-muted);padding: var(--space-1)}.hero__explore .arrow{animation: nudge 2.4s var(--ease) infinite}.hero__grid{position: absolute;inset: 0;pointer-events: none;background-image: linear-gradient(to right,rgb(242 241 236 / 0.05) 1px,transparent 1px),linear-gradient(to bottom,rgb(242 241 236 / 0.05) 1px,transparent 1px);background-size: 80px 80px;background-position: center top;mask-image: radial-gradient(ellipse 80% 70% at 70% 45%,#000 20%,transparent 75%);-webkit-mask-image: radial-gradient(ellipse 80% 70% at 70% 45%,#000 20%,transparent 75%)}.hero__pulse{position: absolute;top: 0;left: 0;width: 80px;height: 1px;background: linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity: 0.7;animation: pulse-x 9s linear infinite;top: 240px}.hero__pulse--b{width: 1px;height: 80px;top: 0;left: 720px;background: linear-gradient(180deg,transparent,var(--color-accent),transparent);animation: pulse-y 11s linear infinite 2s}@keyframes pulse-x{from{transform: translateX(-10vw)}to{transform: translateX(110vw)}}@keyframes pulse-y{from{transform: translateY(-10vh)}to{transform: translateY(110vh)}}@keyframes nudge{0%,100%{transform: translateY(0)}50%{transform: translateY(4px)}}@media (min-width: 1024px){.hero__body{grid-template-columns: minmax(0,1fr) minmax(0,28rem);column-gap: var(--space-8);row-gap: var(--space-6)}.hero__title{grid-column: 1 / -1}.hero .display{max-width: none}.hero__copy{align-self: start}.hero-preview{align-self: start}}@media (max-width: 1023px){.hero-preview{justify-self: stretch;max-width: none}}.services{border-top: 1px solid var(--color-line-light)}.service{border-bottom: 1px solid var(--color-line-light)}.service__summary{list-style: none;display: grid;grid-template-columns: 3rem minmax(0,1fr) 2.75rem;gap: var(--space-1) var(--space-3);align-items: center;padding-block: var(--space-4);cursor: pointer}.service__summary::-webkit-details-marker{display: none}.service__no{font-size: var(--fs-label);font-weight: 600;color: var(--color-on-surface-muted);align-self: start;padding-top: 0.6em;font-variant-numeric: tabular-nums}.service__title{font-size: var(--fs-h3);line-height: 1.1;letter-spacing: var(--tracking-heading);font-weight: 600}.service__body{grid-column: 2;color: var(--color-on-surface-muted);max-width: 34rem}.service__toggle{grid-column: 3;grid-row: 1;position: relative;width: 2.75rem;height: 2.75rem;border: 1px solid var(--color-on-surface);border-radius: 50%;transition: background-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.service__toggle::before,.service__toggle::after{content: "";position: absolute;top: 50%;left: 50%;width: 14px;height: 1.5px;margin: -0.75px 0 0 -7px;background: currentColor;transition: transform var(--dur) var(--ease)}.service__toggle::after{transform: rotate(90deg)}.service__details[open] .service__toggle{background: var(--color-on-surface);color: var(--color-surface)}.service__details[open] .service__toggle::after{transform: rotate(0)}.service__summary:hover .service__toggle{transform: rotate(90deg)}.service__details .chips{padding: 0 0 var(--space-4);padding-inline-start: calc(3rem + var(--space-3))}.service__details .chip{border-color: var(--color-on-surface);background: transparent}@media (min-width: 1024px){.service__summary{grid-template-columns: 4rem minmax(0,1fr) minmax(0,1fr) 2.75rem;padding-block: var(--space-5)}.service__body{grid-column: 3}.service__toggle{grid-column: 4}.service__details .chips{padding-inline-start: calc(4rem + var(--space-3))}}.work-grid{display: grid;gap: var(--space-8) var(--space-4)}.work-card__link{display: grid;gap: var(--space-3);height: 100%}.work-card__media{position: relative;display: block;overflow: hidden;border-radius: var(--radius);border: 1px solid var(--color-line);background: var(--color-bg-raised)}.work-card__media img{width: 100%;aspect-ratio: 16 / 10;object-fit: cover;transition: transform 900ms var(--ease)}.work-card__cursor{position: absolute;top: 0;left: 0;z-index: 2;display: inline-flex;align-items: center;gap: var(--space-1);padding: var(--space-1) var(--space-2);border-radius: var(--radius-pill);background: var(--color-accent);color: var(--color-on-accent);font-size: var(--fs-sm);font-weight: 600;white-space: nowrap;pointer-events: none;opacity: 0;transform: translate3d(var(--x,50%),var(--y,50%),0) scale(0.6);transition: opacity var(--dur) var(--ease),transform 120ms linear}.work-card__body{display: grid;gap: var(--space-2)}.work-card__head{display: flex;justify-content: space-between;gap: var(--space-2);font-size: var(--fs-label);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--color-ink-subtle);font-weight: 500}.work-card__no{color: var(--color-accent);font-weight: 600}.work-card__title{font-size: var(--fs-h3);line-height: 1.1;letter-spacing: var(--tracking-heading);font-weight: 600;transition: color var(--dur) var(--ease)}.work-card__row{display: grid;gap: var(--space-2);padding-top: var(--space-2);border-top: 1px solid var(--color-line)}.work-card__col{display: grid;gap: 4px;align-content: start}.work-card__label{font-size: var(--fs-label);color: var(--color-ink-subtle)}.work-card__problem{color: var(--color-ink-muted)}.work-card__metric{font-size: clamp(2rem,1.4rem + 1.6vw,3rem);font-weight: 600;line-height: 1;letter-spacing: -0.03em;color: var(--color-accent)}.work-card__metric-label{color: var(--color-ink-muted);font-size: var(--fs-sm)}.work-card__outcome{font-weight: 600;color: var(--color-ink)}.work-card__link:hover .work-card__title,.work-card__link:focus-visible .work-card__title{color: var(--color-accent)}.work-card__link:focus-visible{outline-offset: 8px}@media (min-width: 768px){.work-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.work-card__row{grid-template-columns: minmax(0,1.4fr) minmax(0,1fr);gap: var(--space-4)}}@media (min-width: 1024px){.work-card--wide{grid-column: 1 / -1}.work-card--wide .work-card__link{grid-template-columns: minmax(0,1.6fr) minmax(0,1fr);gap: var(--space-6);align-items: end}.work-card--wide .work-card__row{grid-template-columns: 1fr}}@media (hover: hover) and (pointer: fine){.work-card__link:hover .work-card__media img{transform: scale(1.04)}.work-card__link:hover .work-card__cursor{opacity: 1;transform: translate3d(var(--x,50%),var(--y,50%),0) scale(1)}}.stats{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));border-block: 1px solid var(--color-line)}.stat{display: flex;flex-direction: column-reverse;justify-content: flex-end;gap: var(--space-1);padding: var(--space-4) 0;padding-inline-end: var(--space-2)}.stat + .stat{border-inline-start: 1px solid var(--color-line);padding-inline-start: var(--space-3)}.stat__value{font-size: var(--fs-stat);font-weight: 600;line-height: 1;letter-spacing: -0.04em;font-variant-numeric: tabular-nums}:lang(ar) .stat__value{justify-content: flex-end;text-align: end}.stat__label{color: var(--color-ink-muted);font-size: var(--fs-sm)}.logo-strip{display: grid;gap: var(--space-3);padding-block: var(--space-8)}.logo-strip__list{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-3) var(--space-8)}.logo-strip__word{font-family: var(--font-display);font-variation-settings: "opsz" 32;font-size: clamp(1.25rem,1rem + 1vw,1.75rem);font-weight: 700;letter-spacing: -0.03em;color: var(--color-ink-subtle);transition: color var(--dur) var(--ease)}.logo-strip__item img{height: 2rem;width: auto;filter: grayscale(1) brightness(1.6);opacity: 0.7;transition: opacity var(--dur)}.logo-strip__item:hover .logo-strip__word{color: var(--color-ink)}.logo-strip__item:hover img{opacity: 1}.quotes{display: grid;gap: var(--space-3)}.quote{position: relative;display: grid;gap: var(--space-4);align-content: space-between;padding: var(--space-4);border: 1px solid var(--color-line);border-radius: var(--radius);background: var(--color-bg-raised)}.quote blockquote{margin: 0;font-size: var(--fs-body-lg);line-height: 1.5}.quote blockquote p::before{content: "\201C";color: var(--color-accent)}.quote blockquote p::after{content: "\201D";color: var(--color-accent)}:lang(ar) .quote blockquote p::before{content: "«"}:lang(ar) .quote blockquote p::after{content: "»"}.quote figcaption{display: grid;gap: 2px;font-size: var(--fs-sm)}.quote__name{font-weight: 600}.quote__role{color: var(--color-ink-muted)}@media (min-width: 768px){.quotes{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (max-width: 519px){.stats{grid-template-columns: 1fr}.stat + .stat{border-inline-start: 0;border-top: 1px solid var(--color-line);padding-inline-start: 0}.stat{flex-direction: row-reverse;justify-content: space-between;align-items: baseline;padding-block: var(--space-3)}}.contact{display: grid;gap: var(--space-10)}.contact__head{display: grid;gap: var(--space-4);align-content: start}.display--contact{font-size: var(--fs-h2);line-height: var(--lh-heading)}.display--contact em{color: inherit;font-style: normal;text-decoration: underline;text-decoration-thickness: 0.06em;text-underline-offset: 0.12em}.section--accent .body-lg{color: var(--color-on-accent-muted)}.contact__quick{display: flex;flex-wrap: wrap;gap: var(--space-2)}.contact__email{display: inline-flex;justify-content: space-between;gap: var(--space-3);max-width: 26rem;padding-block: var(--space-2);border-bottom: 1.5px solid var(--color-on-accent);font-weight: 600;font-size: var(--fs-body-lg)}.form{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--space-4) var(--space-3);align-content: start}.field{display: grid;gap: var(--space-1);grid-column: 1 / -1;min-width: 0;border: 0;padding: 0;margin: 0}@media (min-width: 640px){.field:not(.field--full){grid-column: auto}}.field__label{font-size: var(--fs-sm);font-weight: 600;padding: 0}.field__req{font-weight: 400;color: var(--color-on-accent-muted)}.field__hint{font-size: var(--fs-sm);color: var(--color-on-accent-muted)}.field__control{width: 100%;min-height: 3.5rem;padding: var(--space-2);border: 1.5px solid var(--color-on-accent);border-radius: var(--radius-sm);background: rgb(255 255 255 / 0.35);color: var(--color-on-accent);resize: vertical;transition: background-color var(--dur-fast),box-shadow var(--dur-fast)}textarea.field__control{min-height: 8rem}.field__control:hover{background: rgb(255 255 255 / 0.5)}.field__control:focus-visible{outline: none;background: #fff;box-shadow: 0 0 0 3px var(--color-on-accent)}.field__error{font-size: var(--fs-sm);font-weight: 600;color: var(--color-error);min-height: 0}.field.is-invalid .field__control{border-color: var(--color-error);border-width: 2px;background: #fff}.field.is-valid .field__control{border-color: var(--color-on-accent)}.chip-group .chips{margin-top: var(--space-1)}.chip--input{position: relative;cursor: pointer;border: 1.5px solid var(--color-on-accent);background: transparent;transition: background-color var(--dur-fast),color var(--dur-fast);min-height: 2.75rem}.chip--input input{position: absolute;inset: 0;opacity: 0;margin: 0;cursor: pointer}.chip--input:hover{background: rgb(10 10 10 / 0.08)}.chip--input:has(input:checked){background: var(--color-on-accent);color: var(--color-accent)}.chip--input:has(input:focus-visible){outline: 2px solid var(--color-on-accent);outline-offset: 3px}.form__foot{grid-column: 1 / -1;display: grid;gap: var(--space-2)}.form__status{min-height: 1.5rem;font-weight: 600}.form__status.is-error{color: var(--color-error)}.form__status.is-success{display: flex;gap: var(--space-1);align-items: center;padding: var(--space-2);border: 1.5px solid var(--color-on-accent);border-radius: var(--radius-sm);background: rgb(255 255 255 / 0.4)}.form__status.is-success::before{content: "✓";display: inline-grid;place-items: center;width: 1.5rem;height: 1.5rem;border-radius: 50%;background: var(--color-on-accent);color: var(--color-accent);font-size: 0.8rem;flex: none}@media (min-width: 1024px){.contact{grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: var(--space-12)}}.site-footer{border-top: 1px solid var(--color-line);padding-block: var(--space-10) var(--space-4)}.site-footer__inner{display: grid;gap: var(--space-6)}.site-footer__brand{display: grid;gap: var(--space-2);align-content: start;color: var(--color-ink-muted)}.site-footer__email{color: var(--color-ink);font-weight: 500;justify-self: start;border-bottom: 1px solid var(--color-line-strong);padding-block: 4px}.site-footer__email:hover{border-color: var(--color-accent)}.site-footer__col{display: grid;gap: var(--space-2);align-content: start}.site-footer__col h2{font-family: var(--font-body);font-variation-settings: normal;color: var(--color-ink-subtle)}.site-footer__col ul{display: grid;gap: 4px}.site-footer__col a{display: inline-flex;gap: var(--space-1);align-items: center;min-height: 2.75rem;color: var(--color-ink)}.site-footer__col a:hover{color: var(--color-accent)}.site-footer__bottom{grid-column: 1 / -1;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: var(--space-2);padding-top: var(--space-3);border-top: 1px solid var(--color-line);color: var(--color-ink-muted);font-size: var(--fs-sm)}.to-top{display: inline-flex;align-items: center;gap: var(--space-1);min-height: 2.75rem;padding-inline: var(--space-2);border: 1px solid var(--color-line-strong);border-radius: var(--radius-pill);color: var(--color-ink);font-weight: 500}.to-top:hover{border-color: var(--color-accent)}.to-top:hover .arrow{transform: translateY(-3px)}@media (min-width: 768px){.site-footer__inner{grid-template-columns: 2fr 1fr 1fr}}.sticky-cta{position: fixed;z-index: 80;inset-inline: var(--space-2);bottom: max(var(--space-2),env(safe-area-inset-bottom));box-shadow: 0 12px 32px rgb(0 0 0 / 0.5);transform: translateY(calc(100% + var(--space-4)));transition: transform var(--dur) var(--ease)}.sticky-cta.is-visible{transform: none}@media (min-width: 960px){.sticky-cta{display: none}}.case-hero{padding-top: calc(var(--header-h) + var(--space-8));padding-bottom: var(--space-8)}.case-hero .container{display: grid;gap: var(--space-3);justify-items: start}.case-hero__type{font-size: var(--fs-label);letter-spacing: var(--tracking-label);text-transform: uppercase;color: var(--color-accent);font-weight: 600}.case-hero__problem{max-width: 42rem}.case-cover{border-radius: var(--radius);overflow: hidden;border: 1px solid var(--color-line)}.case-cover img,.case-screens img{width: 100%;aspect-ratio: 16 / 10;object-fit: cover}.case-grid{display: grid;gap: var(--space-8) var(--space-6)}.case-block .section-index{margin-block-end: var(--space-2)}.case-block .body-lg{color: var(--color-ink)}.case-screens{display: grid;gap: var(--space-3)}.case-screens figure{border-radius: var(--radius);overflow: hidden;border: 1px solid var(--color-line)}.case-result__outcome,.case-result__metric{font-family: var(--font-display);font-variation-settings: "opsz" 32;font-size: var(--fs-h2);font-weight: 600;line-height: var(--lh-heading);letter-spacing: var(--tracking-heading);max-width: 16ch}.case-result__metric{font-size: var(--fs-stat);direction: ltr;unicode-bidi: isolate}.case-result .body-lg{color: var(--color-on-surface)}.case-next{border-top: 1px solid var(--color-line);padding-block: var(--section-y)}.case-next__inner{display: grid;gap: var(--space-8)}.case-next__link{display: grid;gap: var(--space-2)}.case-next__link:hover .h2{color: var(--color-accent)}.case-next__link:hover .arrow--right{transform: translateX(6px)}[dir="rtl"] .case-next__link:hover .arrow--right{transform: scaleX(-1) translateX(6px)}.case-next__cta{display: grid;gap: var(--space-3);justify-items: start;align-content: end}@media (min-width: 768px){.case-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.case-screens{grid-template-columns: repeat(2,minmax(0,1fr))}.case-next__inner{grid-template-columns: 1.4fr 1fr}}.js [data-reveal]{opacity: 0;transform: translateY(var(--space-3));transition: opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)}.js [data-reveal].is-visible{opacity: 1;transform: none}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;transition-delay: 0s !important}.hero__pulse{display: none}.js [data-reveal]{opacity: 1;transform: none}.work-card__link:hover .work-card__media img{transform: none}}.hero__3d{position: absolute;z-index: 0;pointer-events: none;opacity: 0;transition: opacity 1.2s var(--ease);inset-inline-end: 2%;top: 40%;width: min(46vw,42rem);aspect-ratio: 1;transform: translateY(-50%)}.hero__3d.is-ready{opacity: 1}@media (max-width: 1023px){.hero__3d{inset-inline-end: -25%;top: 8%;width: 90vw;transform: none}.hero__3d.is-ready{opacity: 0.55}}.hero__title .line{transform-origin: 50% 100%;animation: rise-3d 1s var(--ease) both}.hero__title .line:nth-child(2){animation-delay: 120ms}.hero__lead,.hero__copy .btn-row,.hero-preview{animation: fade-up 900ms var(--ease) both}.hero__copy .btn-row{animation-delay: 120ms}.hero-preview{animation-delay: 240ms}@keyframes rise-3d{from{transform: perspective(900px) translateY(0.35em) rotateX(-55deg)}}@keyframes fade-up{from{transform: translateY(var(--space-3))}}[data-tilt]{position: relative;transform: perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition: transform 500ms var(--ease),border-color var(--dur) var(--ease);will-change: transform}[data-tilt]::after{content: "";position: absolute;inset: 0;pointer-events: none;border-radius: inherit;opacity: 0;transition: opacity var(--dur) var(--ease);background: radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgb(242 241 236 / 0.16),transparent 55%)}[data-tilt]:hover::after{opacity: 1}[data-tilt]:hover{transition: transform 120ms linear,border-color var(--dur) var(--ease)}.js [data-reveal]{transform: perspective(1000px) translateY(var(--space-4)) rotateX(8deg);transform-origin: 50% 0}.js [data-reveal].is-visible{transform: none}.logo-strip__viewport{overflow: hidden;mask-image: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.logo-strip__track{display: flex;width: max-content;animation: marquee 28s linear infinite}.logo-strip__track .logo-strip__list{flex-wrap: nowrap;padding-inline-end: var(--space-8)}.logo-strip__viewport:hover .logo-strip__track{animation-play-state: paused}[dir="rtl"] .logo-strip__track{animation-name: marquee-rtl}@keyframes marquee{to{transform: translateX(-50%)}}@keyframes marquee-rtl{to{transform: translateX(50%)}}@media (prefers-reduced-motion: reduce){.hero__3d{display: none}[data-tilt]{transform: none}.logo-strip__track{animation: none}.logo-strip__track .logo-strip__list[aria-hidden]{display: none}.logo-strip__track .logo-strip__list{flex-wrap: wrap}.logo-strip__viewport{mask-image: none;-webkit-mask-image: none}}