@layer theme,base;@layer components{html{scroll-padding-block-start:6.5rem}@media (width>=64rem){html{scroll-padding-block-start:5.5rem}}.read-progress{z-index:calc(var(--z-nav) + 1);pointer-events:none;height:2px;position:fixed;inset-block-start:calc(var(--nav-real,var(--nav-h)) - 1px);inset-inline:0}.read-progress i{background:linear-gradient(90deg, var(--color-teal-fill), var(--color-teal-fill) 70%, var(--color-saffron-fill));transform-origin:0;height:100%;transform:scaleX(var(--p,0));display:block}[dir=rtl] .read-progress i{transform-origin:100%;background:linear-gradient(-90deg, var(--color-teal-fill), var(--color-teal-fill) 70%, var(--color-saffron-fill))}.crumbs-row{align-items:center;gap:.75rem;min-height:2.25rem;display:flex}.back-btn{border-radius:var(--radius-full);border:1px solid var(--color-line-strong);background:var(--color-surface);width:2.25rem;height:2.25rem;color:var(--color-ink-2);box-shadow:var(--shadow-xs);transition:border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);flex:none;place-items:center;display:inline-grid}@media (hover:hover){.back-btn:hover{border-color:var(--color-line-input);color:var(--color-ink)}}.back-btn .icon{width:1.0625rem;height:1.0625rem}@media (prefers-reduced-motion:no-preference){.back-btn .icon{transition:transform var(--duration-base) var(--ease-out)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.back-btn:hover .icon{transform:translate(-2px)}[dir=rtl] .back-btn:hover .icon{transform:scaleX(-1)translate(-2px)}}.crumbs ol{font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.25rem .5rem;line-height:1.3;list-style:none;display:flex}.crumbs li{align-items:center;gap:.5rem;display:inline-flex}.crumbs li+li:before{content:"/";font-family:var(--font-mono);color:var(--color-saffron)}.crumbs a{color:var(--color-ink-2);border-radius:var(--radius-xs);text-underline-offset:.2em;transition:text-decoration-color var(--duration-fast);text-decoration:underline #0000}@media (hover:hover){.crumbs a:hover{color:var(--color-ink);text-decoration-color:currentColor}}.crumbs [aria-current=page]{color:var(--color-ink);font-weight:500}.cs-hero{isolation:isolate;padding-block:clamp(1.25rem,.75rem + 1.5vw,2rem) 0;position:relative}.cs-hero__bg{z-index:-1;pointer-events:none;height:min(52rem,100%);position:absolute;inset:0 0 auto;overflow:hidden}.cs-hero__bg:before{content:"";background-image:radial-gradient(circle at 2px 2px, var(--color-graph-grid) 1.15px, transparent 1.5px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(50% 60% at 88% 18%,#000 0%,#00000080 45%,#0000 80%);mask-image:radial-gradient(50% 60% at 88% 18%,#000 0%,#00000080 45%,#0000 80%)}.cs-hero__bg:after{content:"";background:radial-gradient(34rem 26rem at 92% 6%, var(--color-glow-2), transparent 70%), radial-gradient(40rem 30rem at 70% 70%, var(--color-glow-1), transparent 72%);position:absolute;inset:0}[dir=rtl] .cs-hero__bg:before{-webkit-mask-image:radial-gradient(50% 60% at 12% 18%,#000 0%,#00000080 45%,#0000 80%);mask-image:radial-gradient(50% 60% at 12% 18%,#000 0%,#00000080 45%,#0000 80%)}[dir=rtl] .cs-hero__bg:after{background:radial-gradient(34rem 26rem at 8% 6%, var(--color-glow-2), transparent 70%), radial-gradient(40rem 30rem at 30% 70%, var(--color-glow-1), transparent 72%)}.cs-hero__grid{gap:clamp(1.75rem,1rem + 2.5vw,2.5rem);margin-block-start:clamp(1.75rem,1rem + 2.5vw,3rem);display:grid}@media (width>=64rem){.cs-hero__grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:end;gap:clamp(2.5rem,4vw,4.5rem)}}.cs-hero__copy{justify-items:start;gap:1.25rem;display:grid}.cs-hero__title{font-size:var(--text-display);line-height:var(--text-display--line-height);letter-spacing:var(--text-display--letter-spacing);max-width:17ch}:lang(ar) .cs-hero__title{max-width:19ch}.cs-hero__summary{font-size:var(--text-md);line-height:var(--text-md--line-height);color:var(--color-ink-2);max-width:41rem}.cs-hero__summary strong{color:var(--color-ink);font-weight:600}.cs-hero__actions{flex-wrap:wrap;gap:.75rem;padding-block-start:.25rem;display:flex}.cs-meta{gap:0;padding:1.25rem 1.375rem;display:grid}.cs-meta__row{border-block-end:1px solid var(--color-line);grid-template-columns:5.25rem minmax(0,1fr);align-items:baseline;gap:.75rem;padding-block:.6875rem;display:grid}.cs-meta__row:first-child{padding-block-start:0}.cs-meta__row:last-child{border-block-end:0;padding-block-end:0}.cs-meta dt{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted);letter-spacing:.02em}:lang(ar) .cs-meta dt{font-family:var(--font-arabic);font-size:var(--text-xs);letter-spacing:0}.cs-meta dd{font-size:var(--text-sm);color:var(--color-ink);margin:0;font-weight:500;line-height:1.45}.cs-meta dd small{color:var(--color-muted);font-weight:400;font-size:var(--text-xs);display:block}.cs-meta__org{align-items:center;gap:.5rem;display:inline-flex}.cs-meta__org .mask{-webkit-mask:var(--src) center / contain no-repeat;mask:var(--src) center / contain no-repeat;color:var(--color-ink-2);background:currentColor;flex:none;display:inline-block}.cs-meta .cluster{--cluster-gap:.3125rem;padding-block-start:.125rem}.cs-meta .chip{font-size:var(--text-xs)}@media (width>=40rem) and (width<=63.99rem){.cs-meta{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}.cs-meta__row:nth-last-child(2):nth-child(odd){border-block-end:0}.cs-meta__row:last-child{border-block-start:1px solid var(--color-line);grid-column:1/-1;padding-block-start:.6875rem}.cs-meta__row:nth-child(2){padding-block-start:0}}.cs-facts{margin-block-start:clamp(2.25rem,1.5rem + 2.5vw,3.5rem)}.cs-facts .metric__label{max-width:24ch}.cs-facts .metric__value small{font-size:.42em}.metric__value--word{font-size:calc(var(--text-2xl) * .9)}.fig{margin:0}.fig-panel{isolation:isolate;border-radius:var(--radius-xl);border:1px solid var(--color-line);background:var(--color-surface);box-shadow:var(--shadow-md), var(--inset-highlight);position:relative;overflow:hidden}.fig-panel__bar{border-block-end:1px solid var(--color-line);background:color-mix(in srgb, var(--color-surface-2) 55%, var(--color-surface));min-height:2.75rem;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted);letter-spacing:.02em;align-items:center;gap:.75rem;padding:.5rem .75rem .5rem 1.125rem;display:flex}[dir=rtl] .fig-panel__bar{padding:.5rem 1.125rem .5rem .75rem}.fig-panel__id{color:var(--color-accent);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:600}.fig-panel__title{color:var(--color-ink-2);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}:lang(ar) .fig-panel__title{font-family:var(--font-arabic);font-size:var(--text-xs)}.fig-panel__tools{align-items:center;gap:.25rem;margin-inline-start:auto;display:flex}.fig-panel__tool{border-radius:var(--radius-sm);height:1.875rem;color:var(--color-muted);font:inherit;align-items:center;gap:.375rem;padding-inline:.5rem;display:inline-flex}@media (hover:hover){.fig-panel__tool:hover{background:var(--color-surface-2);color:var(--color-ink)}}.fig-panel__tool .icon{width:.9375rem;height:.9375rem}.fig-panel__canvas{background:var(--color-bg);padding:clamp(.75rem,.25rem + 1.5vw,1.75rem);position:relative}.fig-panel__canvas:before{content:"";z-index:-1;background:radial-gradient(40% 60% at 50% 50%, var(--color-glow-1), transparent 75%);pointer-events:none;position:absolute;inset:0}.fig-panel__canvas>svg,.fig-panel__canvas>picture>img,.fig-panel__canvas>img{width:100%;height:auto;margin-inline:auto;display:block}.fig-panel__canvas>svg{--dg-canvas:transparent}.fig-panel[data-state=missing] .fig-panel__canvas{place-items:center;min-height:18rem;display:grid}.fig-panel__missing{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted)}.fig-panel__placeholder{aspect-ratio:16/7;border-radius:var(--radius-lg);border:1px dashed var(--color-line-strong);background-image:radial-gradient(circle at 2px 2px, var(--color-graph-grid) 1.1px, transparent 1.4px);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);background-size:22px 22px;place-items:center;display:grid}.fig__caption{gap:.875rem;margin-block-start:1rem;display:grid}.fig__caption-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);max-width:72ch;line-height:1.6}.fig__caption-text b{color:var(--color-ink-2);font-weight:600}.fig__note{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-muted);margin-block-start:.25rem;display:block}:lang(ar) .fig__caption-text{font-family:var(--font-arabic);font-size:var(--text-sm);line-height:1.8}:lang(ar) .fig__caption-text b{font-family:var(--font-arabic);font-weight:700}.co{border-radius:var(--radius-full);background:var(--color-saffron-fill);min-width:1.375rem;height:1.375rem;color:var(--color-on-saffron);font:700 var(--text-xs)/1 var(--font-mono);font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--color-bg);flex:none;place-items:center;padding-inline:.25rem;display:inline-grid}a.co{text-decoration:none}.co-ref{vertical-align:.12em;margin-inline:.125rem;transform:scale(.92)}.callouts{counter-reset:co;gap:.625rem 2rem;list-style:none;display:grid}@media (width>=48rem){.callouts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=80rem){.callouts--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.callouts li{font-size:var(--text-sm);color:var(--color-ink-2);grid-template-columns:auto 1fr;align-items:start;gap:.625rem;line-height:1.5;display:grid}.callouts li b{color:var(--color-ink);font-weight:600}:lang(ar) .callouts li{line-height:1.75}.callouts .co{margin-block-start:.0625rem}.cs-layout{padding-block:clamp(3.5rem, 2.5rem + 4vw, 6rem) var(--space-section);gap:0 clamp(3rem,2rem + 4vw,6rem);display:grid}@media (width>=64rem){.cs-layout{grid-template-columns:minmax(0,1fr) 15rem}}@media (width>=80rem){.cs-layout{grid-template-columns:minmax(0,1fr) 16.5rem}}.cs-article{min-width:0}.toc-rail{display:none}@media (width>=64rem){.toc-rail{display:block}.toc-rail__inner{gap:1.5rem;display:grid;position:sticky;inset-block-start:6.5rem}}.toc__label{justify-content:space-between;align-items:center;gap:.5rem;margin-block-end:.875rem;display:flex}.toc__pct{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted);font-variant-numeric:tabular-nums}.toc__list{border-inline-start:1px solid var(--color-line);list-style:none;display:grid;position:relative}.toc__list a{font-size:var(--text-sm);color:var(--color-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);border-inline-start:2px solid #0000;grid-template-columns:1.75rem 1fr;align-items:baseline;margin-inline-start:-1px;padding:.4375rem .5rem .4375rem .875rem;line-height:1.35;display:grid;position:relative}[dir=rtl] .toc__list a{border-radius:var(--radius-sm) 0 0 var(--radius-sm);padding:.4375rem .875rem .4375rem .5rem}@media (hover:hover){.toc__list a:hover{color:var(--color-ink);background:color-mix(in srgb, var(--color-surface-2) 70%, transparent)}}.toc__list a[aria-current=true]{color:var(--color-ink);border-inline-start-color:var(--color-accent-fill);font-weight:500}.toc__num{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted);font-variant-numeric:tabular-nums}.toc__list a[aria-current=true] .toc__num{color:var(--color-accent);font-weight:600}.toc__list a:focus-visible{outline-offset:-2px}.toc-rail__aside{border-block-start:1px solid var(--color-line);gap:.5rem;padding-block-start:1.25rem;display:grid}.toc-rail__aside .btn{justify-content:flex-start}.toc-rail__note{font-size:var(--text-xs);color:var(--color-muted);line-height:1.5}.toc-m{z-index:var(--z-sticky);margin-block-end:2.5rem;margin-inline:calc(var(--space-gutter) * -1);padding-inline:var(--space-gutter);margin-left:calc(-1 * max(var(--space-gutter), env(safe-area-inset-left)));margin-right:calc(-1 * max(var(--space-gutter), env(safe-area-inset-right)));padding-left:max(var(--space-gutter), env(safe-area-inset-left));padding-right:max(var(--space-gutter), env(safe-area-inset-right));background:color-mix(in srgb, var(--color-bg) 88%, transparent);backdrop-filter:saturate(1.4)blur(12px);border-block:1px solid var(--color-line);position:sticky;inset-block-start:var(--nav-real,var(--nav-h))}@media (width>=64rem){.toc-m{display:none}}.toc-m>summary{cursor:pointer;min-height:3rem;font-size:var(--text-sm);align-items:center;gap:.75rem;list-style:none;display:flex}.toc-m>summary::-webkit-details-marker{display:none}.toc-m__label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-muted);white-space:nowrap}:lang(ar) .toc-m__label{font-family:var(--font-arabic);font-size:var(--text-xs);text-transform:none;letter-spacing:0;font-weight:600}.toc-m__current{min-width:0;color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.toc-m__current:before{content:"";vertical-align:-.125rem;background:var(--color-line-strong);width:1px;height:.875rem;margin-inline-end:.75rem;display:inline-block}.toc-m__chev{color:var(--color-muted);transition:transform var(--duration-base) var(--ease-out)}.toc-m[open] .toc-m__chev{transform:rotate(180deg)}.toc-m__panel{padding:.5rem var(--space-gutter) 1rem;padding-left:max(var(--space-gutter), env(safe-area-inset-left));padding-right:max(var(--space-gutter), env(safe-area-inset-right));background:var(--color-bg);border-block-end:1px solid var(--color-line);box-shadow:var(--shadow-lg);overscroll-behavior:contain;max-height:calc(100dvh - 8rem);position:absolute;inset-block-start:100%;inset-inline:0;overflow:auto}.toc-m .toc__list a{align-items:center;min-height:2.75rem}.toc-m__bar{background:var(--color-accent-fill);transform-origin:0;height:2px;transform:scaleX(var(--p,0));position:absolute;inset-block-end:-1px;inset-inline:0}[dir=rtl] .toc-m__bar{transform-origin:100%}.cs-prose{--measure:37.5rem;font-size:var(--text-base);line-height:var(--text-base--line-height);color:var(--color-ink-2)}:lang(ar) .cs-prose{--measure:38rem}.cs-prose>:where(p,ul,ol,h3,blockquote){max-width:var(--measure)}.cs-prose>*+*{margin-block-start:1.15em}.cs-prose p strong,.cs-prose li strong{color:var(--color-ink);font-weight:600}.cs-prose a:not(.btn):not(.co){color:var(--color-accent);text-underline-offset:.2em;text-decoration:underline 1px;text-decoration-color:color-mix(in srgb, currentColor 40%, transparent)}@media (hover:hover){.cs-prose a:not(.btn):not(.co):hover{text-decoration-color:currentColor}}.cs-prose .lead{font-size:var(--text-md);line-height:var(--text-md--line-height);color:var(--color-ink)}.cs-prose h3{font-size:var(--text-lg);line-height:var(--text-lg--line-height);letter-spacing:var(--text-lg--letter-spacing);margin-block-start:2.25em}.cs-prose h3+*{margin-block-start:.6em}.cs-prose ul:not([class]){gap:.55em;list-style:none;display:grid}.cs-prose ul:not([class])>li{padding-inline-start:1.5rem;position:relative}.cs-prose ul:not([class])>li:before{content:"";border:1.5px solid var(--color-accent-fill);border-radius:50%;width:.4375rem;height:.4375rem;position:absolute;inset-block-start:.66em;inset-inline-start:.3rem}.term{color:var(--color-ink);background:var(--color-surface-2);box-shadow:inset 0 0 0 1px var(--color-line);-webkit-box-decoration-break:clone;box-decoration-break:clone;white-space:nowrap;border-radius:.3em;margin-inline:-.05em;padding:.05em .3em;font-size:.96em;font-weight:550}:lang(ar) .term{font-family:var(--font-sans);direction:ltr;unicode-bidi:isolate;font-size:.9em}.cs-prose code,code.id{font-family:var(--font-mono);background:var(--color-surface-2);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:.3em;padding:.1em .35em;font-size:.86em}.cs-prose>.wide{max-width:none}.cs-prose>.wide,.cs-prose>.fig{margin-block:2.25rem}.cs-prose>.wide+*,.cs-prose>.fig+*{margin-block-start:2.25rem}.cs-sec{scroll-margin-block-start:.5rem}.cs-sec+.cs-sec{margin-block-start:clamp(4rem,3rem + 3vw,6rem)}.cs-sec__rule{align-items:center;gap:.875rem;margin-block-end:1.125rem;display:flex}.cs-sec__rule:after{content:"";background:var(--color-line);flex:1;height:1px}.cs-sec__title{font-size:var(--text-xl);line-height:var(--text-xl--line-height);letter-spacing:var(--text-xl--letter-spacing);max-width:24ch;margin-block-end:1.25rem}@media (width>=64rem){.cs-sec__title{font-size:calc(var(--text-xl) * 1.08)}}.cs-sec>.cs-prose{margin:0}.decision{border-radius:var(--radius-lg);background:linear-gradient(120deg, var(--color-teal-tint), color-mix(in srgb, var(--color-teal-tint) 0%, var(--color-surface)) 60%);border:1px solid var(--color-teal-tint-line);gap:.875rem;max-width:52rem;padding:clamp(1.25rem,1rem + 1.2vw,2rem) clamp(1.25rem,1rem + 1.5vw,2.25rem);padding-inline-start:clamp(1.5rem,1.25rem + 1.5vw,2.5rem);display:grid;position:relative}.decision:before{content:"";background:var(--color-teal-fill);border-radius:0 3px 3px 0;width:3px;position:absolute;inset-block:1.25rem;inset-inline-start:0}[dir=rtl] .decision{background:linear-gradient(-120deg, var(--color-teal-tint), color-mix(in srgb, var(--color-teal-tint) 0%, var(--color-surface)) 60%)}[dir=rtl] .decision:before{border-radius:3px 0 0 3px}.decision__label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-teal);align-items:center;gap:.5rem;font-weight:600;display:flex}:lang(ar) .decision__label{font-family:var(--font-arabic);font-size:var(--text-xs);letter-spacing:0;text-transform:none}.decision__label .icon{width:1rem;height:1rem}.decision__text{font-family:var(--font-display);letter-spacing:-.018em;color:var(--color-ink);text-wrap:balance;max-width:34ch;margin:0;font-size:clamp(1.3125rem,1.15rem + .7vw,1.75rem);font-weight:500;line-height:1.28}:lang(ar) .decision__text{letter-spacing:0;max-width:36ch;font-weight:600;line-height:1.6}.decision__why{font-size:var(--text-sm);color:var(--color-ink-2);max-width:56ch;line-height:1.6}:lang(ar) .decision__why{line-height:1.85}.decision__src{border-block-start:1px dashed var(--color-teal-tint-line);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.375rem .75rem;padding-block-start:.75rem;display:flex}:lang(ar) .decision__src{font-family:var(--font-arabic);font-size:var(--text-xs)}.stack-list{border-block-start:1px solid var(--color-line);display:grid}.stack-list__row{border-block-end:1px solid var(--color-line);gap:.5rem 1.5rem;padding-block:1rem;display:grid}@media (width>=40rem){.stack-list__row{grid-template-columns:12rem 1fr;align-items:baseline}}.stack-list dt{font-size:var(--text-sm);color:var(--color-ink);align-items:center;gap:.625rem;font-weight:600;display:flex}.stack-list dt i{background:var(--dot,var(--accent-fill,var(--color-line-input)));width:.5rem;height:.5rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--dot,var(--accent-fill,var(--color-line-input))) 18%, transparent);border-radius:50%;flex:none}.stack-list dd{flex-wrap:wrap;gap:.375rem;margin:0;display:flex}.stack-list .chip{font-size:var(--text-xs);min-height:1.75rem;padding-inline:.5625rem}.owned{counter-reset:owned;border-block-start:1px solid var(--color-line);list-style:none;display:grid}.owned li{counter-increment:owned;border-block-end:1px solid var(--color-line);grid-template-columns:2.25rem 1fr;gap:.75rem;max-width:none;padding-block:1rem;display:grid}.owned li:before{content:counter(owned, decimal-leading-zero);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-accent);padding-block-start:.3em;font-weight:600}.owned li strong{color:var(--color-ink);font-weight:600}.sources{border-radius:var(--radius-md);background:var(--color-surface-2);border:1px dashed var(--color-line-strong);font-size:var(--text-sm);color:var(--color-muted);align-items:flex-start;gap:.75rem;padding:1rem 1.125rem;line-height:1.55;display:flex}.sources .icon{width:1.125rem;height:1.125rem;color:var(--color-muted);margin-block-start:.125rem}:lang(ar) .sources{line-height:1.8}.cs-end{gap:var(--grid-gap);display:grid}@media (width>=64rem){.cs-end{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch}}.next-case{display:grid;overflow:hidden}@media (width>=48rem){.next-case{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.next-case .work__media{aspect-ratio:auto;border-block-end:0;border-inline-end:1px solid var(--color-line);min-height:100%}}.next-case .work__body{align-content:center}.next-case--plain{grid-template-columns:minmax(0,1fr)!important}.next-case__label{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.next-case__arrow{border-radius:var(--radius-full);background:var(--color-surface-2);border:1px solid var(--color-line);width:2.25rem;height:2.25rem;color:var(--color-ink);transition:background-color var(--duration-fast), color var(--duration-fast), border-color var(--duration-fast);place-items:center;display:inline-grid}@media (hover:hover){.next-case:hover .next-case__arrow{background:var(--color-accent-solid);border-color:var(--color-accent-solid);color:var(--color-on-accent)}}.cta-band{isolation:isolate;border-radius:var(--radius-lg);background:var(--color-surface-inverse);color:var(--color-on-inverse);box-shadow:var(--shadow-lg);align-content:center;gap:1.25rem;padding:clamp(1.5rem,1.1rem + 1.5vw,2.25rem);display:grid;position:relative;overflow:hidden}:root:not([data-theme=light]) .cta-band{--color-surface-inverse:#122349;--color-on-inverse:var(--color-ink);border:1px solid #273d6f}:root[data-theme=light] .cta-band{--color-accent-solid:#e8b458;--color-accent-solid-hover:#f0ca78;--color-on-accent:#091123;--color-focus:#e9bb61}.cta-band:before{content:"";z-index:-1;background-image:radial-gradient(circle at 2px 2px, color-mix(in srgb, var(--color-on-inverse) 14%, transparent) 1.1px, transparent 1.4px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 90% at 100% 0,#000,#0000 75%);mask-image:radial-gradient(70% 90% at 100% 0,#000,#0000 75%)}[dir=rtl] .cta-band:before{-webkit-mask-image:radial-gradient(70% 90% at 0 0,#000,#0000 75%);mask-image:radial-gradient(70% 90% at 0 0,#000,#0000 75%)}.cta-band:after{content:"";z-index:-1;background:radial-gradient(24rem 16rem at 100% 0%, color-mix(in srgb, var(--color-saffron-fill) 22%, transparent), transparent 70%);position:absolute;inset:0}[dir=rtl] .cta-band:after{background:radial-gradient(24rem 16rem at 0% 0%, color-mix(in srgb, var(--color-saffron-fill) 22%, transparent), transparent 70%)}.cta-band .eyebrow{color:color-mix(in srgb, var(--color-on-inverse) 64%, transparent)}.cta-band__title{color:var(--color-on-inverse);font-size:var(--text-xl);line-height:var(--text-xl--line-height);letter-spacing:var(--text-xl--letter-spacing);max-width:18ch}.cta-band__text{color:color-mix(in srgb, var(--color-on-inverse) 78%, transparent);font-size:var(--text-sm);max-width:40ch;line-height:1.6}:lang(ar) .cta-band__text{line-height:1.85}.cta-band .ask-bar{background:color-mix(in srgb, var(--color-on-inverse) 7%, var(--color-surface-inverse));border-color:color-mix(in srgb, var(--color-on-inverse) 18%, transparent);max-width:none;min-height:3.25rem;color:color-mix(in srgb, var(--color-on-inverse) 82%, transparent);box-shadow:none;font-size:var(--text-sm)}@media (hover:hover){.cta-band .ask-bar:hover{border-color:color-mix(in srgb, var(--color-on-inverse) 34%, transparent)}}.cta-band .ask-bar__icon{color:var(--color-saffron-fill)}.cta-band .ask-bar__text{white-space:normal;line-height:1.4}.cta-band__row{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.cta-band__row .btn--onInverse{color:var(--color-on-inverse);border-color:color-mix(in srgb, var(--color-on-inverse) 26%, transparent);background:0 0}@media (hover:hover){.cta-band__row .btn--onInverse:hover{border-color:color-mix(in srgb, var(--color-on-inverse) 55%, transparent);background:color-mix(in srgb, var(--color-on-inverse) 6%, transparent)}}.cta-band__mail{font-size:var(--text-xs);color:color-mix(in srgb, var(--color-on-inverse) 66%, transparent)}.cta-band__mail a{color:var(--color-on-inverse);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--color-on-inverse) 40%, transparent);text-underline-offset:.2em}@supports (animation-timeline:scroll()){.read-progress i{animation:linear both read-grow scroll(root)}@keyframes read-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}.cs-hero .eyebrow bdi{unicode-bidi:isolate}.cs-hero__links{flex-wrap:wrap;gap:.75rem;display:flex}.cs-facts.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=64rem){.cs-facts.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=47.99rem){.cs-facts .metric:last-child:nth-child(odd){grid-column:1/-1}}@media (width>=48rem) and (width<=63.99rem){.cs-facts .metric:nth-child(odd){border-inline-start:0;padding-inline-start:0}.cs-facts .metric:nth-child(n+3){border-block-start:1px solid var(--color-line)}}.cs-facts .metric__value{font-size:var(--text-2xl)}.fig--hero{margin-block-start:clamp(2.5rem,1.75rem + 2.5vw,4rem)}.fig-panel__canvas{container-type:inline-size}.dg-variant--wide{display:none}@container (width>=46rem){.dg-variant--wide{display:block}.dg-variant--compact{display:none}}.dg-variant>svg{--dg-canvas:transparent;width:100%;height:auto;margin-inline:auto;display:block}.dg-variant--compact>svg{max-width:22rem}.fig-panel__bar .fig-panel__kind{color:var(--color-muted);white-space:nowrap;margin-inline-start:auto}.fig__desc{font-size:var(--text-sm);color:var(--color-ink-2)}.fig__desc>summary{cursor:pointer;color:var(--color-ink);border-radius:var(--radius-xs);align-items:center;gap:.375rem;font-weight:600;display:inline-flex}.fig__desc>summary::-webkit-details-marker{display:none}.fig__desc>summary .icon{transition:transform var(--duration-base) var(--ease-out);color:var(--color-muted)}.fig__desc[open]>summary .icon{transform:rotate(180deg)}.fig__desc>p{max-width:72ch;margin-block-start:.625rem;line-height:1.65}:lang(ar) .fig__desc>p{line-height:1.85}.callouts{margin:0;padding:0}.cv-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,13.5rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.cv-group{align-content:start;gap:.5rem;display:grid}.cv-group__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-text,var(--color-muted));align-items:center;gap:.5rem;font-weight:600;display:flex}:lang(ar) .cv-group__label{font-family:var(--font-arabic);font-size:var(--text-xs);letter-spacing:0;text-transform:none}.cv-group__label i{background:var(--accent-fill,var(--color-line-input));border-radius:50%;flex:none;width:.5rem;height:.5rem}.cv-nodes{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.cv-node{background:var(--color-surface);border:1.5px solid var(--accent-tint-line,var(--color-line-strong));box-shadow:var(--shadow-xs);border-radius:.625rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.625rem;padding:.625rem .75rem;display:grid}.cv-node--neutral{background:var(--color-bg);border-style:dashed;border-color:var(--color-line-input)}.cv-node__well{background:var(--accent-tint,var(--color-surface-2));width:1.875rem;height:1.875rem;color:var(--accent-text,var(--color-ink-2));border-radius:.5rem;place-items:center;display:grid}.cv-node__well .icon{width:1rem;height:1rem}.cv-node__t{font-size:var(--text-sm);color:var(--color-ink);font-weight:600;line-height:1.3;display:block}.cv-node__s{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted);margin-block-start:.125rem;line-height:1.4;display:block}:lang(ar) .cv-node__s{font-family:var(--font-arabic);font-size:var(--text-xs)}.accent-teal{--accent-tint:var(--color-teal-tint);--accent-tint-line:var(--color-teal-tint-line)}.accent-saffron{--accent-tint:var(--color-saffron-tint);--accent-tint-line:var(--color-saffron-tint-line)}.accent-coral{--accent-tint:var(--color-coral-tint);--accent-tint-line:var(--color-coral-tint-line)}.accent-sky{--accent-tint:var(--color-sky-tint);--accent-tint-line:var(--color-sky-tint-line)}.accent-sage{--accent-tint:var(--color-sage-tint);--accent-tint-line:var(--color-sage-tint-line)}.accent-slate{--accent-tint:var(--color-slate-tint);--accent-tint-line:var(--color-slate-tint-line)}.cv-edges{border-block-start:1px dashed var(--color-line-strong);margin-block-start:1.25rem;padding-block-start:1rem}.cv-edges__title{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-muted);margin-block-end:.625rem;font-weight:600}:lang(ar) .cv-edges__title{font-family:var(--font-arabic);font-size:var(--text-xs);letter-spacing:0;text-transform:none}.cv-edges ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:.375rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.cv-edges li{font-size:var(--text-sm);color:var(--color-ink-2);line-height:1.5}.cv-edges .icon{vertical-align:-.125em;width:.875rem;height:.875rem;color:var(--color-line-input);margin-inline:.25rem;display:inline-block}.cv-edges small{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-muted)}:lang(ar) .cv-edges small{font-family:var(--font-arabic);font-size:var(--text-xs)}.fig-panel__canvas--html{padding:clamp(1rem,.5rem + 1.5vw,1.75rem)}.arch-list{border-block-start:1px solid var(--color-line);display:grid}.arch-list__row{border-block-end:1px solid var(--color-line);gap:.5rem 1.5rem;padding-block:.875rem;display:grid}@media (width>=40rem){.arch-list__row{grid-template-columns:12rem 1fr;align-items:baseline}}.arch-list dt{font-size:var(--text-sm);color:var(--color-ink);align-items:center;gap:.625rem;font-weight:600;display:flex}.arch-list dt i{background:var(--accent-fill,var(--color-line-input));width:.5rem;height:.5rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-fill,var(--color-line-input)) 18%, transparent);border-radius:50%;flex:none}.arch-list dd{font-size:var(--text-sm);color:var(--color-ink-2);margin:0}.arch-list dd ul{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.arch-list dd small{color:var(--color-muted);font-size:var(--text-xs)}.steps{counter-reset:step;border-block-start:1px solid var(--color-line);margin:0;padding:0;list-style:none;display:grid}.steps>li{counter-increment:step;border-block-end:1px solid var(--color-line);grid-template-columns:2.25rem 1fr;gap:.75rem;padding-block:1rem;display:grid}.steps>li:before{content:counter(step, decimal-leading-zero);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-accent);padding-block-start:.3em;font-weight:600}.ticks{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.ticks>li{grid-template-columns:auto 1fr;align-items:start;gap:.75rem;display:grid}.ticks .tick{background:var(--color-teal-tint);border:1px solid var(--color-teal-tint-line);width:1.375rem;height:1.375rem;color:var(--color-teal);border-radius:50%;place-items:center;margin-block-start:.15em;display:grid}.ticks .tick .icon{width:.875rem;height:.875rem}.cs-prose>.steps,.cs-prose>.ticks{max-width:var(--measure)}.cs-prose>.decision{max-width:52rem}.decision__src span+span:before{content:none}.decision__text--long{max-width:46ch;font-size:clamp(1.125rem,1.05rem + .45vw,1.375rem);line-height:1.35}:lang(ar) .decision__text--long{line-height:1.7}.cs-meta dt:not(:lang(ar)){text-transform:lowercase}.cs-prose>.fig{max-width:none}@media (width>=80rem){.cs-prose .callouts--3{grid-template-columns:repeat(2,minmax(0,1fr))}}.cs-links{flex-wrap:wrap;gap:.75rem;display:flex}.cs-brief{padding-block:clamp(2.5rem, 2rem + 2.5vw, 4rem) var(--space-section);gap:clamp(2rem,1.5rem + 2vw,3.5rem);display:grid}@media (width>=64rem){.cs-brief{grid-template-columns:minmax(0,1fr) 19rem;align-items:start;gap:clamp(3rem,2rem + 4vw,6rem)}.cs-brief__aside{position:sticky;inset-block-start:6.5rem}}.cs-brief__main{min-width:0}.cs-brief__main>.cs-brief__sec+.cs-brief__sec{margin-block-start:clamp(2rem,1.5rem + 1.5vw,2.75rem)}.cs-brief__sec>*+*{margin-block-start:.875rem}.cs-brief__sec>:where(p,ul){max-width:var(--measure)}.cs-brief__h{font-size:var(--text-lg);line-height:var(--text-lg--line-height);letter-spacing:var(--text-lg--letter-spacing);color:var(--color-ink);align-items:center;gap:.875rem;display:flex}.cs-brief__h:after{content:"";background:var(--color-line);flex:1;height:1px}.cs-brief__note{font-size:var(--text-sm);color:var(--color-ink-2);justify-items:start;gap:.875rem;padding:1.25rem 1.375rem 1.375rem;line-height:1.6;display:grid}:lang(ar) .cs-brief__note{line-height:1.85}.cs-brief__tag{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-muted);align-items:center;gap:.5rem;font-weight:600;display:flex}:lang(ar) .cs-brief__tag{font-family:var(--font-arabic);font-size:var(--text-xs);letter-spacing:0;text-transform:none}.cs-brief__tag .icon{width:1rem;height:1rem}.cs-brief__src{font-size:var(--text-xs);color:var(--color-muted)}.cs-brief__note .btn--secondary{margin-block-start:.25rem}.cs-hero__brief{border-radius:var(--radius-full);border:1px solid var(--color-line-strong);background:var(--color-surface);min-height:1.375rem;color:var(--color-ink-2);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);align-items:center;padding:0 .5rem;display:inline-flex}.next-case .work__media>img{object-fit:cover;object-position:top;border-radius:var(--radius-sm);width:100%;height:100%}.next-case .eyebrow--ink{color:var(--color-ink-2)}.cs-next{padding-block:clamp(3rem,2rem + 3vw,5rem)}.cta-band .ask-bar{text-align:start}.shots__devices{max-width:62rem;margin-inline:auto;padding-block-end:2.5rem;padding-inline-end:2rem}.shots .browser__pad{width:2.5rem}.shots .phone{max-width:11rem}@media (width<=39.99rem){.shots__devices{padding-inline-end:1rem}.shots .phone{width:28%}}.shots .fig__caption{text-align:center;justify-items:center}.cs-hero__copy>.eyebrow{flex-wrap:wrap;gap:.25rem .625rem;display:flex}.cs-hero__copy>.eyebrow>*{white-space:nowrap}.fig-panel__id{white-space:nowrap;flex:none}:lang(ar) .fig-panel__kind,:lang(ar) .fig-panel__title{font-family:var(--font-arabic);font-size:var(--text-xs);letter-spacing:0}.zoom{border:1px solid var(--color-line-strong);border-radius:var(--radius-xl);background:var(--color-surface);width:max-content;max-width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);color:var(--color-ink);box-shadow:var(--shadow-xl);margin:auto;padding:0;overflow:hidden}.zoom[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.zoom::backdrop{background:var(--color-scrim)}.zoom__bar{border-block-end:1px solid var(--color-line);align-items:center;gap:1rem;padding-block:.375rem;padding-inline:1rem .375rem;display:flex}.zoom__cap{min-width:0;max-width:70ch;font-size:var(--text-sm);color:var(--color-ink-2);flex:1;margin:0;line-height:1.5}.zoom__body{overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;overflow:auto}.zoom__body:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.zoom__img{max-width:none;height:auto;margin-inline:auto;display:block}.zoom__hint{padding:.5rem 1rem calc(.5rem + env(safe-area-inset-bottom));border-block-start:1px solid var(--color-line);font-size:var(--text-xs);color:var(--color-muted);text-align:center;margin:0;display:none}@media (width>=48rem){.zoom__img{width:auto;max-width:calc(100vw - 3rem);height:auto;max-height:calc(100dvh - 5.5rem)}}.zoom[data-kind=figure] .zoom__body{background:var(--color-bg);direction:ltr}.zoom[data-kind=figure] .zoom__body>svg{width:min(var(--zoom-w,70rem), calc(100vw - 3rem));box-sizing:content-box;max-width:none;height:auto;margin:auto;padding:1rem;display:block}@media (width<=47.99rem){.zoom[data-kind=figure]{border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none}.zoom[data-kind=figure] .zoom__bar{padding-top:env(safe-area-inset-top);padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(.375rem, env(safe-area-inset-right))}.zoom[data-kind=figure] .zoom__body>svg{width:calc(var(--zoom-w,70rem) * 1.35);margin:0}.zoom[data-kind=figure] .zoom__hint{display:block}}:root[data-screen-open] [data-mh-chat]{visibility:hidden}.fig-panel__zoom{border:1px solid var(--color-line);background:var(--color-surface);width:1.875rem;height:1.875rem;color:var(--color-muted);box-shadow:var(--shadow-xs);border-radius:.5rem;flex:none;place-items:center;margin-left:auto;display:none}.js .fig-panel__zoom{display:inline-grid}.fig-panel__zoom .icon{width:1rem;height:1rem}.fig-panel__zoom:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (hover:hover){.fig-panel__zoom:hover{color:var(--color-ink);border-color:var(--color-line-strong)}}@media (hover:none){.fig-panel__zoom:active{background-color:color-mix(in srgb, var(--color-ink) 9%, var(--color-surface))}}.fig-panel__bar>.fig-panel__zoom+.mo-btn{margin-left:.375rem}@media (pointer:coarse){.fig-panel__zoom,.fig-panel__bar>.mo-btn,.back-btn{width:2.75rem;height:2.75rem}.crumbs a{align-items:center;min-height:2.75rem;margin-inline:-.375rem;padding-inline:.375rem;display:inline-flex}.fig__desc>summary{min-height:2.75rem}}.fig-panel__more{display:none}@media (width<=39.99rem){.js .fig--hero:not([data-open]) .fig-panel__canvas{max-height:70svh;overflow:hidden}.js .fig--hero:not([data-open]) .fig-panel__canvas:after{content:"";background:linear-gradient(to bottom, transparent, var(--color-bg) 72%);pointer-events:none;height:7rem;position:absolute;inset:auto 0 0}.js .fig--hero:not([data-open]) .fig-panel__more{z-index:1;width:max-content;max-width:calc(100% - 2rem);margin-inline:auto;display:flex;position:absolute;inset-block-end:1rem;inset-inline:0}.js .fig--hero:not([data-open]) .fig__caption>.callouts,.js .fig--hero:not([data-open]) .fig__caption>.fig__desc{display:none}}@media (width<=63.99rem){:root[data-nav-hidden] .toc-m{inset-block-start:0}:root[data-nav-hidden] .read-progress{translate:0 calc(-1 * var(--nav-real,var(--nav-h)))}}@media (width<=63.99rem) and (prefers-reduced-motion:no-preference){.toc-m{transition:inset-block-start var(--duration-base) var(--ease-out)}.read-progress{transition:translate var(--duration-base) var(--ease-out)}}.cs-layout{grid-template-columns:minmax(0,1fr)}@media (width>=64rem){.cs-layout{grid-template-columns:minmax(0,1fr) 15rem}}@media (width>=80rem){.cs-layout{grid-template-columns:minmax(0,1fr) 16.5rem}}.toc-m__label{text-overflow:ellipsis;min-width:0;overflow:hidden}@media (width<=16rem){.fig-panel__bar{gap:.25rem}.fig-panel__id,.fig-panel__title{display:none}.cs-meta__row{grid-template-columns:minmax(0,1fr);gap:.25rem}.cs-meta__org{flex-wrap:wrap}.toc-m__current:before{display:none}}.screens{gap:clamp(2rem,4vw,3rem);display:grid}.screens .screens__title{font-size:var(--text-xs);letter-spacing:var(--tracking-label);margin:0;line-height:1.4}:lang(ar) .screens .screens__title{font-size:var(--text-sm);letter-spacing:0}.screens__grid{gap:1.75rem 1.5rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}@media (width>=48rem){.screens__grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-auto-flow:dense;align-items:start}.shot--lead{grid-column:1/-1}.shot--main{grid-column:1}.shot--side{grid-column:2;align-self:center}.shot--rows-2{grid-row:span 2}.shot--rows-3{grid-row:span 3}}.shot{min-width:0}.shot__fig{gap:.625rem;margin:0;display:grid}.shot__zoom{border-radius:var(--radius-lg);color:inherit;text-decoration:none;display:block;position:relative}.shot__zoom:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.shot__frame{display:block}.shot__img{width:100%;height:auto;display:block}.shot--desktop .shot__frame{border-radius:var(--radius-lg);border:1px solid var(--color-line-strong);background:var(--color-surface);box-shadow:var(--shadow-md);overflow:hidden}.shot__bar{border-block-end:1px solid var(--color-line);background:var(--color-surface-2);direction:ltr;align-items:center;gap:.375rem;height:1.75rem;padding-inline:.75rem;display:flex}.shot__bar i{background:var(--color-line-strong);border-radius:50%;width:.5rem;height:.5rem}.shot--phone .shot__frame.phone{width:100%;max-width:min(17.5rem,390px);margin-inline:auto;position:static;inset:auto}.shot--panel .shot__frame{border-radius:var(--radius-lg);border:1px solid var(--color-line);background:var(--color-surface-2);place-items:center;padding:clamp(1rem,3vw,1.75rem) clamp(.75rem,2vw,1.25rem);display:grid}.shot--panel .shot__img{border:1px solid var(--color-line);max-width:448px;box-shadow:var(--shadow-lg);border-radius:.75rem}.shot__hint{border-radius:var(--radius-full);border:1px solid var(--color-line-strong);background:var(--color-surface);width:2rem;height:2rem;color:var(--color-ink-2);box-shadow:var(--shadow-sm);opacity:0;place-items:center;display:grid;position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}.shot--desktop .shot__hint{inset-block-start:2.25rem}.shot__zoom:focus-visible .shot__hint{opacity:1}@media (hover:hover){.shot__zoom:hover .shot__hint{opacity:1}}@media (hover:none){.shot__hint{opacity:1}}@media (prefers-reduced-motion:no-preference){.shot__hint{transition:opacity var(--duration-fast) var(--ease-standard)}.shot--desktop .shot__frame,.shot--panel .shot__img{transition:box-shadow var(--duration-base) var(--ease-standard)}@media (hover:hover){.shot__zoom:hover .shot__frame{box-shadow:var(--shadow-lg)}}}.shot__cap{font-size:var(--text-sm);color:var(--color-muted);text-wrap:pretty;max-width:62ch;line-height:1.55}:lang(ar) .shot__cap{line-height:1.8}}@layer utilities;