@font-face{font-family:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(/assets/readex-pro-arabic-full-normal-BFbtMctk.woff2) format("woff2-variations");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,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(/assets/readex-pro-vietnamese-full-normal-DEAB1ruD.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(/assets/readex-pro-latin-ext-full-normal-CrJ3yYUZ.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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(/assets/readex-pro-latin-full-normal-BkSkhbXy.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--board: #2b2e31;--board-raised: #34383c;--board-deep: #1c1f22;--board-line: #42464c;--board-line-2: #5a5f66;--lit: #f5f4ee;--lit-2: #c3c6ca;--lit-3: #a3a8ae;--plate: #f5f4ee;--plate-2: #e6e4dc;--plate-3: #d3d0c6;--ink: #1c1f22;--ink-2: #4b5057;--ink-line: rgb(28 31 34 / .2);--orange: #ff590b;--orange-ink: #a93a08;--on-orange: #1c1f22;--on-orange-2: #3a1806;--font: "Readex Pro Variable", "Readex Pro", ui-sans-serif, system-ui, sans-serif;--t-display: clamp(2.75rem, 1.6rem + 4.2vw, 5rem);--t-name: clamp(1.75rem, 1.25rem + 2vw, 3rem);--t-lead: clamp(1.125rem, 1.06rem + .3vw, 1.3125rem);--t-body: 1.0625rem;--t-small: .8125rem;--m: .5rem;--gutter: clamp(1rem, .4rem + 2.8vw, 3rem);--max: 90rem;--hdr: 4rem;--radius: .25rem;--ease-out: cubic-bezier(.23, 1, .32, 1)}@media(max-width:43.74em){:root{--hdr: 3.5rem}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--board);scroll-padding-top:calc(var(--hdr) + var(--m) * 2);scrollbar-color:var(--board-line-2) var(--board)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{min-height:100svh;background:var(--board);color:var(--lit);font-family:var(--font);font-size:var(--t-body);font-weight:400;line-height:1.6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;caret-color:var(--orange);overflow-x:clip}html[lang=ar] body{line-height:1.85}img,svg{display:block;max-width:100%}img{height:auto}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:2px}button{font:inherit;color:inherit}h1,h2,h3{font-weight:650;line-height:1.05;text-wrap:balance}p{text-wrap:pretty}::selection{background:var(--orange);color:var(--on-orange)}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.on-plate :focus-visible{outline-color:var(--ink)}:target{scroll-margin-top:calc(var(--hdr) + var(--m) * 2)}.container{width:100%;max-width:var(--max);margin-inline:auto;padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}.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-link{position:absolute;inset-inline-start:var(--m);top:var(--m);z-index:100;padding:calc(var(--m) * 1.5) calc(var(--m) * 2.5);border-radius:var(--radius);background:var(--orange);color:var(--on-orange);font-weight:600;text-decoration:none;transform:translateY(-200%)}.skip-link:focus-visible{transform:none;outline-color:var(--lit)}.actions{display:flex;flex-wrap:wrap;gap:calc(var(--m) * 1.5)}.mark{--pad: .15em;--above: var(--orange);--below: currentColor;padding-block:var(--pad)}.mark[data-mark=dot]{--cut: .41em}.mark[data-mark=hamza]{--cut: .49em}.mark[data-mark=below]{--cut: 1.03em;--above: currentColor;--below: var(--orange)}@supports ((background-clip: text) or (-webkit-background-clip: text)){.mark{background:linear-gradient(to bottom,var(--above) calc(var(--pad) + var(--cut)),var(--below) calc(var(--pad) + var(--cut)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}.plate{--plate-bg: var(--plate);--plate-fg: var(--ink);--plate-line: var(--plate-bg);display:inline-flex;align-items:center;gap:calc(var(--m) * 1.5);min-block-size:calc(var(--m) * 7);padding-inline:calc(var(--m) * 2.5);border:2px solid var(--plate-line);border-radius:var(--radius);background:var(--plate-bg);color:var(--plate-fg);font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-out)}.plate:active{transform:scale(.97)}.plate svg{flex:none}.plate__arrow{margin-inline-start:calc(var(--m) * .5)}.plate--orange{--plate-bg: var(--orange);--plate-fg: var(--on-orange)}.plate--line{--plate-bg: transparent;--plate-fg: var(--lit);--plate-line: var(--lit)}.plate--ink{--plate-bg: var(--ink);--plate-fg: var(--lit)}@media(hover:hover)and (pointer:fine){.plate:hover{--plate-bg: #ffffff}.plate--orange:hover{--plate-bg: #ff7429}.plate--line:hover{--plate-bg: var(--lit);--plate-fg: var(--ink)}.plate--ink:hover{--plate-bg: #2c3036;--plate-line: #2c3036}}@media(prefers-reduced-motion:reduce){.plate{transition:none}.plate:active{transform:none}}@media(forced-colors:active){.plate{border-color:ButtonText}}.bullet{--size: calc(var(--m) * 4);display:inline-grid;place-items:center;flex:none;inline-size:var(--size);block-size:var(--size);border-radius:50%;background:var(--ink);color:var(--lit);font-size:calc(var(--size) * .4);font-weight:650;font-variant-numeric:tabular-nums;line-height:1}.bullet--ring{border:calc(var(--size) * .1) solid var(--orange);background:transparent;color:var(--ink)}@media(forced-colors:active){.bullet{border:2px solid CanvasText}}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.arrow--out{transform:rotate(-45deg)}[dir=rtl] .arrow--out{transform:scaleX(-1) rotate(-45deg)}.ftr{position:relative;isolation:isolate;overflow:clip;border-block-start:1px solid var(--board-line);background:var(--board-deep);color:var(--lit-2)}.ftr:before{content:"";position:absolute;z-index:-1;inset-block-start:50%;inset-inline-end:-22rem;inline-size:60rem;block-size:60rem;margin-block-start:-30rem;border-radius:50%;background:radial-gradient(closest-side,rgb(255 89 11 / .2),rgb(255 89 11 / .07) 50%,transparent 72%);pointer-events:none}.ftr__in{display:grid;gap:calc(var(--m) * 8);padding-block:calc(var(--m) * 10) calc(var(--m) * 4);padding-block-end:max(calc(var(--m) * 4),env(safe-area-inset-bottom))}.ftr__top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:calc(var(--m) * 6)}.ftr__id{display:grid;justify-items:start;gap:calc(var(--m) * 3)}.ftr__brand{display:block;border-radius:var(--radius);outline-offset:6px}.ftr__logo{display:block;inline-size:clamp(9.5rem,6rem + 9vw,15rem);block-size:auto}.ftr__line{color:var(--lit-2);font-size:var(--t-lead);line-height:1.5}.reach{display:grid;justify-self:end;inline-size:36rem;max-inline-size:100%;border-block:1px solid var(--board-line-2)}.reach__group{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:calc(var(--m) * 4);padding-block:calc(var(--m) * 3)}.reach__group+.reach__group{border-block-start:1px solid var(--board-line)}.reach__line{color:var(--lit);font-size:clamp(1.125rem,1rem + .5vw,1.375rem);font-weight:600;letter-spacing:-.01em;line-height:1.35}html[lang=ar] .reach__line{letter-spacing:0;line-height:1.7}.contacts{display:flex;gap:calc(var(--m) * 1.5)}.contact{display:grid;place-items:center;inline-size:calc(var(--m) * 8);block-size:calc(var(--m) * 8);border-radius:50%;background:#ff590b1a;color:var(--orange);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-out)}.contact:focus-visible{outline-offset:4px}.contact svg{display:block}.contact:active{background:var(--orange);color:var(--on-orange);transform:scale(.95)}@media(hover:hover)and (pointer:fine){.contact:hover{background:var(--orange);color:var(--on-orange)}}.ftr__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--m) calc(var(--m) * 3);padding-block-start:calc(var(--m) * 2.5);border-block-start:1px solid var(--board-line);color:var(--lit-3);font-size:var(--t-small)}.ftr__cr{color:var(--lit-2);font-variant-numeric:tabular-nums}@media(max-width:59.99em){.ftr__top{grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:calc(var(--m) * 5)}.reach{justify-self:stretch;inline-size:auto}}@media(max-width:47.99em){.ftr__in{gap:calc(var(--m) * 6);padding-block-start:calc(var(--m) * 7)}.ftr:before{inset-inline-end:-26rem;inset-block-start:40%}.reach__group{gap:calc(var(--m) * 2.5);padding-block:calc(var(--m) * 2.5)}.contact{inline-size:calc(var(--m) * 7);block-size:calc(var(--m) * 7)}.contact svg{inline-size:26px;block-size:26px}}@media(prefers-reduced-motion:reduce){.contact{transition:none}.contact:active{transform:none}}@media(forced-colors:active){.contact{border:2px solid LinkText;color:LinkText}}.hdr{position:sticky;top:0;z-index:50;background:var(--board);border-block-end:1px solid var(--board-line)}.hdr__in{display:flex;align-items:center;gap:calc(var(--m) * 2);block-size:var(--hdr)}.hdr__home{flex:none;display:block;border-radius:var(--radius);outline-offset:5px}.hdr__logo{inline-size:132px}.tabs{display:flex;align-items:stretch;gap:var(--m);margin-inline-start:auto;block-size:100%}.tab{position:relative;display:inline-flex;align-items:center;padding-inline:calc(var(--m) * 1.5);border-radius:var(--radius);color:var(--lit-2);font-size:.9375rem;font-weight:500;text-decoration:none;white-space:nowrap;outline-offset:-3px}.tab[aria-current]{color:var(--lit);font-weight:600}.tab[aria-current]:after{content:"";position:absolute;inset-block-end:calc(var(--m) * 1.25);inset-inline-start:50%;inline-size:8px;block-size:8px;margin-inline-start:-4px;border-radius:50%;background:var(--orange)}@media(hover:hover)and (pointer:fine){.tab:hover{color:var(--lit)}}.hdr__lang{flex:none;min-block-size:44px;min-inline-size:44px;padding-inline:calc(var(--m) * 1.5);border:2px solid var(--board-line-2);border-radius:var(--radius);background:transparent;color:var(--lit);font-size:.9375rem;font-weight:500;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-out)}.hdr__lang:lang(ar){font-size:1rem}.hdr__lang:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.hdr__lang:hover{border-color:var(--lit);background:var(--lit);color:var(--ink)}}@media(prefers-reduced-motion:reduce){.hdr__lang{transition:none}.hdr__lang:active{transform:none}}@media(forced-colors:active){.tab[aria-current]:after{forced-color-adjust:none;background:Highlight}}@media(max-width:37.49em){.hdr__in{gap:var(--m)}.hdr__logo{inline-size:104px}.tabs{gap:0}.tab,.hdr__lang{padding-inline:var(--m);font-size:.875rem}}@media(max-width:23.74em){.hdr__logo{inline-size:88px}.tab{padding-inline:calc(var(--m) * .5);font-size:.8125rem}.hdr__lang{min-inline-size:40px}}.page{padding-block:calc(var(--m) * 6) calc(var(--m) * 12)}.lost{display:grid;align-items:center;min-block-size:calc(100svh - var(--hdr) - 10rem)}.lost__in{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:calc(var(--m) * 4) calc(var(--m) * 8)}.lost__bullet{--size: clamp(8rem, 5rem + 10vw, 14rem);color:var(--lit);font-size:calc(var(--size) * .26)}.lost__title{max-inline-size:15ch;font-size:clamp(2.25rem,1.5rem + 3vw,4rem);letter-spacing:-.03em;line-height:1}html[lang=ar] .lost__title{letter-spacing:0;line-height:1.3}.lost__body{margin-block-start:calc(var(--m) * 3);color:var(--lit-2);font-size:var(--t-lead)}.lost__back{margin-block-start:calc(var(--m) * 4)}@media(max-width:47.99em){.lost__in{grid-template-columns:minmax(0,1fr)}.lost__bullet{--size: 7rem}}.back-arrow{transform:rotate(180deg)}[dir=rtl] .back-arrow{transform:scaleX(-1) rotate(180deg)}.clients__in{display:grid;gap:calc(var(--m) * 6)}.clients__title{text-align:center;font-size:clamp(2.25rem,1.5rem + 3vw,4rem);font-weight:650;letter-spacing:-.03em;line-height:1}html[lang=ar] .clients__title{letter-spacing:0;line-height:1.3}.faces{display:grid;gap:calc(var(--m) * 14);margin:0;padding:0;list-style:none}.face{--face: clamp(20rem, 8rem + 18vw, 26rem);display:grid;justify-items:center;row-gap:calc(var(--m) * 5);text-align:center}.face__disc{position:relative;display:block;inline-size:var(--face);max-inline-size:100%;aspect-ratio:1;border-radius:50%;-webkit-tap-highlight-color:transparent}.face__disc:before{content:"";position:absolute;inset:0;border:2px solid var(--board-line-2);border-radius:50%;opacity:0}.face__lit{position:absolute;inset:0;border-radius:50%;background:var(--plate);transition:transform .16s var(--ease-out)}.face__lit>img{position:absolute;inset:21%;inline-size:58%;max-width:none;block-size:58%;object-fit:contain}.face__roam{position:absolute;inset:0;overflow:hidden;border-radius:50%;pointer-events:none}.face__track{position:absolute;inset-block:0;left:0;inline-size:100%}.face__roamer{position:absolute;top:35.6%;left:0;inline-size:12%;max-width:none;block-size:auto;opacity:0}@media(hover:hover)and (pointer:fine){.face:has(.face__disc:hover,.face__visit:hover) .face__lit{background:#fff}.face:has(.face__disc:hover) .face__visit{--plate-bg: var(--lit);--plate-fg: var(--ink)}}.face:has(.face__visit:focus-visible) .face__lit{background:#fff}.face__disc:active .face__lit{transform:scale(.97)}.face__words{display:grid;justify-items:center}.face__title{font-size:clamp(2rem,1.4rem + 2.4vw,3.25rem);font-weight:650;letter-spacing:-.025em;line-height:1.05;text-wrap:balance}html[lang=ar] .face__title{letter-spacing:0;line-height:1.35}.face__mask{display:block;padding-block-end:.06em;overflow:clip}.face__rise{display:block}.face__stop{position:relative;display:inline-block;color:var(--orange);transform-origin:50% 85%}.face__stop:after{content:"";position:absolute;inset-inline-start:50%;inset-block-end:.14em;inline-size:.42em;block-size:.42em;margin-inline-start:-.21em;border:2px solid var(--orange);border-radius:50%;opacity:0}.face__about{max-inline-size:26rem;margin-block-start:calc(var(--m) * 2.5);color:var(--lit-2);font-size:var(--t-lead);line-height:1.5}html[lang=ar] .face__about{line-height:1.8}.face__visit{margin-block-start:calc(var(--m) * 4)}@media(max-width:55.99em){.faces{gap:calc(var(--m) * 10)}.face{--face: min(100%, 20rem);row-gap:calc(var(--m) * 4)}}@media(max-width:29.99em){.clients__in{gap:calc(var(--m) * 4)}.face__visit{margin-block-start:calc(var(--m) * 3)}}@media(prefers-reduced-motion:no-preference){.face:first-child .face__disc:before{animation:face-unlit .76s linear backwards}.face:first-child .face__lit{animation:face-light .56s var(--ease-out) .2s backwards}.face:first-child .face__rise{animation:face-rise .8s var(--ease-out) backwards;animation-delay:calc(.32s + var(--i) * .12s)}.face:first-child .face__about{animation:face-word .5s var(--ease-out) .82s backwards}.face:first-child .face__visit{animation:face-word .5s var(--ease-out) .94s backwards}.face:first-child .face__stop{animation:face-pop .52s cubic-bezier(.34,1.56,.64,1) .96s backwards}.face:first-child .face__stop:after{animation:face-ring 1s var(--ease-out) 1.04s backwards}.face__track{animation:face-roam-x 14s linear 1s infinite}.face__roamer{animation:face-roam-y 14s linear 1s infinite}}@media(prefers-reduced-motion:reduce){.face__lit{transition:none}.face__disc:active .face__lit{transform:none}}@media(forced-colors:active){.face__lit{border:2px solid CanvasText}}@keyframes face-unlit{0%,90%{opacity:1}to{opacity:0}}@keyframes face-light{0%{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(50% at 50% 50%)}}@keyframes face-rise{0%{transform:translateY(105%)}to{transform:none}}@keyframes face-word{0%{opacity:0;transform:translateY(.45em)}to{opacity:1;transform:none}}@keyframes face-pop{0%{transform:scale(0)}to{transform:none}}@keyframes face-roam-x{0%{transform:translate3d(-5%,0,0)}10%{transform:translate3d(15%,0,0)}20%{transform:translate3d(22%,0,0)}28%{transform:translate3d(28%,0,0)}42%{transform:translate3d(65%,0,0)}50%{transform:translate3d(72%,0,0)}60%{transform:translate3d(78%,0,0)}68%{transform:translate3d(85%,0,0)}to{transform:translate3d(105%,0,0)}}@keyframes face-roam-y{0%{transform:translate3d(0,140%,0) rotate(0);opacity:0}10%{transform:translate3d(0,15.6%,0) rotate(90deg);opacity:1}20%{transform:translate3d(0,125%,0) rotate(180deg);opacity:1}28%{transform:translate3d(0,46.9%,0) rotate(240deg);opacity:0}42%{transform:translate3d(0,140%,0) rotate(360deg);opacity:0}50%{transform:translate3d(0,31.25%,0) rotate(450deg);opacity:1}60%{transform:translate3d(0,125%,0) rotate(540deg);opacity:1}68%{transform:translate3d(0,46.9%,0) rotate(600deg);opacity:0}to{transform:translate3d(0,140%,0) rotate(720deg);opacity:0}}@keyframes face-ring{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}.start{border-block-start:1px solid var(--board-line)}.start__in{padding-block:calc(var(--m) * 10) calc(var(--m) * 11)}.start__map{position:relative}.start__road{position:absolute;top:0;left:0;z-index:0;overflow:visible;pointer-events:none}.start__way{fill:none;stroke:var(--lit-3);stroke-opacity:.6;stroke-width:2;stroke-linecap:round;stroke-dasharray:1 8}.start__done{fill:none;stroke:var(--orange);stroke-width:2;stroke-dasharray:1 1;stroke-dashoffset:1}.start__title{position:relative;z-index:2;font-size:clamp(2rem,1.4rem + 2.4vw,3.25rem);font-weight:650;letter-spacing:-.025em;line-height:1}html[lang=ar] .start__title{letter-spacing:0;line-height:1.3}.start__title:focus{outline:none}.start__go{display:inline-flex;align-items:center;gap:calc(var(--m) * 3.5);padding:0;border:0;border-radius:var(--radius);background:none;text-align:start;transition:gap .45s var(--ease-out)}button.start__go{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:gap .45s var(--ease-out),transform .16s var(--ease-out)}button.start__go:active{transform:scale(.97)}.start__knob{position:relative;display:grid;flex:none;place-items:center;min-inline-size:56px;block-size:56px;padding-inline:calc(var(--m) * 3);border-radius:999px;background:var(--orange);color:var(--on-orange);font-size:1rem;font-weight:650;letter-spacing:.01em;line-height:1}html[lang=ar] .start__knob{font-size:1.0625rem;letter-spacing:0}.start__logo{position:absolute;top:50%;left:50%;inline-size:84px;max-inline-size:none;block-size:auto;opacity:0;transform:translate(-50%,-50%);pointer-events:none}.start[data-phase=done] .start__knob{background:transparent;animation:start-sign .56s cubic-bezier(.34,1.56,.64,1)}.start[data-phase=done] .start__word{opacity:0}.start[data-phase=done] .start__logo{opacity:1}.start[data-phase=done] .start__knob:after{display:none}.start[data-phase=done] .start__go{gap:calc(var(--m) * 4.5)}.start__knob:after{content:"";position:absolute;inset:-2px;border:2px solid var(--orange);border-radius:999px;opacity:0;pointer-events:none}.start.is-near[data-phase=idle] .start__knob:after{animation:start-call 1.6s var(--ease-out) .3s 3}@media(hover:hover)and (pointer:fine){.start[data-phase] button.start__go:hover .start__knob:after{opacity:1;transform:scale(1.22);animation:none}}.road{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:calc(var(--m) * 9) 0 0;padding:0;list-style:none}.road__step{display:grid;align-content:start;justify-items:center;gap:calc(var(--m) * 3);padding-inline:calc(var(--m) * 1.5);text-align:center}.road__mark{position:relative;display:grid;place-items:center;inline-size:44px;block-size:44px;border:2px solid var(--board-line-2);border-radius:50%;background:var(--board);color:var(--lit-2);font-size:.9375rem;font-weight:600;font-variant-numeric:tabular-nums;font-variation-settings:"HEXP" 60}.road__mark:after{content:"";position:absolute;inset:-2px;border:2px solid var(--orange);border-radius:50%;opacity:0;pointer-events:none}.road__title{position:relative;color:var(--lit);font-size:clamp(1.0625rem,.95rem + .4vw,1.25rem);font-weight:600;line-height:1.3}.cipher__code{position:absolute;inset:0;display:none;align-items:center;justify-content:center;white-space:nowrap;pointer-events:none}.road__title:not([data-cipher=plain]) .cipher__plain{color:transparent}.road__title:not([data-cipher=plain]) .cipher__code{display:flex}.road__title[data-cipher=coded] .cipher__code{color:var(--lit-3)}html[lang=ar] .road__title{line-height:1.6}.start:not([data-phase=static]) .road__step[data-state=todo] .road__mark{color:var(--lit-3)}.road__step:not([data-state=todo]) .road__mark{border-color:var(--orange);background:var(--orange);color:var(--on-orange);animation:road-pop .46s cubic-bezier(.34,1.56,.64,1)}.road__step[data-state=here] .road__mark:after{animation:road-ring .9s var(--ease-out)}.start__dot{position:absolute;top:0;left:0;z-index:1;inline-size:16px;block-size:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--orange);opacity:0;pointer-events:none}.start[data-phase=playing] .start__dot{opacity:1}@keyframes start-sign{0%{transform:scale(.7)}}@keyframes start-call{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes road-pop{0%{transform:scale(.8)}to{transform:none}}@keyframes road-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@media(forced-colors:active){.start__knob,.start__dot,.road__step:not([data-state=todo]) .road__mark{forced-color-adjust:none;background:Highlight;color:HighlightText}}@media(max-width:47.99em){.start__in{padding-block:calc(var(--m) * 8) calc(var(--m) * 9)}.start__go{gap:calc(var(--m) * 2.75)}.start[data-phase=done] .start__go{gap:calc(var(--m) * 3.5)}.start__knob{min-inline-size:44px;block-size:44px;padding-inline:calc(var(--m) * 2.25);font-size:.9375rem}.start__logo{inline-size:66px}.road{grid-template-columns:minmax(0,1fr);row-gap:calc(var(--m) * 5);margin-block-start:calc(var(--m) * 6)}.road__step{grid-template-columns:44px minmax(0,1fr);align-items:center;justify-items:start;column-gap:calc(var(--m) * 2);padding-inline:0;text-align:start}.cipher__code{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.start__dot{display:none}.start__go,button.start__go{transition:none}.start.is-near[data-phase=idle] .start__knob:after,.start[data-phase=done] .start__knob,.road__step:not([data-state=todo]) .road__mark,.road__step[data-state=here] .road__mark:after{animation:none}button.start__go:active{transform:none}}.hero{position:relative;isolation:isolate;display:grid;align-items:center;min-block-size:calc(100svh - var(--hdr));padding-block:calc(var(--m) * 8) calc(var(--m) * 10);overflow:clip}.hero__head{inline-size:fit-content;max-inline-size:100%}.hero__title{max-inline-size:15ch;font-size:min(clamp(3rem,1.6rem + 5.4vw,6rem),calc((100vw - 2 * var(--gutter)) / 10.1));font-weight:650;letter-spacing:-.035em;line-height:1.02}html[lang=ar] .hero__title{font-size:clamp(3rem,1.6rem + 5.4vw,6rem);letter-spacing:0;line-height:1.35}.hero__mask{display:block;padding-block-end:.06em;overflow:clip}.hero__rise{display:block;animation:hero-rise .8s var(--ease-out) both;animation-delay:calc(80ms + var(--i) * .12s)}.hero__stop{position:relative;display:inline-block;color:var(--orange);animation:hero-pop .52s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.72s;transform-origin:50% 85%}.hero__stop:after{content:"";position:absolute;inset-inline-start:50%;inset-block-end:.14em;inline-size:.42em;block-size:.42em;margin-inline-start:-.21em;border:2px solid var(--orange);border-radius:50%;opacity:0;animation:hero-ring 1s var(--ease-out) both;animation-delay:.8s}.hero__struck{position:relative}.hero__struck:after{content:"";position:absolute;inset-inline:-.05em;top:.68em;block-size:.08em;border-radius:999px;background:var(--orange);transform-origin:left center;animation:hero-strike .45s var(--ease-out) .95s both}.hero__name{display:inline-block;animation:hero-word .6s var(--ease-out) 1.25s both}.build{--mark-y: 0px;position:relative;margin-block-start:calc(var(--m) * 9);scroll-margin-top:calc(var(--hdr) + var(--m) * 4)}.build__list{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none}.build__list:before{content:"";position:absolute;inset-inline:0;top:calc(var(--mark-y) + 7px);block-size:2px;background:var(--board-line-2);transform-origin:left center;animation:hero-draw-x 1s var(--ease-out) 1.4s both}[dir=rtl] .build__list:before{transform-origin:right center}.build__item{display:grid;align-content:start;padding-inline-end:calc(var(--m) * 3)}.build__item:nth-child(1){--in: 1.4s;--at: 1.7s}.build__item:nth-child(2){--in: 1.55s;--at: 2.8s}.build__item:nth-child(3){--in: 1.7s;--at: 3.7s}.build__item:nth-child(4){--in: 1.85s;--at: 4.6s}.build__dot{inline-size:16px;block-size:16px;margin-block:var(--mark-y) calc(var(--m) * 2);border:2px solid var(--orange);border-radius:50%;background:var(--board);animation:hero-mark .3s var(--ease-out) var(--in) both,hero-lit .2s linear var(--at) both}.build__name{font-size:clamp(1.0625rem,.95rem + .4vw,1.25rem);font-weight:600;letter-spacing:-.01em;line-height:1.3}html[lang=ar] .build__name{letter-spacing:0;line-height:1.6}.build__line{margin-block-start:calc(var(--m) * .5);color:var(--lit-2);font-size:.9375rem;line-height:1.5}html[lang=ar] .build__line{line-height:1.75}.build__name,.build__line{animation:hero-word .5s var(--ease-out) var(--at) both}.build__runner{position:absolute;inset-inline:0;top:0;block-size:16px;pointer-events:none;transform:translate(75%);animation:hero-run-x 2.9s linear 1.7s both}[dir=rtl] .build__runner{transform:translate(-75%);animation-name:hero-run-x-rtl}.build__runner:before{content:"";position:absolute;inset-inline-start:0;top:var(--mark-y);inline-size:16px;block-size:16px;border-radius:50%;background:var(--orange);animation:hero-dot-x 2.9s linear 1.7s both}@media(forced-colors:active){.build__runner:before{forced-color-adjust:none;background:Highlight}}@keyframes hero-rise{0%{transform:translateY(105%)}to{transform:none}}@keyframes hero-pop{0%{transform:scale(0)}to{transform:none}}@keyframes hero-ring{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}@keyframes hero-word{0%{opacity:0;transform:translateY(.45em)}to{opacity:1;transform:none}}@keyframes hero-strike{0%{transform:scaleX(0)}}@keyframes hero-draw-x{0%{transform:scaleX(0)}}@keyframes hero-draw-y{0%{transform:scaleY(0)}}@keyframes hero-mark{0%{opacity:0;transform:scale(.4)}}@keyframes hero-lit{0%{border-color:var(--lit-2)}}@keyframes hero-run-x{0%,17.24%{transform:translate(0);animation-timing-function:cubic-bezier(.65,0,.35,1)}37.93%,48.28%{transform:translate(25%);animation-timing-function:cubic-bezier(.65,0,.35,1)}68.97%,79.31%{transform:translate(50%);animation-timing-function:cubic-bezier(.65,0,.35,1)}to{transform:translate(75%)}}@keyframes hero-run-x-rtl{0%,17.24%{transform:translate(0);animation-timing-function:cubic-bezier(.65,0,.35,1)}37.93%,48.28%{transform:translate(-25%);animation-timing-function:cubic-bezier(.65,0,.35,1)}68.97%,79.31%{transform:translate(-50%);animation-timing-function:cubic-bezier(.65,0,.35,1)}to{transform:translate(-75%)}}@keyframes hero-run-y{0%,17.24%{transform:translateY(0);animation-timing-function:cubic-bezier(.65,0,.35,1)}37.93%,48.28%{transform:translateY(25%);animation-timing-function:cubic-bezier(.65,0,.35,1)}68.97%,79.31%{transform:translateY(50%);animation-timing-function:cubic-bezier(.65,0,.35,1)}to{transform:translateY(75%)}}@keyframes hero-dot-x{0%{transform:scale(0);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}12.07%,17.24%,37.93%,48.28%,68.97%,79.31%{transform:scale(1);animation-timing-function:cubic-bezier(.65,0,.35,1)}27.59%,58.62%,89.66%{transform:scale(2.6,.7);animation-timing-function:cubic-bezier(.65,0,.35,1)}to{transform:scale(1)}}@keyframes hero-dot-y{0%{transform:scale(0);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}12.07%,17.24%,37.93%,48.28%,68.97%,79.31%{transform:scale(1);animation-timing-function:cubic-bezier(.65,0,.35,1)}27.59%,58.62%,89.66%{transform:scale(.7,2.6);animation-timing-function:cubic-bezier(.65,0,.35,1)}to{transform:scale(1)}}@media(max-width:47.99em){.hero{min-block-size:calc(88svh - var(--hdr));padding-block:calc(var(--m) * 6) calc(var(--m) * 8)}.hero__head{inline-size:auto}.build{--mark-y: 3px;margin-block-start:calc(var(--m) * 6)}html[lang=ar] .build{--mark-y: 6px}.build__list{grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr}.build__list:before,[dir=rtl] .build__list:before{inset-inline:7px auto;inline-size:2px;block-size:75%;transform-origin:center top;animation-name:hero-draw-y}.build__item{grid-template-columns:16px minmax(0,1fr);column-gap:calc(var(--m) * 2.5);padding-inline-end:0;padding-block-end:calc(var(--m) * 2.5)}.build__dot{grid-row:1 / span 2;margin-block-end:0}.build__name,.build__line{grid-column:2}.build__runner,[dir=rtl] .build__runner{inset-inline:0 auto;inset-block:0;inline-size:16px;block-size:auto;transform:translateY(75%);animation-name:hero-run-y}.build__runner:before{animation-name:hero-dot-y}}@media(prefers-reduced-motion:reduce){.hero__rise,.hero__stop,.hero__stop:after,.hero__struck:after,.hero__name,.build__list:before,[dir=rtl] .build__list:before,.build__dot,.build__name,.build__line,.build__runner,[dir=rtl] .build__runner,.build__runner:before{animation:none}}