@font-face{font-family:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(./readex-pro-arabic-wght-normal-DiwT_uOQ.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(./readex-pro-vietnamese-wght-normal-Do5Nl5oc.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(./readex-pro-latin-ext-wght-normal-CsYMu49W.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(./readex-pro-latin-wght-normal--ekFhJJC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font:"Readex Pro Variable", "Readex Pro", system-ui, "Segoe UI", Tahoma, "Noto Sans Arabic", sans-serif;--header-h:6.25rem;--radius:1.25rem;--ease:cubic-bezier(.2, .7, .2, 1);--bg:#0b1026;--surface:#0d0f26db;--surface-solid:#10132e;--surface-2:#ffffff0f;--text:#f6f1e9;--muted:#cdc7df;--line:#ffffff29;--accent:#ffc266;--accent-ink:#1a1206;--accent-2:#ff8fb1;--focus:#ffe08a;--bar-bg:#ffc266;--bar-fg:#1a1206;--ph-bg:#ffc2661f;--ph-line:#ffc266a6;--shade:#0608188c;--poster-sky-top:#03061a;--poster-sky-horizon:#3a2766;--poster-ground:#1b1830;--poster-building:#2a2748;--poster-path:#3b3456;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=day]{--bg:#f4efe6;--surface:#fffbf4ed;--surface-solid:#fffaf2;--surface-2:#1c1a2b0f;--text:#1c1a2b;--muted:#4b4660;--line:#1c1a2b29;--accent:#8a3f00;--accent-ink:#fff;--accent-2:#a3264f;--focus:#1d4ed8;--bar-bg:#1c1a2b;--bar-fg:#fff4e0;--ph-bg:#8a3f0014;--ph-line:#8a3f008c;--shade:#fff8eb59;--poster-sky-top:#3f86d1;--poster-sky-horizon:#f6dcb4;--poster-ground:#c7b087;--poster-building:#7a6a58;--poster-path:#e8d9bb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=contrast]{--bg:#000;--surface:#000;--surface-solid:#000;--surface-2:#000;--text:#ffd400;--muted:#ffd400;--line:#ffd400;--accent:#ffd400;--accent-ink:#000;--accent-2:#ffd400;--focus:#fff;--bar-bg:#ffd400;--bar-fg:#000;--ph-bg:#000;--ph-line:#ffd400;--shade:#0009;--poster-sky-top:#000;--poster-sky-horizon:#000;--poster-ground:#000;--poster-building:#330;--poster-path:#330;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=gray]{--bg:#141414;--surface:#161616e6;--surface-solid:#181818;--surface-2:#ffffff0f;--text:#f2f2f2;--muted:#cfcfcf;--line:#fff3;--accent:#e6e6e6;--accent-ink:#111;--accent-2:#e6e6e6;--focus:#fff;--bar-bg:#e6e6e6;--bar-fg:#111;--ph-bg:#ffffff14;--ph-line:#fff9;--shade:#0a0a0a8c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=gray] .stage{filter:grayscale()}[data-text=large]{font-size:112.5%}[data-text=larger]{font-size:125%}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;line-height:1.65}html[data-motion=on]{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;margin:0;overflow-x:clip}[lang=en] body{line-height:1.6}img,svg{max-inline-size:100%;display:block}h1,h2,h3{text-wrap:balance;margin-block:0 .6em;font-weight:650;line-height:1.2}p{text-wrap:pretty;margin-block:0 1em}a{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--accent);color:var(--accent-ink);border-radius:.75rem;padding:.7rem 1rem;font-weight:600;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{z-index:30;position:fixed;inset-block-start:0;inset-inline:0}.concept-bar{background:var(--bar-bg);color:var(--bar-fg);text-align:center;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:.35rem 1rem;font-size:.82rem;font-weight:600;line-height:1.35;display:flex}.concept-bar__icon{flex:none;block-size:1rem;inline-size:1rem}.bar{background:linear-gradient(to bottom, var(--shade), transparent);justify-content:space-between;align-items:center;gap:1rem;padding-block:.6rem;padding-inline:clamp(1rem,3vw,2rem);display:flex}.brand{color:var(--text);align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.brand__mark{block-size:2.3rem;inline-size:2.3rem;color:var(--text)}.brand__text{line-height:1.2;display:grid}.brand__name{font-size:1rem;font-weight:650}.brand__by{color:var(--muted);font-size:.78rem}.bar__actions{gap:.5rem;display:flex}.btn{border:1px solid var(--line);background:var(--surface);min-block-size:2.75rem;color:var(--text);font:inherit;cursor:pointer;transition:transform .2s var(--ease), background-color .2s, border-color .2s;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding-inline:1.1rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn:active{transform:scale(.97)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover{filter:brightness(1.06)}.btn--icon{inline-size:2.75rem;padding:0}.btn--icon svg{block-size:1.4rem;inline-size:1.4rem}.btn--ghost{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stage{z-index:0;background:var(--bg);position:fixed;inset:0}.stage__canvas,.stage__poster{block-size:100%;inline-size:100%;position:absolute;inset:0}.stage__canvas{opacity:0;transition:opacity 1.2s var(--ease);display:block}.stage.is-ready .stage__canvas{opacity:1}.stage.is-poster .stage__canvas{display:none}.stage__poster svg{block-size:100%;inline-size:100%}.stage__shade{pointer-events:none;background:linear-gradient(to right, var(--shade), transparent 55%);position:absolute;inset:0}[dir=rtl] .stage__shade{background:linear-gradient(to left, var(--shade), transparent 55%)}.stage-status{z-index:5;background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;margin:0;padding:.35rem .8rem;font-size:.8rem;position:fixed;inset-block-end:.75rem;inset-inline-end:4rem}.progress{z-index:20;position:fixed;inset-block-start:50%;inset-inline-end:clamp(.4rem,1.6vw,1.4rem);transform:translateY(-50%)}.progress ol{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.progress a{border-radius:50%;place-items:center;block-size:2rem;inline-size:2rem;text-decoration:none;display:grid;position:relative}.progress__dot{background:var(--text);opacity:.55;block-size:.6rem;inline-size:.6rem;box-shadow:0 0 0 2px var(--shade);transition:transform .3s var(--ease), opacity .3s, background-color .3s;border-radius:50%}.progress a[aria-current=step] .progress__dot{background:var(--accent);opacity:1;transform:scale(1.5)}.progress__label{white-space:nowrap;background:var(--surface-solid);border:1px solid var(--line);color:var(--text);opacity:0;pointer-events:none;transition:opacity .2s, transform .2s var(--ease);border-radius:999px;padding:.2rem .6rem;font-size:.8rem;position:absolute;inset-inline-end:calc(100% + .35rem);transform:translate(.25rem)}.progress a:hover .progress__label,.progress a:focus-visible .progress__label{opacity:1;transform:none}main{z-index:1;position:relative}main:focus{outline:none}.chapter{min-block-size:115vh;padding-block:calc(var(--header-h) + 10vh) 12vh;flex-direction:column;justify-content:flex-start;padding-inline:clamp(1rem,5vw,5rem) clamp(3rem,8vw,7rem);scroll-margin-block-start:0;display:flex;position:relative}.chapter--tall{min-block-size:190vh}.chapter--hero{min-block-size:100vh;padding-block:calc(var(--header-h) + 2rem) 4rem;justify-content:center}.chapter--about{min-block-size:130vh}.card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);max-inline-size:31rem;padding:clamp(1.25rem,2.6vw,2rem);position:sticky;inset-block-start:calc(var(--header-h) + 6vh);box-shadow:0 30px 60px -30px #0000008c}.card--wide{max-inline-size:46rem}.card--slim{max-inline-size:26rem}.card h2{font-size:clamp(1.6rem,3vw,2.3rem)}.card h3{margin-block-start:1.4rem;font-size:1.1rem}.card>p:last-child{margin-block-end:0}.kicker{color:var(--accent);letter-spacing:.04em;margin-block-end:.5rem;font-size:.85rem;font-weight:650}[lang=en] .kicker{text-transform:uppercase;letter-spacing:.08em}.hero{max-inline-size:44rem}.hero__title{letter-spacing:-.01em;text-shadow:0 4px 30px var(--shade);font-size:clamp(2.5rem,7vw,5.4rem);font-weight:700;line-height:1.08}.hero__lead{max-inline-size:36rem;color:var(--text);text-shadow:0 2px 18px var(--shade);font-size:clamp(1.05rem,1.6vw,1.25rem)}.pill{background:var(--surface);border:1px solid var(--accent);color:var(--text);border-radius:999px;margin-block:.4rem 1.6rem;padding:.4rem .9rem;font-size:.85rem;font-weight:600;display:inline-block}.hero__actions{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.hero__actions .btn--primary{min-block-size:3.1rem;padding-inline:1.6rem;font-size:1.05rem}.hero__hint{color:var(--text);text-shadow:0 1px 10px var(--shade);align-items:center;gap:.6rem;font-size:.9rem;display:inline-flex}.hero__mouse{border:2px solid;border-radius:1rem;block-size:1.9rem;inline-size:1.2rem;position:relative}.hero__mouse:after{content:"";block-size:.4rem;inline-size:.2rem;animation:wheel 1.8s var(--ease) infinite;background:currentColor;border-radius:1rem;margin-inline-start:-.1rem;position:absolute;inset-block-start:.3rem;inset-inline-start:50%}@keyframes wheel{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(.6rem)}to{opacity:0;transform:translateY(0)}}.visit{background:var(--surface-2);border:1px dashed var(--ph-line);border-radius:.9rem;margin-block-start:1.2rem;padding:1rem}.visit__head{flex-wrap:wrap;align-items:center;gap:.5rem;margin-block-end:.6rem;font-weight:650;display:flex}.tag{border:1px solid var(--ph-line);color:var(--muted);border-radius:999px;padding:.1rem .55rem;font-size:.75rem;font-weight:500}.visit dl{gap:.35rem;margin:0;display:grid}.visit dl>div{justify-content:space-between;gap:1rem;display:flex}.visit dt{color:var(--muted)}.visit dd{margin:0}.placeholder{background:var(--ph-bg);outline:1px dashed var(--ph-line);outline-offset:-1px;border-radius:.35rem;inline-size:-moz-fit-content;inline-size:fit-content;padding:.05rem .4rem;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.9em}.regions{flex-wrap:wrap;gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:flex}.regions li{border:1px solid var(--line);transition:background-color .3s, border-color .3s, transform .3s var(--ease);border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .8rem;font-size:.9rem;display:inline-flex}.regions li.is-active{border-color:var(--accent);background:var(--surface-2);font-weight:650;transform:translateY(-2px)}.swatch{border-radius:50%;block-size:.75rem;inline-size:.75rem}[data-region=arabia] .swatch{background:#f0b44c}[data-region=asia] .swatch{background:#e5484d}[data-region=africa] .swatch{background:#36b37e}[data-region=europe] .swatch{background:#5b8def}[data-region=americas] .swatch{background:#c06be6}[data-theme=contrast] .swatch{background:#ffd400}.note{color:var(--muted);font-size:.85rem}.ticks{gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.ticks li{padding-inline-start:1.6rem;position:relative}.ticks li:before{content:"";background:var(--accent);block-size:.7rem;inline-size:.7rem;box-shadow:0 0 0 4px var(--ph-bg);border-radius:50%;position:absolute;inset-block-start:.55em;inset-inline-start:0}.ticks li.placeholder{margin-inline-start:1.6rem;padding-inline-start:.4rem}.ticks li.placeholder:before{inset-inline-start:-1.6rem}.demo{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.75rem;margin:.8rem 0 1.4rem;padding:0;list-style:none;display:grid}.demo li{background:var(--surface-2);border:1px solid var(--line);border-radius:.9rem;gap:.25rem;padding:.9rem 1rem;font-size:.92rem;display:grid}.demo strong{color:var(--accent)}.contact{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-block-end:1.2rem;display:flex}.contact p{margin:0}.contact .url{opacity:.85;font-weight:500}.disclaimer{border-block-start:1px solid var(--line);color:var(--muted);padding-block-start:1rem;font-size:.85rem}.site-footer{z-index:1;background:var(--surface-solid);border-block-start:1px solid var(--line);color:var(--text);padding:2.5rem clamp(1rem,5vw,5rem) 3rem;font-size:.92rem;position:relative}.site-footer p{margin-block-end:.5rem}.site-footer__label{background:var(--bar-bg);color:var(--bar-fg);border-radius:.5rem;padding:.35rem .8rem;font-weight:600;display:inline-block}.site-footer__small{color:var(--muted);font-size:.85rem}.site-footer__links{flex-wrap:wrap;gap:1.25rem;margin-block-start:1rem;display:flex}.site-footer__links a{min-block-size:2.75rem;color:var(--accent);align-items:center;font-weight:600;display:inline-flex}[data-theme=night] .site-footer__links a,[data-theme=gray] .site-footer__links a{color:var(--text)}.drawer{border:0;border-inline-start:1px solid var(--line);background:var(--surface-solid);block-size:100dvh;max-block-size:100dvh;inline-size:min(24rem,100vw);max-inline-size:100vw;color:var(--text);margin:0;margin-inline-start:auto;padding:0;inset-block:0;box-shadow:0 0 60px #00000073}.drawer::backdrop{background:#00000080}html[data-motion=on] .drawer[open]{animation:drawer-in .32s var(--ease)}@keyframes drawer-in{0%{transform:translateX(var(--drawer-from,100%))}to{transform:none}}[dir=rtl] .drawer{--drawer-from:-100%}.drawer__inner{gap:1.1rem;padding:1.25rem 1.25rem 2rem;display:grid}.drawer__head{justify-content:space-between;align-items:center;display:flex}.drawer__head h2{margin:0;font-size:1.35rem}.opt{border:0;min-inline-size:0;margin:0;padding:0}.opt legend{margin-block-end:.5rem;padding:0;font-weight:650}.opt__note{color:var(--muted);margin:.4rem 0 0;font-size:.8rem}.seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:.4rem;display:grid}.seg--2x2{grid-template-columns:1fr 1fr;grid-auto-flow:row}.seg label{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;text-align:center;border-radius:.75rem;justify-content:center;align-items:center;gap:.45rem;min-block-size:2.75rem;padding:.4rem .6rem;font-size:.92rem;display:flex;position:relative}.seg input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.seg label:has(input:checked){border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:650}.seg label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.sw{border:1px solid #80808099;border-radius:50%;flex:none;block-size:1rem;inline-size:1rem}.sw--night{background:linear-gradient(135deg,#0b1026 50%,#ffc266 50%)}.sw--day{background:linear-gradient(135deg,#f4efe6 50%,#8a3f00 50%)}.sw--contrast{background:linear-gradient(135deg,#000 50%,#ffd400 50%)}.sw--gray{background:linear-gradient(135deg,#222 50%,#bbb 50%)}.drawer__reset{justify-self:start}.drawer__label{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:.6rem;margin:0;padding:.6rem .8rem;font-size:.8rem}html.vt-reveal::view-transition-old(root){mix-blend-mode:normal;animation:none}html.vt-reveal::view-transition-new(root){mix-blend-mode:normal;animation:none}html.vt-reveal::view-transition-old(root){z-index:1}html.vt-reveal::view-transition-new(root){z-index:2}html[data-motion=reduced] *,html[data-motion=reduced] :before,html[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-theme=contrast] .card,[data-theme=contrast] .btn,[data-theme=contrast] .pill,[data-theme=contrast] .regions li,[data-theme=contrast] .demo li,[data-theme=contrast] .seg label{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-width:2px}[data-theme=contrast] a{text-decoration-thickness:2px}[data-theme=contrast] .hero__title,[data-theme=contrast] .hero__lead,[data-theme=contrast] .hero__hint{text-shadow:none}[data-theme=contrast] .hero{border-radius:var(--radius);background:#000;border:2px solid #ffd400;padding:1.25rem}@media (max-width:720px){:root{--header-h:7rem}.concept-bar{padding-inline:.75rem;font-size:.75rem}.brand__by{display:none}.brand__mark{block-size:2rem;inline-size:2rem}.chapter{justify-content:flex-end;min-block-size:140vh;padding-block:60vh 6vh;padding-inline:.9rem 2.6rem}.chapter--tall{min-block-size:210vh}.chapter--hero{min-block-size:100svh;padding-block:calc(var(--header-h) + 1rem) 2.5rem;justify-content:flex-end}.card{padding:1.1rem 1.15rem;inset-block:auto .9rem}.card h2{font-size:1.45rem}.card p{font-size:.95rem}.hero__title{font-size:clamp(2.2rem,11vw,3rem)}.hero__lead{font-size:1rem}.stage__shade,[dir=rtl] .stage__shade{background:linear-gradient(to top, var(--shade), transparent 60%)}.progress{inset-inline-end:.2rem}.progress a{block-size:1.9rem;inline-size:1.9rem}.stage-status{inset-block-start:calc(var(--header-h) + .25rem);inset-block-end:auto;inset-inline-end:2.6rem}.visit dl>div{flex-direction:column;gap:0}}@media (min-width:1100px){.progress a[aria-current=step] .progress__label{opacity:1;transform:none}}.bar{transition:background-color .3s}html.is-scrolled .bar{background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block-end:1px solid var(--line)}[data-theme=contrast] .bar{background:#000}.brand__name{white-space:nowrap}.card--wide{position:relative;inset-block-start:auto}@media (max-width:720px){.brand__name{font-size:.92rem}.stage__shade,[dir=rtl] .stage__shade{background:linear-gradient(to top, var(--shade-strong) 0%, var(--shade-strong) 30%, transparent 72%)}.card--wide,[data-text=larger] .card,[data-text=large] .card{position:relative;inset-block-end:auto}}@media (max-height:560px){.card{position:relative;inset-block:auto}}:root{--shade-strong:#060818db}[data-theme=day]{--shade-strong:#fffaf0e6}[data-theme=contrast]{--shade-strong:#000000eb}[data-theme=gray]{--shade-strong:#101010e0}[lang=ar] .placeholder{font-family:var(--font);font-size:.95em}