.nav nav{gap:26px}
.nav nav a[aria-current="page"]{color:var(--purple)}
@media(max-width:700px){.nav nav{gap:16px;font-size:12px}.nav nav>a:first-child{display:inline}.nav nav>a[href="demo/index.html"],.nav .nav-contact{display:none}.brand{font-size:25px}}
@media(max-width:380px){.nav nav{gap:12px}.brand{font-size:23px}}
.nav .brand{display:block;letter-spacing:-1.6px;line-height:1.2}
.nav .brand-mark{display:inline;position:relative;isolation:isolate;width:auto;height:auto;background:none;font:inherit;letter-spacing:inherit;transform:none;margin-right:.2em}
.nav .brand-mark::before{content:'';position:absolute;z-index:-1;left:calc(50% + .8px);top:calc(50% + .1em);width:.9em;height:.9em;border-radius:.2em;background:var(--brand-mark-background,var(--purple));transform:translate(-50%,-50%)}
.nav .brand-dot{margin-left:0}