:root{--font:var(--font-brinnan,"Brinnan"), "Avenir Next", "Futura", system-ui, sans-serif;--dir:1}:root[dir=rtl]{--dir:-1;--font:var(--font-brinnan,"Brinnan"), var(--font-arabic), "Noto Sans Arabic", system-ui, sans-serif}:root[dir=rtl] i{display:inline-block;transform:scaleX(-1)}:root{--blue:#4898f7;--blue-deep:#244d8a;--grad-brand:linear-gradient(100deg, #4898f7, #244d8a 55%, #4898f7);--bg:#e9f1fa;--bg-rgb:233 241 250;--ink:#0f2547;--ink-rgb:15 37 71;--muted:#0f2547bd;--accent:#3d8df2;--accent-soft:#4898f724;--line:#244d8a29;--glass:#ffffff70;--glass-strong:#ffffff9e;--glass-line:#ffffffb3;--glass-shadow:0 18px 50px -18px #153a7047;--btn-solid-bg:#143260;--btn-solid-ink:#eef5fd;--grad-title:linear-gradient(96deg, #4898f7 5%, #244d8a 60%, #3f7fd8);--nav-h:72px;--gutter:clamp(1.25rem, 4.5vw, 5rem);--shell:min(1240px, calc(100% - 2 * clamp(.9rem, 3vw, 2.2rem)));--shell-max:1240px;--radius:26px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-io:cubic-bezier(.65, 0, .35, 1)}:root[data-theme=dark]{--bg:#04070f;--bg-rgb:4 7 15;--ink:#e8f2fe;--ink-rgb:232 242 254;--muted:#e8f2fe91;--accent:#5aa4f8;--accent-soft:#5aa4f824;--line:#7aaef429;--glass:#08112273;--glass-strong:#091428b8;--glass-line:#7eb2f833;--glass-shadow:0 22px 60px -20px #000000a6;--btn-solid-bg:#eaf3fe;--btn-solid-ink:#0b1e3d;--grad-title:linear-gradient(96deg, #7db9ff 5%, #4898f7 55%, #9ccafd)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:initial;-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{font-family:var(--font);background:var(--bg);color:var(--ink);min-height:100vh;transition:background-color .7s var(--ease-io), color .7s var(--ease-io);-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.5;overflow-x:clip}::selection{background:var(--blue);color:#fff}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}ul{list-style:none}em{font-style:normal}img,svg,canvas{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}#gl{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}main,.footer,.nav,.marquee{z-index:1;position:relative}.label{letter-spacing:.32em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:400}h2{letter-spacing:-.015em;text-wrap:balance;font-weight:400;line-height:1.06}h2 em{background:var(--grad-title);color:#0000;-webkit-background-clip:text;background-clip:text}.js [data-reveal],.js [data-reveal-lines]{will-change:transform, opacity}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.preloader{display:none}.js .preloader{z-index:60;background:var(--bg);transition:opacity .7s var(--ease-io), visibility .7s;place-items:center;display:grid;position:fixed;inset:0}.preloader.is-done{opacity:0;visibility:hidden}.preloader__mark{background:var(--grad-brand);width:54px;height:62px;animation:mark-pulse 1.1s var(--ease-io) infinite alternate;-webkit-mask:url(/favicon.svg) 50%/contain no-repeat;mask:url(/favicon.svg) 50%/contain no-repeat}@keyframes mark-pulse{0%{opacity:.55;transform:scale(.92)}to{opacity:1;transform:scale(1.05)}}.nav{z-index:50;width:var(--shell);height:var(--nav-h);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);transition:border-color .7s var(--ease-io), transform .5s var(--ease-out), box-shadow .7s;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;padding-inline:clamp(1.1rem,2.5vw,1.9rem);display:flex;position:fixed;top:14px;left:0;right:0}.nav:before{content:"";z-index:-1;border-radius:inherit;background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.35);backdrop-filter:blur(18px)saturate(1.35);transition:background-color .7s var(--ease-io);position:absolute;inset:0}.nav.is-hidden{transform:translateY(calc(-100% - 22px))}.nav__logo{background:var(--grad-brand);flex-shrink:0;width:clamp(138px,14vw,168px);height:32px;-webkit-mask:url(/logo.svg) 0/contain no-repeat;mask:url(/logo.svg) 0/contain no-repeat}:root[data-theme=dark] .nav__logo{background:linear-gradient(100deg,#7db9ff,#4898f7 55%,#a9d2ff)}.nav__links{align-items:center;gap:clamp(.2rem,1.2vw,.7rem);font-size:.92rem;font-weight:400;display:flex}.nav__links>a,.nav__group-btn{border-radius:999px;align-items:center;gap:.4rem;padding:.55rem .85rem;font-weight:400;transition:background-color .35s,color .35s;display:inline-flex;position:relative}.nav__links>a:hover,.nav__group-btn:hover{background:var(--accent-soft);color:var(--accent)}.nav__group{position:relative}.nav__group-menu{top:calc(100% + 16px);background:var(--glass-strong);border:1px solid var(--glass-line);min-width:190px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4);opacity:0;visibility:hidden;transition:opacity .3s var(--ease-out), translate .3s var(--ease-out), visibility .3s;border-radius:20px;padding:.5rem;display:grid;position:absolute;inset-inline-end:0;translate:0 -8px}.nav__group.is-open .nav__group-menu,.nav__group:hover .nav__group-menu{opacity:1;visibility:visible;translate:0}.nav__group-menu a{border-radius:12px;padding:.5rem .8rem;font-size:.88rem;transition:background-color .25s,color .25s}.nav__group-menu a:hover{background:var(--accent-soft);color:var(--accent)}.nav__group-menu .nav__group-all{border-top:1px solid var(--line);color:var(--accent);border-radius:0 0 12px 12px;margin-top:.35rem}.nav__actions{flex-shrink:0;align-items:center;gap:.7rem;display:flex}.theme-toggle{--size:38px;width:var(--size);height:var(--size);border:1px solid var(--line);border-radius:50%;place-items:center;transition:border-color .4s,background-color .4s;display:grid;position:relative;overflow:hidden}.theme-toggle:hover{background:var(--accent-soft)}.theme-toggle__orb{background:var(--grad-brand);width:16px;height:16px;transition:transform .55s var(--ease-out), box-shadow .55s;border-radius:50%;position:relative;box-shadow:0 0 #4898f766}.theme-toggle__orb:after{content:"";background:var(--glass-strong);transition:transform .55s var(--ease-out);border-radius:50%;position:absolute;inset:0;transform:translate(120%,-120%)scale(.9)}:root[data-theme=dark] .theme-toggle__orb{transform:rotate(-40deg);box-shadow:0 0 14px 2px #5aa4f873}:root[data-theme=dark] .theme-toggle__orb:after{transform:translate(38%,-38%)scale(.9)}.btn{letter-spacing:.01em;transition:transform .45s var(--ease-out), box-shadow .45s var(--ease-out), background-color .45s, color .45s, border-color .45s;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.95rem 1.7rem;font-size:.95rem;font-weight:400;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn--solid{background:var(--btn-solid-bg);color:var(--btn-solid-ink)}.btn--solid:before{content:"";background:var(--grad-brand);opacity:0;transition:opacity .45s;position:absolute;inset:0}.btn--solid:hover{color:#fff;transform:translateY(-2px);box-shadow:0 14px 30px -12px #4898f78c}.btn--solid:hover:before{opacity:1}.btn--solid>*{position:relative}.btn--solid,.btn--ghost{isolation:isolate}.btn--solid:before{z-index:-1}.btn--ghost{border:1px solid var(--line);color:var(--ink);background:0 0}.btn--ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.btn--pill{background:var(--grad-brand);color:#fff;transition:background-position .6s var(--ease-io), transform .45s var(--ease-out), box-shadow .45s;background-position:0 0;background-size:160% 100%;padding:.7rem 1.35rem;font-size:.88rem}.btn--pill:hover{background-position:90% 0;transform:translateY(-2px);box-shadow:0 12px 26px -10px #4898f799}.nav__burger{border:1px solid var(--line);border-radius:50%;flex-direction:column;justify-content:center;gap:6px;width:38px;height:38px;padding-inline:9px;display:none}.nav__burger span{background:var(--ink);height:2px;transition:transform .4s var(--ease-out), width .4s;border-radius:2px}.nav__burger span:last-child{width:70%}.nav__burger[aria-expanded=true] span:first-child{transform:translateY(4px)rotate(45deg)}.nav__burger[aria-expanded=true] span:last-child{width:100%;transform:translateY(-4px)rotate(-45deg)}.mobile-menu{z-index:40;height:100dvh;padding:calc(var(--nav-h) + 40px) var(--gutter);padding-bottom:calc(3rem + env(safe-area-inset-bottom));overscroll-behavior:contain;background:rgb(var(--bg-rgb) / .82);-webkit-backdrop-filter:blur(26px)saturate(1.4);backdrop-filter:blur(26px)saturate(1.4);opacity:0;visibility:hidden;transition:opacity .5s var(--ease-io), visibility .5s;flex-direction:column;gap:2.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}.mobile-menu>:first-child{margin-block-start:auto}.mobile-menu>:last-child{margin-block-end:auto}.mobile-menu.is-open{opacity:1;visibility:visible}.mobile-menu nav{gap:.4rem;display:grid}.mobile-menu nav a{letter-spacing:-.01em;opacity:0;transition:opacity .5s var(--ease-out), translate .5s var(--ease-out);font-size:clamp(2rem,8vw,2.8rem);font-weight:400;translate:0 24px}.mobile-menu.is-open nav a{opacity:1;translate:0}.mobile-menu nav a:first-child{transition-delay:50ms}.mobile-menu nav a:nth-child(2){transition-delay:.1s}.mobile-menu nav a:nth-child(3){transition-delay:.15s}.mobile-menu nav a:nth-child(4){transition-delay:.2s}.mobile-menu nav a:nth-child(5){transition-delay:.25s}.mobile-menu__cta{background:var(--grad-title);color:#0000;-webkit-background-clip:text;background-clip:text}.mobile-menu__group{opacity:0;gap:.8rem;transition:opacity .5s .3s;display:grid}.mobile-menu.is-open .mobile-menu__group{opacity:1}.mobile-menu__group span{letter-spacing:.32em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:400}.mobile-menu__group div{color:var(--muted);flex-wrap:wrap;gap:.5rem 1.2rem;font-size:.95rem;display:flex}.langsw{position:relative}.langsw__current{border:1px solid var(--line);letter-spacing:.06em;height:38px;color:var(--muted);border-radius:999px;align-items:center;gap:.3rem;padding-inline:.6rem;font-size:.74rem;transition:color .35s,border-color .35s,background-color .35s;display:flex}.langsw__current:hover,.langsw__current[aria-expanded=true]{color:var(--ink);border-color:var(--accent);background:var(--accent-soft)}.langsw__caret{border-inline:3.5px solid #0000;opacity:.7;border-top:4px solid;width:0;height:0}.langsw__menu{top:calc(100% + .5rem);z-index:5;border:1px solid var(--glass-line);background:var(--glass-strong);-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4);min-width:11rem;box-shadow:var(--glass-shadow);border-radius:18px;padding:.35rem;list-style:none;position:absolute;inset-inline-end:0}.langsw__item{color:var(--muted);border-radius:12px;align-items:center;gap:.6rem;padding:.45rem .6rem;font-size:.88rem;transition:color .25s,background-color .25s;display:flex}.langsw__item:hover{color:var(--ink);background:var(--accent-soft)}.langsw__item.is-active{color:var(--ink)}.langsw__code{letter-spacing:.1em;min-width:1.8rem;color:var(--accent);font-size:.68rem}.langsw--inline{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));justify-self:start;gap:.1rem;width:100%;display:grid}@media (max-width:900px){.nav__links,.nav__cta{display:none}.nav__burger{display:flex}.nav{height:60px;top:10px}}@media (max-width:420px){.nav__actions>.langsw{display:none}}