.SiteNav_lockup__7nZrs{display:inline-flex;align-items:center;gap:11px}.SiteNav_wordmark__yiM1u{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:.03em}.SiteNav_headerRight__1GQ4y{display:flex;align-items:center;gap:4px}.SiteNav_desktopNav__nv8ye{display:flex;gap:4px}

/* !important on color: this class is combined with .ds-nav-pill in the same className
   (className={`ds-nav-pill ${styles.navPillSize} ${styles.navCta}`}), and Next.js always
   emits the CSS-Modules bundle BEFORE the vendored components.css <link> in the rendered
   <head> — same specificity, later source wins, so .ds-nav-pill's color:var(--muted-2)
   (and its own :hover{color:var(--text)}) was silently beating this class's color in both
   states, which is exactly what made the button read as invisible text until hover turned
   it white. Same root cause as .header's flex-wrap fix elsewhere in this file. */.SiteNav_navCta__iGXVA{background:var(--accent);color:var(--accent-text)!important;font-family:var(--font-display);font-weight:600}.SiteNav_navCta__iGXVA:hover{filter:brightness(1.08);color:var(--accent-text)!important}.SiteNav_discordIcon__f_ubA{width:20px;height:20px;display:block}.SiteNav_phoneMenuBtn__wmpiZ,.SiteNav_phoneTabbar__toetR{display:none}@media (min-width:640px) and (pointer:coarse){.SiteNav_header__FA_50{padding:0 var(--gutter);height:72px}.SiteNav_navPillSize__sHbdX{height:48px;padding:0 20px;font-size:15px;display:inline-flex;align-items:center}.SiteNav_betaBadgeSize__ZC6ft{font-size:10px;letter-spacing:.12em;padding:5px 8px}}@media (max-width:639px){.SiteNav_header__FA_50{padding:16px 20px;height:56px;flex-wrap:nowrap!important}.SiteNav_desktopNav__nv8ye{display:none}.SiteNav_phoneMenuBtn__wmpiZ{display:grid;place-items:center;width:48px;height:48px;margin-right:-12px;border-radius:10px;color:var(--muted-2);font-size:15px}.SiteNav_phoneMoreMenu__3AAZx{position:fixed;top:64px;right:16px;z-index:1100;display:flex;flex-direction:column;min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:.5rem;box-shadow:0 10px 24px rgba(0,0,0,.3)}.SiteNav_phoneMoreMenu__3AAZx a{color:var(--text);text-decoration:none;font-family:var(--font-body);font-weight:500;font-size:14px;padding:.85rem .75rem;border-radius:8px}.SiteNav_phoneMoreMenu__3AAZx a:active,.SiteNav_phoneMoreMenu__3AAZx a:hover{background:var(--raised)}.SiteNav_phoneTabbar__toetR{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.SiteNav_phoneTab__VDRR3{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:64px;border-top:2px solid transparent;font-family:var(--font-display);font-weight:600;font-size:10px;letter-spacing:.1em;color:var(--muted-2)}.SiteNav_phoneTabActive__Ig_qs{border-top-color:var(--accent);color:var(--text);margin-top:-1px}.SiteNav_phoneTabDot__cg9hM{width:6px;height:6px;border-radius:50%;background:var(--warn);display:inline-block;margin-left:5px}}.HeroHalo_halo__XdAky{background:radial-gradient(1000px 460px at var(--halo-x) 90px,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%)}@media (max-width:639px){.HeroHalo_halo__XdAky{background:radial-gradient(560px 340px at 78px 70px,color-mix(in srgb,var(--accent) 16%,transparent),transparent 62%)}}