:root{color-scheme:light;--bg: #f4f0e8;--bg-raised: #ece7dc;--surface: #faf8f3;--surface-hi: #ffffff;--line: rgb(15 23 32 / .1);--line-strong: rgb(15 23 32 / .2);--text: #0f1720;--text-dim: #46515d;--text-faint: #5d6772;--accent: #c23b1e;--accent-bright: #a83017;--accent-deep: #7e2411;--accent-glow: rgb(194 59 30 / .1);--accent-gradient: linear-gradient(135deg, #d24422 0%, #c23b1e 55%, #a83017 100%);--on-accent: #ffffff;--danger: #b3261e;--success: #2e6b45;--ink: #14382f;--ink-text: #eee9dc;--font-display: "Instrument Sans Variable", "Sans Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-serif: "Instrument Serif", "Times New Roman", Georgia, serif;--font-body: "Instrument Sans Variable", "Sans Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-hero: clamp(2.7rem, 1.2rem + 5.4vw, 6.2rem);--fs-h1: clamp(2.5rem, 1.3rem + 4.6vw, 5.4rem);--fs-h2: clamp(2rem, 1.2rem + 3vw, 3.9rem);--fs-h3: clamp(1.35rem, 1.05rem + 1vw, 1.9rem);--fs-lead: clamp(1.1rem, 1rem + .5vw, 1.35rem);--fs-body: 1.0625rem;--fs-small: .875rem;--fs-eyebrow: .78rem;--max: 1320px;--max-narrow: 760px;--gutter: clamp(1.25rem, 4.5vw, 3.5rem);--section-y: clamp(4rem, 8vw, 7.5rem);--header-h: 4.75rem;--radius: 8px;--radius-lg: 20px;--ease: cubic-bezier(.19, .8, .22, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur: .9s}.theme-ink{--bg: var(--ink);--bg-raised: #0f2d26;--surface: #1b463c;--surface-hi: #235348;--line: rgb(238 233 220 / .14);--line-strong: rgb(238 233 220 / .28);--text: var(--ink-text);--text-dim: #bcc9c0;--text-faint: #a3b4a9;--accent: #f4805f;--accent-bright: #ff9a7d;--accent-deep: #c96444;--accent-glow: rgb(244 128 95 / .16);--accent-gradient: linear-gradient(135deg, #f7906f 0%, #f4805f 55%, #e26e4d 100%);--on-accent: #14382f;background:var(--bg);color:var(--text)}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-latin-wght-normal.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-400-italic.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Sans Fallback;src:local("Arial"),local("Helvetica");size-adjust:101%;ascent-override:93%;descent-override:24%;line-gap-override:0%}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/noto-sans-arabic-arabic-wght-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}*,*:before,*:after{box-sizing:border-box}:root{--dir: 1}html[dir=rtl]{--dir: -1}html[dir=rtl] app-arrow svg{transform:scaleX(-1)}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scrollbar-color:var(--accent-deep) var(--bg);scrollbar-width:thin;background:var(--bg)}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.7;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}body:after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}img,picture,video,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}h1,h2,h3,h4,p,figure,blockquote,ul,ol{margin:0}ul,ol{padding:0;list-style:none}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px;border-radius:2px}.skip-link{position:fixed;top:-4rem;inset-inline-start:1rem;z-index:300;padding:.7rem 1.1rem;background:var(--accent);color:var(--on-accent);font-weight:600;border-radius:var(--radius);transition:top .25s var(--ease)}.skip-link:focus{top:1rem}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.container{width:min(100% - 2 * var(--gutter),var(--max));margin-inline:auto}.container--narrow{width:min(100% - 2 * var(--gutter),var(--max-narrow));margin-inline:auto}.section{padding-block:var(--section-y)}.display{font-family:var(--font-display);font-weight:500;line-height:1.02;letter-spacing:-.02em;text-wrap:balance}.display em{font-style:italic;font-weight:400;color:var(--accent-bright)}.h-hero{font-size:var(--fs-hero);line-height:.96;letter-spacing:-.03em}.h1{font-size:var(--fs-h1)}.h2{font-size:var(--fs-h2)}.h3{font-size:var(--fs-h3);line-height:1.15;letter-spacing:-.01em}.lead{font-size:var(--fs-lead);line-height:1.6;color:var(--text-dim);text-wrap:pretty}.muted{color:var(--text-dim)}.eyebrow{display:inline-flex;align-items:center;gap:1rem;font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--accent)}.eyebrow:before{content:"";width:2.75rem;height:1px;background:var(--accent-gradient);flex:none}.eyebrow--plain:before{display:none}.btn{--pad-y: 1.05rem;--pad-x: 2rem;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.85rem;padding:var(--pad-y) var(--pad-x);border-radius:999px;border:1px solid var(--line-strong);font-size:.78rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;overflow:hidden;isolation:isolate;transition:color .4s var(--ease),border-color .4s var(--ease),background-color .4s var(--ease),transform .4s var(--ease)}.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--accent-gradient);transform:translateY(101%);transition:transform .55s var(--ease)}.btn:hover:not(:disabled),.btn:focus-visible{color:var(--on-accent);border-color:transparent}.btn:hover:not(:disabled):before,.btn:focus-visible:before{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn .arrow{transition:transform .4s var(--ease)}.btn:hover .arrow{transform:translate(calc(4px * var(--dir)))}.btn--primary{background:var(--accent-gradient);color:var(--on-accent);border-color:transparent}.btn--sm{--pad-y: .8rem;--pad-x: 1.4rem;font-size:.72rem}.link{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0% 1px;background-position:100% 100%;padding-bottom:.15em;transition:background-size .5s var(--ease),color .3s var(--ease)}.link:hover,.link:focus-visible{background-size:100% 1px;background-position:0 100%}.link--accent{color:var(--accent-bright)}.text-link{display:inline-flex;align-items:center;gap:.75rem;font-size:.78rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-bright)}.text-link .arrow{transition:transform .4s var(--ease)}.text-link:hover .arrow{transform:translate(calc(6px * var(--dir)))}.tag{display:inline-block;padding:.3rem .85rem;border:1px solid var(--line-strong);border-radius:999px;font-size:.72rem;letter-spacing:.08em;color:var(--text-dim)}.prose{font-size:1.125rem;line-height:1.85;color:var(--text-dim);overflow-wrap:anywhere}.prose>*+*{margin-top:1.4em}.prose h2,.prose h3,.prose h4{font-family:var(--font-display);font-weight:500;color:var(--text);line-height:1.15;letter-spacing:-.01em;margin-top:2.2em}.prose h2{font-size:2rem}.prose h3{font-size:1.55rem}.prose h4{font-size:1.25rem}.prose strong,.prose b{color:var(--text);font-weight:600}.prose a{color:var(--accent-bright);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent-bright) 40%,transparent);text-underline-offset:.2em;transition:text-decoration-color .3s}.prose a:hover{text-decoration-color:var(--accent-bright)}.prose ul,.prose ol{padding-inline-start:1.4em;list-style:revert}.prose ul li+li,.prose ol li+li{margin-top:.5em}.prose ul li::marker,.prose ol li::marker{color:var(--accent)}.prose blockquote{padding:.4em 0;padding-inline-start:1.6em;border-inline-start:2px solid var(--accent);font-family:var(--font-display);font-style:italic;font-size:1.4rem;line-height:1.5;color:var(--text)}.prose img{border-radius:var(--radius);height:auto}.prose hr{border:0;height:1px;background:var(--line-strong);margin-block:2.5em}.prose code{font-size:.9em;padding:.15em .45em;background:var(--surface-hi);border-radius:3px;color:var(--accent-bright)}.prose pre{overflow-x:auto;padding:1.25rem 1.5rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font-size:.95rem;line-height:1.65}.prose pre code{padding:0;background:none;color:var(--text)}.section-head{display:grid;gap:1.5rem;margin-bottom:clamp(2.5rem,6vw,5rem);max-width:62rem}.section-head--split{max-width:none;grid-template-columns:1fr;align-items:end}@media(min-width:900px){.section-head--split{grid-template-columns:1fr auto}}.hairline{height:1px;background:linear-gradient(90deg,transparent,var(--line-strong) 15%,var(--line-strong) 85%,transparent)}[data-reveal]{--reveal-y: 34px;--reveal-x: 0px;--reveal-scale: 1}[data-reveal=left]{--reveal-y: 0px;--reveal-x: -40px}[data-reveal=right]{--reveal-y: 0px;--reveal-x: 40px}[data-reveal=scale]{--reveal-y: 20px;--reveal-scale: .94}[data-reveal=fade]{--reveal-y: 0px}.reveal-armed{opacity:0;transform:translate3d(var(--reveal-x),var(--reveal-y),0) scale(var(--reveal-scale));transition:opacity 1s var(--ease),transform 1.1s var(--ease);transition-delay:calc(var(--reveal-delay, 0) * 1ms);will-change:opacity,transform}.reveal-armed.is-visible{opacity:1;transform:none;will-change:auto}@keyframes rise{0%{opacity:0;transform:translate3d(0,26px,0)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.intro{animation:rise .9s var(--ease) both;animation-delay:calc(var(--intro-delay, 0) * 1ms)}.intro--fade{animation-name:fade-in}@keyframes slide-up{0%{transform:translate3d(0,22px,0)}to{transform:none}}.intro--slide{animation-name:slide-up}@supports (animation-timeline: view()){@keyframes parallax{0%{transform:translate3d(0,calc(var(--parallax, 60px) * -1),0)}to{transform:translate3d(0,var(--parallax, 60px),0)}}.parallax{animation:parallax linear both;animation-timeline:view();animation-range:cover}}@keyframes vt-out{to{opacity:0;transform:translateY(-8px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(14px)}}::view-transition-old(root){animation:.26s var(--ease-in-out) both vt-out}::view-transition-new(root){animation:.62s var(--ease) both vt-in}.vt-header{view-transition-name:site-header}::view-transition-group(site-header){animation-duration:0s}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}.reveal-armed{opacity:1;transform:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}body:after{display:none}.display{font-weight:600;letter-spacing:-.035em;line-height:1.04}.display em{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--accent)}.eyebrow{gap:.75rem;font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.14em}.eyebrow:before{width:1.75rem;background:currentColor}.btn{--pad-y: .95rem;--pad-x: 1.7rem;font-size:.95rem;font-weight:600;letter-spacing:.01em;text-transform:none;border-color:var(--text);color:var(--text)}.btn:before{background:var(--text)}.btn:hover:not(:disabled),.btn:focus-visible{color:var(--bg);border-color:var(--text)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn--primary:before{background:var(--text)}.btn--primary:hover:not(:disabled),.btn--primary:focus-visible{color:var(--bg);border-color:var(--text)}.btn--sm{--pad-y: .7rem;--pad-x: 1.25rem;font-size:.88rem}.text-link{font-size:.95rem;font-weight:600;letter-spacing:.01em;text-transform:none;color:var(--accent-bright)}.tag{letter-spacing:.02em;background:var(--surface)}.lead{color:var(--text-dim)}.prose{color:var(--text-dim);font-size:1.1rem}.step-number{font-family:var(--font-serif);font-style:italic;font-size:clamp(2.6rem,2rem + 2vw,4rem);line-height:1;color:var(--accent)}html[lang=ar]{--font-display: "Instrument Sans Variable", "Noto Sans Arabic Variable", "Sans Fallback", system-ui, sans-serif;--font-body: "Instrument Sans Variable", "Noto Sans Arabic Variable", "Sans Fallback", system-ui, sans-serif;--font-serif: "Instrument Sans Variable", "Noto Sans Arabic Variable", system-ui, sans-serif}html[lang=ar] *{letter-spacing:normal!important;text-transform:none!important}html[lang=ar] em,html[lang=ar] i,html[lang=ar] cite,html[lang=ar] blockquote{font-style:normal!important}html[lang=ar] body{line-height:1.85}html[lang=ar] :is(h1,h2,h3,h4,.display){line-height:1.3}
