.logo-mark{flex-shrink:0;width:auto;height:28px;display:block}.logo-name{flex-shrink:0;width:auto;display:block}.logo-name--consumer{height:17px}.logo-name--vendor{height:24px}@media (max-width:480px){.logo-mark{height:26px}.logo-name--consumer{height:14px}.logo-name--vendor{height:20px}}
.nav-bar{border-bottom:1px solid var(--border);z-index:60;background:#fff;position:sticky;top:0}.nav-inner{align-items:center;height:4rem;padding:0 1.5rem;display:flex;position:relative}.nav-left{flex:1;align-items:center;display:flex}.nav-right{flex:1;justify-content:flex-end;align-items:center;gap:1.25rem;display:flex}.nav-logo{flex-shrink:0;align-items:center;gap:.375rem;text-decoration:none;display:flex}.nav-links{align-items:center;gap:.75rem;display:none}@media (min-width:768px){.nav-links{display:flex}}.nav-link{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.25rem;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.nav-link:hover{color:var(--foreground)}.nav-link--active{color:var(--accent);text-shadow:0 1px 4px #e84a2b59}.nav-link--active:hover{color:var(--accent)}.nav-login{letter-spacing:.05em;text-transform:uppercase;border:1.5px solid var(--foreground);color:var(--foreground);cursor:pointer;white-space:nowrap;background:0 0;border-radius:9999px;flex-shrink:0;padding:.375rem 1rem;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,color .15s}.nav-login:hover{background:var(--foreground);color:#fff}.nav-signup{background:var(--accent);color:#fff;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:none;border-radius:9999px;flex-shrink:0;padding:.375rem 1rem;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s}.nav-signup:hover{background:var(--accent-hover)}.nav-hamburger{cursor:pointer;color:var(--foreground);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:none}@media (max-width:767px){.nav-hamburger{display:flex}}.nav-mobile-menu{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);background:#141414eb;flex-direction:column;gap:.25rem;padding:1rem 1.5rem 1.5rem;display:flex}@media (min-width:768px){.nav-mobile-menu{display:none}}.nav-mobile-link{color:#fff;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff26;padding:.75rem 0;font-size:15px;font-weight:500;text-decoration:none;transition:color .15s}.nav-mobile-link:last-child{border-bottom:none}.nav-mobile-link--active{color:var(--accent);text-shadow:0 1px 4px #e84a2b59}.nav-auth{align-items:center;gap:.5rem;display:flex}.nav-profile{position:relative}.nav-notifications{width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;text-decoration:none;transition:color .15s,background .15s;display:flex;position:relative}.nav-notifications:hover{color:var(--foreground);background:var(--surface-alt)}.nav-notifications[data-tooltip]:after{content:attr(data-tooltip);background:var(--foreground);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;border-radius:.375rem;padding:.25rem .5rem;font-size:11px;font-weight:500;transition:opacity .15s;position:absolute;top:calc(100% + .375rem);left:50%;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){.nav-notifications[data-tooltip]:hover:after{opacity:1}}.nav-avatar{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;transition:border-color .16s,transform .16s ease-out;display:flex;overflow:hidden}@media (hover:hover) and (pointer:fine){.nav-avatar:hover{border-color:var(--border-strong)}}.nav-avatar:active{transform:scale(.97)}.nav-avatar img{object-fit:cover;border-radius:9999px;width:100%;height:100%}.nav-avatar .nav-avatar-placeholder{background:var(--surface-alt);border-radius:9999px;width:100%;height:100%;animation:1.4s ease-in-out infinite nav-avatar-placeholder-pulse}@keyframes nav-avatar-placeholder-pulse{0%,to{opacity:1}50%{opacity:.55}}.nav-avatar-dot{background:var(--accent);border:2px solid var(--background);pointer-events:none;border-radius:9999px;width:9px;height:9px;position:absolute;top:-1px;right:-1px}.nav-profile-dropdown{border:1px solid var(--border);z-index:50;background:#fff;border-radius:.75rem;min-width:13rem;padding:.375rem;position:absolute;top:calc(100% + .75rem);right:0;box-shadow:0 4px 16px #0000001a}.nav-profile-name{color:var(--text-subtle);white-space:nowrap;text-overflow:ellipsis;padding:.5rem .75rem;font-size:12px;overflow:hidden}.nav-profile-divider{background:var(--surface-alt);height:1px;margin:.25rem 0}.nav-profile-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:13px;text-decoration:none;transition:background .1s;display:flex}.nav-profile-item:hover{background:var(--surface-alt)}.nav-profile-item--signout{color:var(--accent)}.nav-profile-item--signout:hover{background:var(--accent-tint-soft)}.nav-profile-item--upgrade{color:#7c3aed;font-weight:600}.nav-profile-item--upgrade:hover{background:#f5f3ff}.nav-profile-item--sub{padding-left:1.75rem;font-size:12px}.nav-profile-chevron{margin-left:auto;transition:transform .15s}.nav-profile-chevron--open{transform:rotate(180deg)}.nav-profile-badge{background:var(--accent);color:#fff;text-align:center;border-radius:9999px;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:700;line-height:18px}.nav-profile--inline{margin-top:.5rem}.nav-profile--inline .nav-profile-name{color:#fff9;padding:.5rem 0}.nav-profile--inline .nav-profile-divider{background:#ffffff26}.nav-profile--inline .nav-profile-item{color:#fff;padding:.75rem 0;font-size:15px}.nav-profile--inline .nav-profile-item:hover{background:0 0}.nav-profile--inline .nav-profile-item--signout{color:var(--accent)}.nav-profile--inline .nav-profile-item--signout:hover{background:0 0}