body{margin:0;background:#18181E}
a{color:#C0ED14}a:hover{color:#D9FF4D}
.navlink{color:#D6D4E4;text-decoration:none;font-weight:500;position:relative}
.navlink::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;border-radius:3px;background:#C0ED14;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.navlink:hover{color:#FFFFFF}.navlink:hover::after{transform:scaleX(1)}
.logo{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.logo:hover{transform:rotate(-4deg) scale(1.06)}
.grid-bg{background-image:linear-gradient(#24232D 1px,transparent 1px),linear-gradient(90deg,#24232D 1px,transparent 1px);background-size:56px 56px;animation:gridpan 18s linear infinite}
@keyframes gridpan{to{background-position:56px 56px}}
.word{display:inline-block;opacity:0;animation:drop .8s cubic-bezier(.34,1.56,.64,1) forwards}
.w1{--r:-2deg;animation-delay:.1s}.w2{--r:2deg;animation-delay:.3s}
@keyframes drop{0%{opacity:0;transform:translateY(-80px) rotate(12deg) scale(.8)}100%{opacity:1;transform:translateY(0) rotate(var(--r))}}
.fade-up{opacity:0;animation:fadeup .7s ease forwards;animation-delay:.6s}
@keyframes fadeup{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.htile{position:absolute;width:84px;height:84px;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -6px 0 rgba(0,0,0,.18),0 14px 28px rgba(0,0,0,.4);animation:bob 4.5s ease-in-out infinite}
.htile img{width:58%;height:auto}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-16px) rotate(8deg)}}
.toc a{transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,color .2s}
.toc a:hover{transform:translateY(-3px) rotate(-1deg);background:#C0ED14 !important;color:#18181E !important}
.sec{transition:border-color .25s}
.sec:hover{border-color:#3F3D4E !important}
.pill{transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .2s}
.pill:hover{transform:translateY(-3px);border-color:#C0ED14 !important;color:#FFFFFF !important}
.btn{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.btn:hover{transform:translateY(-3px)}.btn:active{transform:scale(.96)}
@supports (animation-timeline: view()){.reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 40%}}
@keyframes rise{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:none}}
@media (max-width: 760px){.hide-sm{display:none !important}.hero-h{font-size:76px !important}.htile{display:none}.pad-sm{padding:28px 22px !important}}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}.word,.fade-up{opacity:1}}