.subnav-container{background:rgba(0,0,0,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #1f2937}.subnav-content{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.subnav-content{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.subnav-content{padding-left:2rem;padding-right:2rem}}@media (min-width:1440px){.subnav-content{max-width:100rem;padding-left:3rem;padding-right:3rem}}@media (min-width:1920px){.subnav-content{max-width:120rem;padding-left:4rem;padding-right:4rem}}.subnav-nav{display:flex;gap:2rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;height:2.5rem;align-items:center}.subnav-nav::-webkit-scrollbar{display:none}.subnav-link{position:relative;color:#d1d5db;font-family:var(--font-jetbrains-mono),monospace;font-size:.875rem;font-weight:500;white-space:nowrap;transition:color .2s;letter-spacing:.025em;text-transform:uppercase}.subnav-link:hover{color:#fff}.subnav-link:after{content:"";position:absolute;bottom:-.5rem;left:0;width:0;height:2px;background:linear-gradient(90deg,#60a5fa,#a78bfa);transition:width .3s ease}.subnav-link-active:after,.subnav-link:hover:after{width:100%}.subnav-link-active{color:#fff}@media (min-width:768px){.subnav-link{font-size:.9375rem}}@media (min-width:1024px){.subnav-nav{gap:2.5rem}.subnav-link{font-size:1rem}}