:root{--brand-1: #0a6ce4;--brand-2: #1e9bf0;--brand-3: #2bd0f5;--brand-deep: #063f86;--brand-1-rgb: 10 108 228;--brand-2-rgb: 30 155 240;--brand-3-rgb: 43 208 245;--accent-1: #ff8a3d;--accent-2: #ffb547;--accent-deep: #d1631d;--accent-1-rgb: 255 138 61;--accent-2-rgb: 255 181 71;--night-900: #060a12;--night-800: #0a0f1a;--night-700: #101827;--night-600: #182234;--grad-brand: linear-gradient(115deg, var(--brand-1) 0%, var(--brand-2) 48%, var(--brand-3) 100%);--grad-brand-rev: linear-gradient(115deg, var(--brand-3) 0%, var(--brand-2) 52%, var(--brand-1) 100%);--grad-brand-soft: linear-gradient( 150deg, rgb(var(--brand-1-rgb) / .12) 0%, rgb(var(--brand-3-rgb) / .08) 100% );--grad-accent: linear-gradient(115deg, var(--accent-1) 0%, var(--accent-2) 100%);--grad-accent-soft: linear-gradient( 150deg, rgb(var(--accent-1-rgb) / .16) 0%, rgb(var(--accent-2-rgb) / .08) 100% );--grad-signature: linear-gradient( 110deg, var(--brand-1) 0%, var(--brand-2) 35%, var(--brand-3) 62%, var(--accent-2) 100% );--grad-night: linear-gradient(160deg, var(--night-800) 0%, var(--night-900) 100%);--grad-hairline: linear-gradient( 90deg, transparent 0%, rgb(var(--brand-2-rgb) / .55) 50%, transparent 100% );--surface-0: #ffffff;--surface-1: #ffffff;--surface-2: #f5f8fc;--surface-3: #eaf1f9;--surface-warm: #fff7ef;--surface-inverse: var(--night-900);--surface-glass: rgb(255 255 255 / .72);--ink-1: #0e1726;--ink-2: #33455e;--ink-muted: #8da2bc;--ink-inverse: #f4f8ff;--ink-inverse-muted: #9db1cb;--ink-brand: var(--brand-1);--border-1: #e2eaf4;--border-2: #cfdce9;--border-strong: #b3c6da;--border-inverse: rgb(255 255 255 / .1);--shadow-color: 210 40% 30%;--shadow-strength: 1;--font-ar: "Tajawal", system-ui, "Segoe UI", sans-serif;--font-en: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Cascadia Code", monospace;--font-sans: var(--font-ar);--font-display: var(--font-sans);--fs-2xs: clamp(.688rem, .67rem + .08vw, .75rem);--fs-xs: clamp(.75rem, .73rem + .1vw, .813rem);--fs-sm: clamp(.875rem, .85rem + .12vw, .938rem);--fs-base: clamp(.975rem, .94rem + .17vw, 1.063rem);--fs-md: clamp(1.063rem, 1.01rem + .24vw, 1.188rem);--fs-lg: clamp(1.188rem, 1.1rem + .39vw, 1.375rem);--fs-xl: clamp(1.375rem, 1.24rem + .6vw, 1.75rem);--fs-2xl: clamp(1.625rem, 1.4rem + 1vw, 2.25rem);--fs-3xl: clamp(2rem, 1.62rem + 1.7vw, 3rem);--fs-4xl: clamp(2.5rem, 1.9rem + 2.7vw, 4rem);--fs-5xl: clamp(3rem, 2.05rem + 4.2vw, 5.25rem);--fs-display: clamp(3.25rem, 1.9rem + 6vw, 7rem);--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fw-black: 900;--lh-none: 1;--lh-tight: 1.1;--lh-snug: 1.28;--lh-body: 1.72;--lh-loose: 1.95;--ls-tighter: -.035em;--ls-tight: -.018em;--ls-normal: 0em;--ls-wide: .06em;--ls-widest: .18em;--sp-0: 0;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-7: 1.75rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-14: 3.5rem;--sp-16: 4rem;--sp-20: 5rem;--sp-24: 6rem;--sp-32: 8rem;--sp-40: 10rem;--section-y: clamp(4rem, 2.4rem + 6.4vw, 8.5rem);--section-y-sm: clamp(2.75rem, 1.9rem + 3.4vw, 5rem);--gutter: clamp(1.15rem, .6rem + 2.4vw, 3rem);--container-max: 1240px;--container-wide: 1440px;--container-narrow: 820px;--container-prose: 68ch;--navbar-h: 74px;--navbar-h-compact: 62px;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-2xl: 36px;--r-3xl: 48px;--r-pill: 999px;--r-circle: 50%;--shadow-hairline: 0 0 0 1px var(--border-1);--shadow-soft: 0 1px 2px hsl(var(--shadow-color) / calc(.04 * var(--shadow-strength))), 0 6px 16px -8px hsl(var(--shadow-color) / calc(.1 * var(--shadow-strength)));--shadow-card: 0 2px 4px hsl(var(--shadow-color) / calc(.04 * var(--shadow-strength))), 0 12px 28px -12px hsl(var(--shadow-color) / calc(.16 * var(--shadow-strength)));--shadow-lifted: 0 4px 8px hsl(var(--shadow-color) / calc(.05 * var(--shadow-strength))), 0 28px 56px -20px hsl(var(--shadow-color) / calc(.26 * var(--shadow-strength)));--shadow-float: 0 18px 44px -12px hsl(var(--shadow-color) / calc(.34 * var(--shadow-strength)));--shadow-glow-brand: 0 12px 34px -12px rgb(var(--brand-2-rgb) / .55);--shadow-glow-accent: 0 12px 34px -12px rgb(var(--accent-1-rgb) / .5);--shadow-inset-top: inset 0 1px 0 0 rgb(255 255 255 / .65);--z-below: -1;--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-nav: 200;--z-drawer: 300;--z-overlay: 400;--z-modal: 500;--z-float: 600;--z-toast: 700;--ease-linear: linear;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-expo: cubic-bezier(.87, 0, .13, 1);--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.18, .89, .32, 1.28);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--dur-instant: 90ms;--dur-fast: .18s;--dur-base: .3s;--dur-slow: .62s;--dur-slower: .95s;--dur-ambient: 14s;--reveal-dir: 1;--focus-ring-color: var(--brand-2)}:root[dir=rtl],[dir=rtl]{--reveal-dir: -1}:root[data-theme=dark]{--surface-0: var(--night-900);--surface-1: #0d1421;--surface-2: #101827;--surface-3: #16203180;--surface-warm: #1a1410;--surface-inverse: var(--night-900);--surface-glass: rgb(10 15 26 / .72);--ink-1: #eef4ff;--ink-2: #c4d2e6;--ink-muted: #8da2bc;--ink-inverse: #f4f8ff;--ink-inverse-muted: #9db1cb;--ink-brand: var(--brand-3);--border-1: #1c2839;--border-2: #26344a;--border-strong: #35455e;--border-inverse: rgb(14 23 38 / .12);--shadow-color: 215 60% 2%;--shadow-strength: 2.6;--shadow-inset-top: inset 0 1px 0 0 rgb(255 255 255 / .05)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--surface-0: var(--night-900);--surface-1: #0d1421;--surface-2: #101827;--surface-3: #16203180;--surface-warm: #1a1410;--surface-inverse: var(--night-900);--surface-glass: rgb(10 15 26 / .72);--ink-1: #eef4ff;--ink-2: #c4d2e6;--ink-muted: #8da2bc;--ink-inverse: #f4f8ff;--ink-inverse-muted: #9db1cb;--ink-brand: var(--brand-3);--border-1: #1c2839;--border-2: #26344a;--border-strong: #35455e;--border-inverse: rgb(14 23 38 / .12);--shadow-color: 215 60% 2%;--shadow-strength: 2.6;--shadow-inset-top: inset 0 1px 0 0 rgb(255 255 255 / .05)}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{block-size:100%;scroll-behavior:smooth;scroll-padding-block-start:calc(var(--navbar-h) + var(--sp-6));color-scheme:light;-webkit-tap-highlight-color:transparent}html[data-theme=dark]{color-scheme:dark}@media(prefers-color-scheme:dark){html:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html{overflow-x:clip}body{min-block-size:100%;background-color:var(--surface-0);color:var(--ink-2);overflow-x:clip;overscroll-behavior-y:none;transition:background-color var(--dur-base) var(--ease-smooth),color var(--dur-base) var(--ease-smooth)}:root[lang=ar],:root[dir=rtl]{--font-sans: var(--font-ar);--font-display: var(--font-ar)}:root[lang=en],:root[dir=ltr]{--font-sans: var(--font-en);--font-display: var(--font-en)}img,picture,video,canvas,svg{display:block;max-inline-size:100%;block-size:auto}svg{fill:currentColor;flex:0 0 auto}input,button,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{background:none;border:0;padding:0;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:3px;border-radius:inherit}button:focus:not(:focus-visible){outline:none}ul,ol{list-style:none;padding:0;margin:0}address{font-style:normal}table{border-collapse:collapse;inline-size:100%}hr{block-size:1px;inline-size:100%;border:0;background:var(--grad-hairline)}:where(iframe){border:0}::selection{background:rgb(var(--brand-2-rgb)/.22);color:var(--ink-1)}:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:3px;border-radius:inherit}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{inline-size:10px;block-size:10px}::-webkit-scrollbar-track{background:var(--surface-2)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--brand-2),var(--brand-1));border-radius:var(--r-pill);border:2px solid var(--surface-2);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--brand-3),var(--brand-2));background-clip:padding-box}app-root{display:block;min-block-size:100dvh;isolation:isolate}.skip-link{position:fixed;inset-block-start:var(--sp-3);inset-inline-start:var(--sp-3);z-index:var(--z-toast);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);background:var(--surface-1);color:var(--ink-1);box-shadow:var(--shadow-lifted);font-weight:var(--fw-bold);transform:translateY(-160%);transition:transform var(--dur-base) var(--ease-out-back)}.skip-link:focus-visible{transform:translateY(0)}.fonts-loading *{font-synthesis-weight:none}html{font-size:100%;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-body);color:var(--ink-2);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);color:var(--ink-1);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);text-wrap:balance}h1{font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);letter-spacing:var(--ls-tighter)}h2{font-size:var(--fs-3xl);font-weight:var(--fw-bold)}h3{font-size:var(--fs-2xl)}h4{font-size:var(--fs-xl);line-height:var(--lh-snug)}h5{font-size:var(--fs-lg);line-height:var(--lh-snug)}h6{font-size:var(--fs-md);line-height:var(--lh-snug);font-weight:var(--fw-semibold)}:root[lang=ar] h1,:root[lang=ar] h2,:root[lang=ar] h3,:root[lang=ar] h4,:root[lang=ar] h5,:root[lang=ar] h6,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{letter-spacing:var(--ls-normal);line-height:1.22}:root[lang=ar] .u-eyebrow,:root[lang=ar] .eyebrow,[dir=rtl] .u-eyebrow,[dir=rtl] .eyebrow{letter-spacing:var(--ls-normal);text-transform:none}p{margin:0;text-wrap:pretty}a{color:var(--ink-brand);text-decoration:none;transition:color var(--dur-fast) var(--ease-smooth)}a:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:3px;border-radius:inherit}a:focus:not(:focus-visible){outline:none}strong,b{font-weight:var(--fw-bold);color:var(--ink-1)}small{font-size:var(--fs-sm)}.u-num,time,code,kbd{font-family:var(--font-en);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;direction:ltr;unicode-bidi:isolate}.u-display{font-size:var(--fs-display);font-weight:var(--fw-black);line-height:.98;letter-spacing:var(--ls-tighter)}:root[lang=ar] .u-display{line-height:1.18;letter-spacing:var(--ls-normal)}.u-eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--ink-brand)}.u-lede{font-size:var(--fs-md);line-height:var(--lh-body);color:var(--ink-2);max-inline-size:58ch}.u-muted{color:var(--ink-muted)}.u-gradient-text{background:var(--grad-brand);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.u-gradient-text--warm{background:var(--grad-accent);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.u-gradient-text--signature{background:var(--grad-signature);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.u-mark{position:relative;display:inline-block;white-space:nowrap}.u-mark:after{content:"";position:absolute;inset-inline:-.08em;inset-block-end:.06em;block-size:.34em;background:var(--grad-accent);opacity:.32;border-radius:var(--r-pill);z-index:-1;transform-origin:var(--mark-origin, left)}[dir=rtl] .u-mark:after{--mark-origin: right}.u-container{inline-size:100%;max-inline-size:var(--container-max);margin-inline:auto;padding-inline:var(--gutter)}.u-container--wide{inline-size:100%;max-inline-size:var(--container-wide);margin-inline:auto;padding-inline:var(--gutter)}.u-container--narrow{inline-size:100%;max-inline-size:var(--container-narrow);margin-inline:auto;padding-inline:var(--gutter)}.u-section{padding-block-start:var(--section-y);padding-block-end:var(--section-y)}.u-section--sm{padding-block-start:var(--section-y-sm);padding-block-end:var(--section-y-sm)}.u-stack{display:flex;flex-direction:column;gap:var(--stack-gap, var(--sp-4))}.u-hairline{block-size:1px;inline-size:100%;border:0;background:var(--grad-hairline)}.u-sr-only{position:absolute!important;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.u-on-dark{color:var(--ink-inverse-muted)}.u-on-dark h1,.u-on-dark h2,.u-on-dark h3,.u-on-dark h4,.u-on-dark h5,.u-on-dark h6{color:var(--ink-inverse)}.u-on-dark .u-lede,.u-on-dark p{color:var(--ink-inverse-muted)}.u-on-dark .u-eyebrow{color:var(--brand-3)}.reveal{--reveal-delay: 0ms;--reveal-distance: 34px;opacity:0;will-change:opacity,transform,filter;transition:opacity var(--dur-slow) var(--ease-out-expo) var(--reveal-delay),transform var(--dur-slow) var(--ease-out-expo) var(--reveal-delay),filter var(--dur-slow) var(--ease-smooth) var(--reveal-delay),clip-path var(--dur-slower) var(--ease-in-out-expo) var(--reveal-delay)}.reveal--up{transform:translate3d(0,var(--reveal-distance),0)}.reveal--down{transform:translate3d(0,calc(var(--reveal-distance) * -1),0)}.reveal--start{transform:translate3d(calc(var(--reveal-dir) * var(--reveal-distance) * -1.4),0,0)}.reveal--end{transform:translate3d(calc(var(--reveal-dir) * var(--reveal-distance) * 1.4),0,0)}.reveal--scale{transform:scale(.93) translate3d(0,calc(var(--reveal-distance) * .5),0)}.reveal--blur{filter:blur(14px);transform:translate3d(0,calc(var(--reveal-distance) * .6),0)}.reveal--clip{opacity:1;clip-path:inset(0 0 100% 0);transform:translate3d(0,calc(var(--reveal-distance) * .4),0)}.is-revealed{opacity:1;transform:none;filter:none;clip-path:inset(0 0 0 0);will-change:auto}.iser-tilt{transform-style:preserve-3d;transition:transform var(--dur-base) var(--ease-out-expo);will-change:transform}.iser-tilt.is-tilting{transition:transform 90ms linear}.iser-tilt__glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--dur-base) var(--ease-smooth);background:radial-gradient(circle at var(--tilt-px, 50%) var(--tilt-py, 50%),rgba(255,255,255,.55) 0%,rgba(255,255,255,.12) 26%,transparent 58%);mix-blend-mode:overlay;z-index:3}.iser-tilt.is-tilting .iser-tilt__glare{opacity:1}.iser-magnetic{will-change:transform;transition:transform var(--dur-slow) var(--ease-spring)}.iser-magnetic.is-pulling{transition:transform 80ms linear}@keyframes float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,var(--float-distance, -14px),0)}}@keyframes drift{0%{transform:translateZ(0) rotate(0)}33%{transform:translate3d(var(--drift-x, 18px),var(--drift-y, -12px),0) rotate(1.4deg)}66%{transform:translate3d(calc(var(--drift-x, 18px) * -.6),var(--drift-y, -12px),0) rotate(-1.2deg)}to{transform:translateZ(0) rotate(0)}}@keyframes shimmer{0%{background-position:-140% 0}to{background-position:240% 0}}@keyframes gradient-pan{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(calc(var(--reveal-dir) * -50%),0,0)}}@keyframes pulse-ring{0%{transform:scale(.82);opacity:.6}70%{transform:scale(1.5);opacity:0}to{transform:scale(1.5);opacity:0}}@keyframes draw-line{0%{stroke-dashoffset:var(--draw-length, 1000)}to{stroke-dashoffset:0}}@keyframes blob-morph{0%,to{border-radius:58% 42% 38% 62%/46% 54%}33%{border-radius:38% 62% 58% 42%/62% 38%}66%{border-radius:52% 48% 44% 56%/38% 58% 42% 62%}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}@keyframes caret-blink{0%,45%{opacity:1}50%,95%{opacity:0}}.anim-float{animation:float var(--anim-duration, 7s) var(--ease-smooth) infinite}.anim-drift{animation:drift var(--anim-duration, var(--dur-ambient)) var(--ease-smooth) infinite}.anim-spin-slow{animation:spin-slow var(--anim-duration, 26s) linear infinite}.anim-blob{animation:blob-morph var(--anim-duration, 18s) var(--ease-smooth) infinite}.anim-pan{background-size:260% 260%;animation:gradient-pan var(--anim-duration, 12s) var(--ease-smooth) infinite}.anim-shimmer{background-image:linear-gradient(100deg,transparent 28%,rgba(255,255,255,.55) 45%,transparent 62%);background-size:200% 100%;animation:shimmer var(--anim-duration, 2.6s) var(--ease-smooth) infinite}.anim-delay-1{animation-delay:.6s}.anim-delay-2{animation-delay:1.2s}.anim-delay-3{animation-delay:1.9s}.marquee{display:flex;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee__track{display:flex;flex:0 0 auto;gap:var(--marquee-gap, var(--sp-10));padding-inline-end:var(--marquee-gap, var(--sp-10));animation:marquee var(--marquee-duration, 38s) linear infinite;will-change:transform}.marquee:hover .marquee__track{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.reveal,.reveal--up,.reveal--down,.reveal--start,.reveal--end,.reveal--scale,.reveal--blur,.reveal--clip{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;transition:none!important}.anim-float,.anim-drift,.anim-spin-slow,.anim-blob,.anim-pan,.anim-shimmer,.marquee__track{animation:none!important}.iser-tilt,.iser-magnetic{transform:none!important;transition:none!important}.iser-tilt__glare{display:none}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}