:root{color-scheme:light dark;--bg-base: #F2F4F7;--surface-1: #FFFFFF;--surface-2: #F7F8FA;--surface-floating: #FFFFFF;--label-1: #0B1220;--label-2: #4A5468;--label-3: #667085;--label-4: #9AA3B2;--separator: rgba(11, 18, 32, .08);--border-control: rgba(11, 18, 32, .16);--border-strong: #8A93A3;--fill-1: rgba(118, 128, 145, .12);--fill-2: rgba(118, 128, 145, .2);--accent: #0061D8;--accent-hover: #0052B8;--accent-solid: #0061D8;--accent-solid-hover: #0052B8;--accent-solid-pressed: #004BAA;--on-accent: #FFFFFF;--focus: #0061D8;--shadow-float: 0 1px 2px rgba(11, 18, 32, .06), 0 8px 28px rgba(11, 18, 32, .14);--shadow-overlay: 0 2px 8px rgba(11, 18, 32, .1), 0 24px 64px rgba(11, 18, 32, .24);--viz-search: #0B7D6E;--viz-datum: #E8590C;--viz-cluster-a: #3B82F6;--viz-cluster-b: #EC4899;--oil: #A74F0A;--frame-shadow: 0 30px 60px -20px rgba(11, 18, 32, .25);--frame-border: var(--separator);--section-alt: var(--surface-1);--glass: color-mix(in srgb, var(--surface-1) 72%, transparent);--veil: color-mix(in srgb, var(--bg-base) 82%, transparent);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", "Inter", system-ui, "Noto Sans Arabic", sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", "Inter", system-ui, sans-serif;--fs-product: clamp(20px, 1.6vw, 24px);--fs-hero: clamp(36px, 9.4vw, 96px);--fs-h2: clamp(36px, 5vw, 64px);--fs-h3: clamp(24px, 2.6vw, 32px);--fs-body: clamp(17px, 1.3vw, 21px);--fs-small: 14px;--tr-hero: -.03em;--tr-h2: -.025em;--tr-h3: -.015em;--lh-body: 1.5;--radius-s: 8px;--radius-m: 12px;--radius-l: 20px;--radius-phone: 44px;--radius-full: 999px;--page-max: 1200px;--page-wide: 1440px;--gutter: 24px;--section-gap: clamp(120px, 16vw, 220px);--nav-h: 52px;--dur-fast: .16s;--dur-base: .24s;--dur-slow: .38s;--dur-fade: .12s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--ease-arrive: cubic-bezier(.16, 1, .3, 1);--dur-reveal: .7s;--dur-hero: 1.2s;--rise: 24px;--parallax: 40px}@media(max-width:767px){:root{--rise: 12px;--parallax: 16px}}@media(max-width:479px){:root{--gutter: 16px}}@media(prefers-color-scheme:dark){:root{--bg-base: #0D1117;--surface-1: #151A23;--surface-2: #1C2230;--surface-floating: #1A1F29;--label-1: #F2F4F8;--label-2: #A9B1C0;--label-3: #8690A2;--label-4: #5E6878;--separator: rgba(255, 255, 255, .08);--border-control: rgba(255, 255, 255, .16);--border-strong: #7D8798;--fill-1: rgba(255, 255, 255, .08);--fill-2: rgba(255, 255, 255, .12);--accent: #4D9CFF;--accent-hover: #6AADFF;--accent-solid: #1A66D6;--accent-solid-hover: #1A5EC6;--accent-solid-pressed: #1653AF;--focus: #4D9CFF;--shadow-float: 0 1px 2px rgba(0, 0, 0, .13), 0 8px 28px rgba(0, 0, 0, .31), inset 0 0 0 .5px rgba(255, 255, 255, .08);--shadow-overlay: 0 2px 8px rgba(0, 0, 0, .22), 0 24px 64px rgba(0, 0, 0, .53), inset 0 0 0 .5px rgba(255, 255, 255, .08);--viz-search: #2DD4BF;--oil: #E37C3A;--frame-shadow: none;--frame-border: rgba(255, 255, 255, .14)}}@media(prefers-contrast:more){:root{--separator: var(--border-strong);--frame-border: var(--border-strong);--glass: var(--surface-1);--veil: color-mix(in srgb, var(--bg-base) 92%, transparent)}}:lang(ar){--font-sans: "SF Arabic", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif;--font-display: "SF Arabic", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif;--tr-hero: 0;--tr-h2: 0;--tr-h3: 0;--lh-body: 1.7}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 8px)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--bg-base);color:var(--label-1);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}img,picture,svg{display:block;max-width:100%}img{height:auto}h1,h2,h3,p,ul,ol,figure,dl,dd{margin:0}ul,ol{padding:0}h1,h2,h3{font-family:var(--font-display);text-wrap:balance}p{text-wrap:pretty}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}::selection{background:color-mix(in srgb,var(--accent) 24%,transparent)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.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{position:absolute;inset-inline-start:16px;inset-block-start:-100px;z-index:100;padding:10px 16px;border-radius:var(--radius-full);background:var(--accent-solid);color:var(--on-accent);font-weight:600;font-size:15px}.skip:focus{inset-block-start:8px;text-decoration:none}.wrap{width:100%;max-width:calc(var(--page-max) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}.wrap--wide{max-width:calc(var(--page-wide) + 2 * var(--gutter))}.section{padding-block:var(--section-gap) 0}.t-h2{font-size:var(--fs-h2);line-height:1.06;font-weight:700;letter-spacing:var(--tr-h2);max-width:20ch}.t-h3{font-size:var(--fs-h3);line-height:1.15;font-weight:600;letter-spacing:var(--tr-h3);max-width:22ch}.t-lead{color:var(--label-2);max-width:60ch}.t-body{color:var(--label-2);max-width:44ch}.t-body strong,.t-lead strong{color:var(--label-1);font-weight:600}.t-caption{font-size:var(--fs-small);line-height:1.45;color:var(--label-2)}.center{text-align:center;margin-inline:auto}.section-head{display:grid;gap:20px;justify-items:start}.section-head.center{justify-items:center}.section-head.center .t-h2,.section-head.center .t-lead{margin-inline:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:var(--radius-full);background:var(--accent-solid);color:var(--on-accent);font:600 17px/1 var(--font-sans);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.btn:hover{background:var(--accent-solid-hover);text-decoration:none}.btn:active{background:var(--accent-solid-pressed);transform:scale(.97)}.btn--sm{min-height:32px;padding:0 14px;font-size:14px}@media(pointer:coarse){.btn--sm{min-height:40px}}.link-more{display:inline-flex;align-items:center;gap:4px;min-height:44px;color:var(--accent);font-weight:500;font-size:17px;white-space:nowrap}.link-more svg{width:14px;height:14px;flex:none}.link-more:hover{text-decoration:underline}[dir=rtl] .link-more svg{transform:scaleX(-1)}.actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 28px}.frame{position:relative;border-radius:var(--radius-m);overflow:hidden;background:var(--surface-2);box-shadow:var(--frame-shadow);aspect-ratio:16 / 10}.frame:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--frame-border);pointer-events:none;z-index:2}.frame picture,.frame img{width:100%;height:100%}.frame img{object-fit:cover}.phone{position:relative;border-radius:var(--radius-phone);overflow:hidden;aspect-ratio:1170 / 2532;background:var(--surface-2);box-shadow:var(--frame-shadow)}.phone:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--frame-border);pointer-events:none}.phone picture,.phone img{width:100%;height:100%}.piece{position:relative;border-radius:var(--radius-m);overflow:hidden;box-shadow:var(--shadow-overlay)}.piece:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--frame-border);pointer-events:none}@media(prefers-color-scheme:dark){.light-only img{filter:brightness(.92)}}@media(forced-colors:active){.frame:after,.phone:after,.piece:after{border-color:CanvasText}.btn{border:1px solid ButtonText}}main:focus{outline:none}@keyframes rise-in{0%{transform:translateY(16px)}to{transform:none}}@keyframes zoom-settle{0%{transform:scale(1.03)}to{transform:none}}@keyframes reveal{0%{opacity:0;transform:translateY(var(--rise))}to{opacity:1;transform:none}}@keyframes reveal-media{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes drift{0%{transform:translateY(calc(var(--parallax) * var(--k, 1)))}to{transform:translateY(calc(-1 * var(--parallax) * var(--k, 1)))}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes nav-bg{0%{opacity:0;transform:scaleY(1.15)}to{opacity:1;transform:none}}@keyframes hero-grow{0%{transform:scale(.92)}to{transform:none}}@keyframes hero-inspector{0%,15%{opacity:0}55%,to{opacity:1}}@keyframes hero-copy-out{0%,30%{opacity:1;transform:none}to{opacity:.4;transform:translateY(-40px)}}@keyframes bg-drift{0%{transform:translateY(-6%)}to{transform:translateY(6%)}}@media(prefers-reduced-motion:no-preference){.hero-rise{animation:rise-in var(--dur-reveal) var(--ease-arrive) both}.hero-rise[data-d="1"]{animation-delay:80ms}.hero-rise[data-d="2"]{animation-delay:.16s}.hero-zoom{animation:zoom-settle var(--dur-hero) var(--ease-arrive) both}@supports (animation-timeline: view()){.sda .nav-bg{transform-origin:50% 0;animation:nav-bg linear both;animation-timeline:scroll(root block);animation-range:0px 80px}.sda .hero-frame{transform-origin:50% 0;animation:hero-grow linear both;animation-timeline:scroll(root block);animation-range:0px 70vh}.sda .hero-inspector{animation:hero-inspector linear both;animation-timeline:scroll(root block);animation-range:0px 70vh}.sda .hero-copy{animation:hero-copy-out linear both;animation-timeline:scroll(root block);animation-range:0px 70vh}.sda .reveal{animation:reveal linear both;animation-timeline:view();animation-range:var(--range, entry 10% cover 30%);animation-timing-function:var(--ease-arrive)}.sda .reveal-media{animation:reveal-media linear both;animation-timeline:view();animation-range:var(--range, entry 10% cover 30%);animation-timing-function:var(--ease-arrive)}.sda .parallax{animation:drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%}.sda .parallax--front{--k: 1.6}.sda .final-bg{animation:bg-drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}.io .nav-bg{opacity:0;transition:opacity var(--dur-base) var(--ease-standard)}.io [data-scrolled] .nav-bg{opacity:1}.io .hero-inspector{opacity:0;transition:opacity .6s var(--ease-arrive)}.io .hero-inspector.is-in{opacity:1}.io .reveal,.io .reveal-media{transition:opacity var(--dur-reveal) var(--ease-arrive),transform var(--dur-reveal) var(--ease-arrive);transition-delay:min(calc(var(--i, 0) * 80ms),.24s)}.io .reveal:not(.is-in){opacity:0;transform:translateY(var(--rise))}.io .reveal-media:not(.is-in){opacity:0;transform:scale(.96)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:active{transform:none}.rm .nav-bg{opacity:0}.rm [data-scrolled] .nav-bg{opacity:1}.rm .reveal,.rm .reveal-media{transition:opacity var(--dur-fade) linear}.rm .reveal:not(.is-in),.rm .reveal-media:not(.is-in){opacity:0}}.logo[data-astro-cid-f7espo7c]{flex:none}.logo[data-astro-cid-f7espo7c] img[data-astro-cid-f7espo7c]{display:block}