body{padding-top:88px}
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:88px;background:rgba(9,11,18,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:box-shadow .3s,border-color .3s}
.site-header.is-scrolled{border-bottom-color:#71e46855;box-shadow:0 8px 30px #0005}
main section[id]{scroll-margin-top:110px}
.main-nav{align-items:center;gap:20px}
.main-nav a,.header-cta{position:relative;isolation:isolate;overflow:hidden;border-radius:0;transition:color .25s,background .25s,border-color .25s,box-shadow .25s}
.main-nav a{padding:12px 8px;line-height:20px}
.main-nav a::before,.header-cta::before{content:"";position:absolute;bottom:3px;left:8px;right:8px;height:2px;background:#71e46822;opacity:0;pointer-events:none;transition:opacity .2s}
.main-nav a::after,.header-cta::after{content:"";position:absolute;bottom:3px;left:8px;right:8px;height:2px;background:#71e468;clip-path:inset(0 calc(100% - var(--nav-progress,0%)) 0 0);opacity:0;pointer-events:none}
.main-nav a:hover,.main-nav a:focus-visible{color:#71e468;background:transparent}
.main-nav a:hover::before,.main-nav a:focus-visible::before,.header-cta:hover::before,.header-cta:focus-visible::before{opacity:1}
.main-nav a.nav-loading::after,.header-cta.nav-loading::after{opacity:1}
.nav-load-status{position:absolute;right:8px;bottom:7px;font:9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#71e468;opacity:0;pointer-events:none}
.nav-loading .nav-load-status{opacity:1}
.header-cta .nav-load-status{margin-left:0}
.nav-ready .nav-load-status{color:#a0f59a}
.header-cta{border-color:transparent}
.header-cta:hover,.header-cta:focus-visible{color:#71e468;background:transparent;border-color:transparent;box-shadow:none;transform:none}
.main-nav a:focus-visible,.header-cta:focus-visible,.back-to-top:focus-visible,.menu-toggle:focus-visible{outline:2px solid #71e468;outline-offset:3px}
.back-to-top{position:fixed;right:26px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:90;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #71e468;border-radius:4px;background:#71e468;color:#090b12;cursor:pointer;box-shadow:0 0 22px #71e46835;animation:top-enter .3s ease both;transition:background .2s,box-shadow .2s,transform .2s}
.back-to-top[hidden]{display:none}
.back-to-top svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;animation:top-arrow 2.8s ease-in-out infinite}
.back-to-top:hover{background:#a0f59a;box-shadow:0 0 28px #71e46866;transform:translateY(-3px)}
@keyframes top-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes top-arrow{0%,70%,100%{transform:translateY(0)}80%{transform:translateY(-3px)}90%{transform:translateY(1px)}}
@media(max-width:1000px){.site-header{gap:20px}.main-nav{gap:8px}}
@media(max-width:760px){body{padding-top:72px}.site-header{height:72px}.main-nav.open{max-height:calc(100dvh - 72px);overflow-y:auto;align-items:stretch;gap:8px}.back-to-top{width:44px;height:44px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}main section[id]{scroll-margin-top:88px}}
@media(prefers-reduced-motion:reduce){.main-nav a,.header-cta,.back-to-top,.main-nav a::after{transition:none}.main-nav a::before,.header-cta::before,.main-nav a::after,.header-cta::after,.back-to-top,.back-to-top svg{animation:none!important}.main-nav a:hover::after,.main-nav a:focus-visible::after,.header-cta:hover::after,.header-cta:focus-visible::after{transform:scaleX(1)}}
