body{touch-action:manipulation;margin:0}:root{--app-height:100vh}:before,:after,*{box-sizing:border-box}*{font-size:100%;font:inherit;vertical-align:baseline;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}body{line-height:1.5}menu,ol,ul,li{list-style:none}blockquote,q{quotes:none}b,strong{font-weight:bolder}select{text-transform:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{cursor:pointer;background:0 0}button:focus{outline:0}::-moz-focus-inner{border-style:none;padding:0}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}img,video{width:100%;max-width:100%;height:auto}input:focus{outline:none}a:active,a:focus,a:visited,a{text-decoration:none}body,canvas{-webkit-touch-callout:none}canvas{-webkit-user-select:none}img{user-select:none;border:0;outline:0;font-size:0}textarea{border:none;outline:none}:root{--bp-desktop:1200px;--bp-tablet:820px;--bp-mobile:480px;--color-bg:#fcfcfc;--color-bg-alt:#d9e8f1;--color-bg-muted:#eff4f4;--color-highlight:#fc9e14;--color-dark:#050419;--color-dark-alt:#373647;--color-text:#050419;--color-text-light:#fcfcfc;--color-text-muted:#585765;--color-text-disabled:#8c8c95;--color-text-subtle:#b2b1b8;--color-border:#e6e6e8;--color-border-dark:#373647;--font-ui:"Roboto", sans-serif;--font-body:"Roboto", sans-serif;--text-xs:12px;--text-sm:14px;--text-base:18px;--text-lg:24px;--text-xl:36px;--text-2xl:80px;--text-3xl:96px;--tracking-wide:.72px;--tracking-tight:-.96px;--tracking-tighter:-1.44px;--tracking-tightest:-3.2px;--tracking-hero:-5.76px;--leading-none:1;--leading-tight:.9;--leading-snug:1.2;--leading-normal:1.4;--space-xs:12px;--space-sm:18px;--space-md:20px;--space-lg:24px;--space-xl:40px;--space-2xl:48px;--space-3xl:96px;--space-4xl:128px;--space-5xl:192px;--radius-sm:2px;--radius-md:12px;--radius-full:156px;--btn-height:40px;--header-height:80px;--icon-size:48px;--icon-lg:96px;--ease-default:cubic-bezier(.25, 1, .5, 1)}html[lang=ar]{--font-ui:"Tajawal", sans-serif;--font-body:"Tajawal", sans-serif}@media (width<=820px){:root{--header-height:64px}}::selection{color:#fff;background:#fc9e14}.relative{position:relative}.fixed-full{position:fixed;inset:0}.z1{z-index:1}.z2{z-index:2}.dnone{display:none!important}.vhidden{visibility:hidden}.flx{display:flex}.flx-column{flex-direction:column;display:flex}.flx-center{justify-content:center;align-items:center;display:flex}.abs-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.space-between{justify-content:space-between}.align-center{align-items:center}.w-100{width:100%}.mh-100{min-height:100vh}.pb-30{padding-bottom:30px}.unselectable{user-select:none;pointer-events:none}.udragnone{user-select:none;-webkit-user-drag:none}.deviceorientation-activate.show{pointer-events:all;z-index:100000;opacity:0;position:fixed;inset:0}.btn{height:var(--btn-height);padding:0 var(--space-md);border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;transition:opacity .3s var(--ease-default);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}@media (pointer:fine){.btn:hover{opacity:.85}}.btn--dark{background-color:var(--color-dark);color:var(--color-text-light)}.btn--light{background-color:var(--color-bg);color:var(--color-text)}.pill-btn-span{z-index:1;position:relative}.pill-btn{border-radius:var(--radius-full);height:48px;font-size:var(--text-sm);letter-spacing:.28px;text-transform:uppercase;transition:color .3s var(--ease-default);justify-content:center;align-items:center;padding:0 24px;text-decoration:none;display:inline-flex;position:relative}.pill-btn--dark{background-color:var(--color-dark);color:var(--color-text-light)}.pill-btn--glass{backdrop-filter:blur(10px);color:var(--color-text);background-color:#0504191a}.pill-btn--light{background-color:var(--color-bg);color:var(--color-text)}.pill-btn:disabled{pointer-events:none;opacity:.6}@media (pointer:fine){.pill-btn:before{content:"";border-radius:var(--radius-full);opacity:0;width:100%;height:100%;transition:opacity .3s var(--ease-default);background:var(--color-highlight);position:absolute;top:0;left:0}.pill-btn:hover:before{opacity:1}.pill-btn:hover{color:var(--color-text-light)}}.section-image{border-radius:24px;flex-shrink:0;width:400px;height:400px;overflow:hidden}.section-image img{object-fit:cover;width:100%;height:100%}@media (width<=1380px){.section-image{flex-shrink:unset!important}}@media (width<=1200px){.section-image{width:300px;height:300px}}@media (width<=820px){.section-image{width:200px;height:200px}}html{overflow-x:clip}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}canvas{user-select:none;pointer-events:none;touch-action:pan-y;z-index:-1;opacity:0;transition:opacity .7s ease-out;position:fixed;top:0;left:0}canvas.is-ready{opacity:1}body.debug canvas{opacity:1!important}#app{pointer-events:none;position:relative}.lil-gui{bottom:0;top:initial!important}.transition-pages{z-index:9;pointer-events:none;position:fixed;inset:0}.transition-pages:before,.transition-pages:after{content:"";position:absolute;inset:0}.transition-pages:before{opacity:0;background-color:#000}.transition-pages:after{background-color:var(--color-bg);transform-origin:100% 0;transform:rotate(-90deg)translateZ(0)}.transition-pages.to-home:after{background-color:#d0e1eb}.transition-pages.show:after{transition:transform .72s ease-in-out;transform:rotate(0)translateZ(0)}.transition-pages.show:before{opacity:.2;transition:opacity .6s ease-in-out}.transition-pages.hide:before{opacity:0;display:none}.transition-pages.hide:after{transition:none;transform:rotate(-90deg)translateZ(0)}@media (width<=980px){.transition-pages.show:after{transition:transform .45s ease-in-out}.transition-pages.show:before{transition:opacity .35s ease-in-out}}@media (width<=820px){br.pc{display:none}}#app[data-astro-cid-5hce7sga]{width:100%;height:100%;overflow:hidden}#app[data-astro-cid-5hce7sga]>canvas[data-astro-cid-5hce7sga]{z-index:-1}