.site-theme{background:var(--paper);color:var(--ink);font-family:var(--font-body)}.site-theme ::selection{background:var(--signal);color:var(--on-signal)}.site-theme a{color:inherit;text-decoration:none}.site-head{z-index:20;align-items:center;gap:28px;width:100%;max-width:1200px;height:68px;margin:0 auto;padding:0 28px;display:flex;position:relative}.site-head .brand{font-size:23px}.site-links{gap:22px;font-size:13.5px;display:flex}.site-links a{color:var(--ink-3)}@media (hover:hover){.site-links a:hover{color:var(--ink)}}.site-right{align-items:center;gap:14px;margin-left:auto;font-size:13.5px;display:flex}.site-signin{color:var(--ink-3)}@media (hover:hover){.site-signin:hover{color:var(--ink)}}.site-join{background:var(--btn-bg);height:34px;box-shadow:var(--btn-shadow);white-space:nowrap;border-radius:999px;align-items:center;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex;color:var(--btn-ink)!important}@media (max-width:760px){.site-head{gap:12px;height:60px;padding:0 16px}.site-head .brand{font-size:21px}.site-links{display:none}.site-right{gap:10px}}@media (max-width:380px){.site-signin{display:none}}.site-foot{border-top:1px solid var(--hair)}.site-foot-in{max-width:1200px;color:var(--grey);flex-wrap:wrap;align-items:center;gap:14px 28px;margin:0 auto;padding:26px 28px;font-size:13px;display:flex}.site-foot-in .brand{color:var(--ink);font-size:19px}.site-foot-links{flex-wrap:wrap;gap:8px 20px;display:flex}.site-foot-links a{color:var(--grey)}@media (hover:hover){.site-foot-links a:hover{color:var(--ink)}}.site-foot-social{gap:12px;margin-left:auto;display:flex}.site-foot-social a{color:var(--grey);place-items:center;display:grid}@media (hover:hover){.site-foot-social a:hover{color:var(--ink)}}.site-foot-c{width:100%;font-size:12px}@media (min-width:761px){.site-foot-c{width:auto}}@media (max-width:760px){.site-foot-in{padding:24px 16px 32px}.site-foot-social{margin-left:0}}.site-head-intro .brand .mark{animation:siteMarkIn .55s var(--ease-out)both}.site-head-intro .brand .brand-dot{animation:siteDotIn .5s .5s var(--ease-back)both}@keyframes siteMarkIn{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes siteDotIn{0%{opacity:0;transform:translateY(-.45em)scale(.5)}to{opacity:1;transform:none}}@media (hover:hover){.site-head .brand:hover .brand-dot{animation:siteDotHop .45s var(--ease-back)}}@keyframes siteDotHop{0%,to{transform:none}45%{transform:translateY(-.12em)}}@media (prefers-reduced-motion:reduce){.site-head-intro .brand .mark,.site-head-intro .brand .brand-dot,.site-head .brand:hover .brand-dot{animation:none}}