:root{--ink:#0c0c0b;--ink-2:#161615;--bone:#eeeae2;--paper:#f7f4ee;--sel:#2f6bff;--metal:linear-gradient(115deg, #8d877d 0%, #e9e4da 32%, #b7b0a4 52%, #f6f2ea 70%, #8f897f 100%);--m:clamp(16px, 2.78vw, 48px);--gut:clamp(12px, 1.67vw, 28px);--col:calc((100vw - 2 * var(--m) - 11 * var(--gut)) / 12);--out:cubic-bezier(.19, 1, .22, 1);--io:cubic-bezier(.76, 0, .24, 1);--t-hero:clamp(48px, 10vw, 172px);--t-sec:clamp(34px, 4.6vw, 78px);--t-card:clamp(20px, 1.67vw, 28px);--t-lead:clamp(16px, 1.32vw, 22px);--t-body:clamp(15px, 1.11vw, 17px);--t-ui:clamp(13px, .97vw, 15px);--t-mono:clamp(10px, .8vw, 12px)}body.x3{font-family:var(--f-sans), system-ui, sans-serif;font-size:var(--t-body);background:var(--ink);color:var(--bone);line-height:1.45}.x3 main{z-index:1;position:relative;overflow-x:clip}.x-ch{--fg:var(--bone);--fg-2:#eeeae29e;--fg-3:#eeeae261;--rule:#eeeae224;background:var(--ink);color:var(--fg);position:relative}.x-ch[data-tone=bone]{--fg:var(--ink);--fg-2:#0c0c0b9e;--fg-3:#0c0c0b66;--rule:#0c0c0b24;background:var(--bone)}.x-wrap{padding-inline:var(--m)}.x-mono{font-family:var(--f-mono), ui-monospace, monospace;font-size:var(--t-mono);letter-spacing:.06em;text-transform:uppercase;font-weight:400;line-height:1.35}.x-sec-title{font-size:var(--t-sec);letter-spacing:-.045em;text-wrap:balance;margin:0;font-weight:500;line-height:.96}.x-lead{font-size:var(--t-lead);letter-spacing:-.01em;color:var(--fg-2);text-wrap:pretty;margin:0;line-height:1.4}.x-label{color:var(--fg-2);align-items:center;gap:10px;display:inline-flex}.x-label:before{content:"";background:currentColor;width:6px;height:6px}.x-rise{display:block}.x-rise>span{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.x-rise>span>span{transition:transform 1.2s var(--out);transition-delay:calc(var(--i,0) * 80ms);display:block;transform:translateY(105%)}.x-in .x-rise>span>span,.x-rise.x-in>span>span{transform:none}.x-fade{opacity:0;transition:opacity 1s var(--out), transform 1.1s var(--out);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(24px)}.x-in .x-fade,.x-fade.x-in{opacity:1;transform:none}.x-btn{--bh:52px;--bg:var(--bone);--tx:var(--ink);isolation:isolate;height:var(--bh);background:var(--bg);color:var(--tx);font-family:var(--f-sans), sans-serif;font-size:var(--t-ui);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;transition:transform .3s var(--out);border:0;border-radius:999px;align-items:center;gap:16px;padding:0 5px 0 24px;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.x-btn:active{transform:scale(.97)}.x-btn--sm{--bh:40px;gap:12px;padding-left:18px}.x-btn--lg{--bh:60px;padding-left:30px;font-size:clamp(14px,1.04vw,16px)}.x-btn--ink{--bg:var(--ink);--tx:var(--bone)}.x-btn--line{--bg:transparent;--tx:currentColor;box-shadow:inset 0 0 0 1px #7f7f7f73}.x-btn-fill{z-index:-1;background:var(--metal);clip-path:circle(0 at calc(100% - var(--bh) / 2) 50%);transition:clip-path .7s var(--out);position:absolute;inset:0}.x-btn-label{transition:transform .6s var(--out), color .4s var(--out);position:relative}.x-btn-chip{width:calc(var(--bh) - 10px);height:calc(var(--bh) - 10px);background:var(--tx);color:var(--bg);transition:background .4s var(--out), color .4s var(--out);border-radius:50%;place-items:center;display:grid}.x-btn--line .x-btn-chip{background:currentColor}.x-btn--line .x-btn-chip svg{color:var(--ink)}.x-btn-chip svg{width:36%;height:auto}.x-btn-chip .mb-b{transform-origin:50% 0;transition:transform .6s var(--out)}@media (hover:hover){.x-btn:hover .x-btn-fill,.x-btn:focus-visible .x-btn-fill{clip-path:circle(150% at calc(100% - var(--bh) / 2) 50%)}.x-btn:hover .x-btn-label{color:var(--ink);transform:translate(4px)}.x-btn:hover .x-btn-chip{background:var(--ink);color:var(--bone)}.x-btn:hover .x-btn-chip .mb-b{transform:scaleY(2)}}.x-btn:focus-visible{outline-offset:4px;outline:1px dashed}.x-roll{vertical-align:top;color:inherit;line-height:1.2;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.x-roll>span{text-shadow:0 1.2em;transition:transform .6s var(--out);display:inline-block}@media (hover:hover){.x-roll:hover>span{transform:translateY(-1.2em)}}.x-cur{z-index:6;pointer-events:none;will-change:transform;display:block;position:absolute;top:0;left:0}.x-cur-arrow{width:18px;height:20px;fill:var(--sel);stroke:#fff;stroke-width:1.2px;stroke-linejoin:round;filter:drop-shadow(0 2px 4px #00000040);display:block}.x-cur-tag{background:var(--sel);color:#fff;font-family:var(--f-mono), monospace;letter-spacing:.02em;white-space:nowrap;border-radius:3px 10px 10px;padding:3px 8px 4px;font-size:11px;position:absolute;top:18px;left:14px}.x-win{background:#111;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 40px 80px -30px #0000008c}.x-win-bar{color:#eeeae280;background:#1a1a19;align-items:center;gap:14px;height:34px;padding:0 14px;display:flex}.x-win-dots{gap:6px;display:flex}.x-win-dots i{background:#eeeae22e;border-radius:50%;width:9px;height:9px}.x-win-url{text-align:center;max-width:340px;font-family:var(--f-mono), monospace;letter-spacing:.02em;background:#ffffff0f;border-radius:999px;flex:1;margin:0 auto;padding:4px 12px;font-size:11px}:is(body:has(.lp) .x-hd,body:has(.lp) .x-ft,body:has(.lp) .wa-btn){display:none!important}@media (max-width:899px){.x-btn{--bh:48px}.x-btn--lg{--bh:52px}}html[lang=ar] body{--f-sans:var(--f-ar);--f-mono:var(--f-ar)}html[lang=ar] body *{letter-spacing:0!important;text-transform:none!important}
.x-hd{--hd:var(--bone);z-index:60;height:72px;padding:0 var(--m);color:var(--hd);transition:color .4s var(--out), background .4s var(--out);grid-template-columns:1fr auto auto;align-items:center;gap:clamp(16px,2.2vw,40px);display:grid;position:fixed;inset:0 0 auto}.x-hd[data-tone=bone]{--hd:var(--ink)}.x-hd[data-glass]{-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);background:#0c0c0b6b}.x-hd[data-glass][data-tone=bone]{background:#eeeae2a8}.x-hd-word{width:96px;color:inherit;justify-self:start;display:block}.x-hd-word svg{width:100%;height:auto;display:block}.x-hd-nav{gap:clamp(18px,2vw,32px);display:flex}.x-hd-nav a{opacity:.72;transition:opacity .3s var(--out);position:relative}.x-hd-nav a:hover,.x-hd-nav a[data-on]{opacity:1}.x-hd-nav a[data-on]:after{content:"";background:var(--sel);width:4px;height:4px;margin-top:-2px;position:absolute;top:50%;left:-10px}.x-hd-end{align-items:center;gap:8px;display:flex}.x-hd-menu{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px}.x-hd-menu i{width:14px;height:1.5px;transition:transform .5s var(--io);background:currentColor;margin-left:-7px;position:absolute;top:50%;left:50%}.x-hd-menu i:first-child{transform:translateY(-3px)}.x-hd-menu i:last-child{transform:translateY(3px)}.x-hd-menu[aria-expanded=true] i:first-child{transform:rotate(45deg)}.x-hd-menu[aria-expanded=true] i:last-child{transform:rotate(-45deg)}.x-menu{z-index:55;color:var(--bone);pointer-events:none;visibility:hidden;transition:visibility 0s linear .9s;position:fixed;inset:0}.x-menu[data-open]{pointer-events:auto;visibility:visible;transition:none}.x-menu:before{content:"";background:var(--ink);clip-path:inset(0 0 100%);transition:clip-path .55s var(--io) .25s;position:absolute;inset:0}.x-menu[data-open]:before{clip-path:inset(0);transition:clip-path .5s var(--io) .32s}.x-menu-bars{position:absolute;inset:0}.x-menu-bars i{background:var(--ink);transform-origin:50% 0;width:18.87vw;height:100svh;transition:transform .45s var(--io);position:absolute;top:0;transform:scaleY(0)}.x-menu-bars i:first-child{left:0}.x-menu-bars i:nth-child(2){height:50svh;transition-delay:60ms;left:40.57vw}.x-menu-bars i:nth-child(3){transition-delay:.12s;right:0}.x-menu[data-open] .x-menu-bars i{transform:scaleY(1)}.x-menu-body{column-gap:var(--gut);padding:112px var(--m) 32px;opacity:0;transition:opacity .3s var(--out);grid-template-rows:1fr auto;grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:absolute;inset:0}.x-menu[data-open] .x-menu-body{opacity:1;transition:opacity .4s var(--out) .55s}.x-menu-links{grid-column:1/span 7;align-self:center;display:grid}.x-menu-links a{color:inherit;grid-template-columns:48px 1fr;align-items:baseline;text-decoration:none;display:grid;overflow:hidden}.x-menu-links .x-mono{color:#eeeae266}.x-menu-links b{letter-spacing:-.045em;transition:transform .9s var(--out), opacity .3s var(--out);transition-delay:calc(.55s + var(--i) * 45ms);font-size:clamp(40px,5vw,84px);font-weight:500;line-height:1.02;display:block;transform:translateY(105%)}.x-menu[data-open] .x-menu-links b{transform:none}.x-menu-links:hover b{opacity:.3}.x-menu-links a:hover b,.x-menu-links a:focus-visible b{opacity:1}.x-menu-links a[data-on] .x-mono{color:var(--sel)}.x-menu-side{grid-column:9/span 4;align-self:center;gap:18px;display:grid}.x-menu-side .x-mono{color:#eeeae273;margin:0}.x-menu-side ul{font-size:var(--t-lead);gap:6px;margin:0 0 28px;padding:0;list-style:none;display:grid}.x-menu-side ul a{color:inherit}.x-menu-call{background:var(--ink-2);border-radius:12px;justify-items:start;gap:14px;padding:26px;display:grid;box-shadow:inset 0 0 0 1px #eeeae214}.x-menu-call-t{font-size:var(--t-card);letter-spacing:-.02em;margin:0 0 6px;line-height:1.15}.x-menu-foot{border-top:1px solid #eeeae21f;grid-column:1/-1;gap:28px;padding-top:20px;display:flex}.x-menu-foot a{color:#eeeae299;text-decoration:none}.x-menu-foot a:hover{color:var(--bone)}html.menu-open{overflow:hidden}.x-menu-langs,.x-ft-langs{flex-wrap:wrap;gap:6px 16px;display:flex}.x-menu-langs{margin-inline-start:auto}.x-menu-langs a[data-on],.x-ft-langs a[data-on]{color:var(--bone)}.x-ft-langs{color:var(--fg-3);padding-block:0 28px}.x-ft-langs a{color:inherit;text-decoration:none}.x-ft-langs a:hover,.x-ft-langs a[data-on]{color:var(--fg)}.x-cu{z-index:80;pointer-events:none;position:fixed;inset:0}.x-cu i{background:var(--bone);transform-origin:50% 0;width:18.87vw;height:100%;position:absolute;top:0;transform:scaleY(0)}.x-cu i:first-child{left:0}.x-cu i:nth-child(2){left:40.57vw}.x-cu i:nth-child(3){right:0}.x-cu-sheet{background:var(--bone);color:var(--ink);clip-path:inset(0 0 100%);place-items:center;display:grid;position:absolute;inset:0}.x-cu-sheet svg{opacity:0;width:clamp(120px,14vw,220px);height:auto;transform:translateY(20px)}.x-cu[data-phase=cover],.x-cu[data-phase=hold],.x-cu[data-phase=reveal]{pointer-events:auto}.x-cu[data-phase=cover] i,.x-cu[data-phase=hold] i{transition:transform .5s var(--io);transform:scaleY(1)}.x-cu[data-phase=cover] i:nth-child(2),.x-cu[data-phase=hold] i:nth-child(2){animation:x-cu-mid .62s var(--io) both}@keyframes x-cu-mid{0%{transform:scaleY(0)}55%{transform:scaleY(.5)}to{transform:scaleY(1)}}.x-cu[data-phase=cover] i:nth-child(3),.x-cu[data-phase=hold] i:nth-child(3){transition-delay:80ms}.x-cu[data-phase=cover] .x-cu-sheet,.x-cu[data-phase=hold] .x-cu-sheet{clip-path:inset(0);transition:clip-path .35s var(--io) .45s}.x-cu[data-phase=cover] .x-cu-sheet svg,.x-cu[data-phase=hold] .x-cu-sheet svg{opacity:1;transition:opacity .5s var(--out) .55s, transform .8s var(--out) .55s;transform:none}.x-cu[data-phase=reveal] i{transform:scaleY(1)}.x-cu[data-phase=reveal] .x-cu-sheet{clip-path:inset(0 0 100%);transition:clip-path .8s var(--io)}.x-cu[data-phase=reveal] i{transform-origin:50% 0;transition:transform .7s var(--io) 50ms;transform:scaleY(0)}.x-ft{z-index:0;grid-template-rows:1fr auto auto;min-height:100svh;padding-top:clamp(96px,12vw,176px);display:grid;position:sticky;bottom:0}.x-ft-top{column-gap:var(--gut);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.x-ft-say{grid-column:1/span 6;justify-items:start;gap:36px;display:grid}.x-ft-line{font-size:var(--t-sec);letter-spacing:-.045em;max-width:9em;margin:0;font-weight:500;line-height:.96}.x-ft-acts{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.x-ft-mail{color:var(--fg-2);font-size:var(--t-ui);text-decoration:none}.x-ft-mail:hover{color:var(--fg)}.x-ft-col{font-size:var(--t-ui);align-content:start;gap:8px;display:grid}.x-ft-col:first-of-type{grid-column:8/span 2}.x-ft-col:nth-of-type(2){grid-column:10/span 2}.x-ft-col:nth-of-type(3){grid-column:12/span 1}.x-ft-col .x-mono{color:var(--fg-3);margin:0 0 8px}.x-ft-col a{color:var(--fg-2);transition:color .25s var(--out);text-decoration:none}.x-ft-col a:hover{color:var(--fg)}.x-ft-word{padding:0 var(--m);margin-top:clamp(64px,8vw,120px);overflow:hidden}.x-ft-word svg{width:100%;height:auto;transform:translateY(calc((1 - var(--f,1)) * 55%));opacity:calc(.2 + var(--f,1) * .8);display:block}.x-ft-base{color:var(--fg-3);justify-content:space-between;align-items:center;gap:24px;padding-block:28px 32px;display:flex}.x-ft-row{gap:22px;display:flex}.x-ft-base a,.x-ft-btn{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.x-ft-base a:hover,.x-ft-btn:hover{color:var(--fg)}@media (max-width:999px){.x-hd-nav{display:none}.x-hd{grid-template-columns:1fr auto;height:60px}.x-hd-word{width:78px}.x-menu-body{grid-template-columns:1fr;padding-top:96px;overflow-y:auto}.x-menu-links,.x-menu-side,.x-menu-foot{grid-column:1}.x-menu-side{margin-top:32px}.x-menu-side ul{display:none}.x-menu-foot{flex-wrap:wrap;gap:16px;margin-top:28px}.x-ft-top{grid-template-columns:1fr 1fr;row-gap:48px}.x-ft-say{grid-column:1/-1}.x-ft-col:nth-of-type(n){grid-column:auto}.x-ft-base{flex-wrap:wrap}}@media (max-width:599px){.x-hd .x-btn{display:none}}
