.top-navbar{z-index:50;pointer-events:none;padding:0 1.5rem;font-family:CaviarDreams,Arial,Helvetica,sans-serif;transition:top .35s;display:none;position:fixed;top:1rem;left:0;right:0}.top-navbar--scrolled{top:.5rem}.top-navbar__pill{pointer-events:auto;-webkit-backdrop-filter:blur(18px)saturate(160%);background:#08080c8c;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:1.25rem;width:max-content;max-width:100%;margin:0 auto;padding:.45rem .75rem .45rem 1rem;transition:background-color .35s,border-color .35s,box-shadow .35s;display:flex;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff0a}.top-navbar--scrolled .top-navbar__pill{background:#08080cc7;border-color:#ffffff1a;box-shadow:0 10px 36px #00000073,inset 0 1px #ffffff0d}.top-navbar__logo{-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;padding:0 .25rem;transition:opacity .2s;display:inline-flex}.top-navbar__logo:hover{opacity:.85}.top-navbar__logo-img{object-fit:contain;width:auto;height:28px;display:block}.top-navbar__links{align-items:center;gap:.35rem;display:flex;position:relative}.top-navbar__link{color:#ffffffb8;letter-spacing:.01em;border-radius:999px;align-items:center;padding:.45rem 1.1rem;font-size:.9rem;font-weight:400;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.top-navbar__link:hover,.top-navbar__link--active{color:#fff}.top-navbar__link-pill{z-index:0;background:#ffffff17;border-radius:999px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}.top-navbar__link-text{z-index:1;position:relative}.top-navbar__cta-group{align-items:center;gap:.35rem;display:flex}.top-navbar__link--ghost{color:#ffffffc7;padding:.4rem .85rem}.top-navbar__link--ghost:hover{color:#fff;background:#ffffff0f}.top-navbar__cta{color:#fff;letter-spacing:.01em;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem 1rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.top-navbar__cta:hover{background:#ffffff24;border-color:#ffffff4d}.top-navbar__cta:active{transform:scale(.98)}.top-navbar__cta-arrow{transition:transform .2s;display:inline-block}.top-navbar__cta:hover .top-navbar__cta-arrow{transform:translate(2px)}@media (min-width:1024px){.top-navbar{display:block}}