*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#07120E}
h1,h2{text-wrap:balance}
a{color:#5CC9A0}a:hover{color:#8BD6B6}
.m-lift{transition:translate .35s ease,border-color .35s ease}
.m-lift:hover{translate:0 -6px;border-color:#2F4A3F !important}
.m-nav a{transition:color .25s ease}.m-nav a:hover{color:#F2F7F4 !important}
@keyframes mFloatA{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-16px) rotate(-5deg)}}
@keyframes mFloatB{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(14px) rotate(6deg)}}
@keyframes mFloatC{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes mDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes mPulse{0%{transform:scale(.5);opacity:.85}100%{transform:scale(3);opacity:0}}
@keyframes mRipple{0%{transform:scale(.28);opacity:.9}100%{transform:scale(1);opacity:0}}
@keyframes mTicker{from{transform:translateX(0)}to{transform:translateX(50%)}}
@keyframes mRise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes mDash{to{stroke-dashoffset:-48}}
@keyframes mSpin{to{transform:rotate(360deg)}}
@keyframes mBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes mGlow{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes mTheme{0%,28%{transform:translateX(0)}36%,61%{transform:translateX(-100%)}69%,94%{transform:translateX(-200%)}100%{transform:translateX(0)}}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img{height:auto;max-width:100%}
.m-badge{cursor:default;user-select:none}
.m-skip{position:absolute;inset-inline-start:16px;top:-80px;z-index:10;padding:10px 16px;border-radius:12px;background:#F2F7F4;color:#07120E;font-family:Tajawal,sans-serif;font-weight:700;text-decoration:none}
.m-skip:focus{top:16px}
a:focus-visible,.m-lift:focus-visible{outline:2px solid #FE932C;outline-offset:3px;border-radius:8px}
.js-reveal [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s ease var(--d,0s),transform .8s ease var(--d,0s)}
.js-reveal .m-lift[data-reveal]{transition:opacity .8s ease var(--d,0s),transform .8s ease var(--d,0s),translate .35s ease,border-color .35s ease}
.js-reveal [data-reveal].in{opacity:1;transform:none}
@media (max-width:640px){.m-nav{display:none!important}}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

